摘要: 我们在日常的开发里肯定会遇到不少情况会用到一些流程图、脑图,好看的流程图给你的presentation或文档增色不少,马上去掉不少屌丝气息,所以赶快忘掉ppt内置丑陋图形的绘制工具吧。一、简介常用的脑图绘制工具有Xmind、MindManager等等。Xmind使用的eclipse的ui框架搭建,界面很是熟悉,且经过对比还是Xmind比较好使,优点如下:1、UI简介漂亮2、内置icon漂亮大气上档次3、操作简单4、支持导入其他脑图软件生成的工程5、跨平台(支持mac os)……二、使用方法1、一般新建一个空白画布2、添加各种主题,插入边框,拖动主题位置(按住shift拖动主题可以去掉默认... 阅读全文
posted @ 2013-03-05 19:29 hotcho 阅读(34119) 评论(4) 推荐(0) 编辑
摘要: grunt是一个开源的基于任务 (Task) 的前端构建框架。它除了有 Jake 的优点(跨平台、开发简单)以外,还有一套设计良好的 task 框架用来组织各种构建任务。grunt 内置了几个非常常见的构建任务:concat - 组合各种文件lint - 用 JSHint 检查代码min - 用 UglifyJS 压缩代码qunit - 跑 QUnit 单元测试watch - 当源代码文件发生变化时自动执行任务除此之外还可以通过 npm 来方便的获取几百个现成的 task,比如用 closure 而不是 UglifyJS 来压缩 js,或者用 less 来生成 css,又或者用 jslint 阅读全文
posted @ 2013-03-05 17:20 hotcho 阅读(423) 评论(0) 推荐(0) 编辑
摘要: 英文原文;SSH Productivity Tips,编译:Yuanyi ZhangSSH有很多非常酷的特性,如何它是你每天的工作伴侣,那么我想你有必要了解以下16条高效使用SSH的秘籍,它们帮你节省的时间肯定会远远大于你用来配置它们的时间。1. 多条连接共享如果你需要在多个窗口中打开到同一个服务器的连接,而不想每次都输入用户名,密码,或是等待连接建立,那么你可以配置SSH的连接共享选项,在本地打开你的SSH配置文件,通常它们位于~/.ssh/config,然后添加下面2行:12ControlMaster autoControlPath /tmp/ssh_mux_%h_%p_%r现在试试断开你 阅读全文
posted @ 2013-03-05 13:03 hotcho 阅读(2850) 评论(0) 推荐(0) 编辑
摘要: 文转图是比较常见的web应用。特别在微博里,由于限制了字数,所以网上出现了不少把一段文字转为图片的方法,主要有以下几种:实现难度文本格式数据量服务器压力兼容性Flash方法低丰富高小一般HTML5方法低简单高小一般后台方法一般丰富低大好优缺点从上图可见一斑。flash和后台实现的文转图的方案比较常见,而且配合html富文本编辑器还可以实现丰富的文本格式。由于是图片数据是前端生成,所以flash和html5的方法发送的数据量会大点,但是服务器的压力相应会减少。html5 canvas由于只适合高端浏览器,所以不支持canvas的还得降级用flash支持。下面讨论用html5+flash实现常见的 阅读全文
posted @ 2012-12-18 19:38 hotcho 阅读(1876) 评论(0) 推荐(0) 编辑
摘要: 之前新项目用flash上传图片数据以及其他一些字段,由于之前的开源库不够好,所以自己重写了一个AS3form http request builder。view more at:https://github.com/cos2004/FormRequestBuilder 用途:用于flash同时发送图片数据和一些其他值对的时候,此小工具可以方便构造一个标准的http form请求。 顺便讲一点http的知识: Content-Type: multipart/form-data; boundary=Rm9ybVJlcXVlc3RCdWlsZGVyQnljb3MyMDA0 头部的boun... 阅读全文
posted @ 2012-12-03 11:39 hotcho 阅读(3905) 评论(0) 推荐(0) 编辑
摘要: 浏览器上传图片技术的一点分析一、常见传图方法分析对比项方法开发成本兼容性程序效率处理图像能力其他高级图像处理能力是否需要后端特殊处理Flash方法低一般较高高高一般不需HTML5方法一般一般一般一般一般不需普通iframeform方法低好///需要其他插件方法(如ActiveX)高一般高高高不需注:开发成本:指开发时间、实现难度、开源库丰富程度等综合判断兼容性:指浏览器兼容性、浏览器是否原生支持等程序效率:指像素级的图片处理效率处理图像能力:指像素级旋转、缩放等基本操作其他高级图像处理能力:如色彩&模糊滤镜、特殊形状变换、裁剪等高级操作是否需要后端特殊处理:即请求头、后端返回的地址数据 阅读全文
posted @ 2012-11-29 19:37 hotcho 阅读(2815) 评论(0) 推荐(0) 编辑
摘要: 前端开发 慢网速 阅读全文
posted @ 2012-09-26 12:08 hotcho 阅读(517) 评论(0) 推荐(0) 编辑
摘要: 调试的时候发现fileReference.upload()的请求头的accept会默认为'text/*',这时如果服务器没作处理的话很容易返回406错误。而fileReference的URLRequestHeader又没法改accept,只有靠后端改一下来适应'text/*'这种情况。 其实理论上也有另外一种解决办法,不用改后端,就是改为URLLoader的方式post数据,用UploadPostHelper构造合适服务器的accept,但是这个方法有一个缺点就是不能得到文件的上传进度,不太适用于多文件上传的情况。不过有需要的同学可以试试这个方法,我自己没验证。 阅读全文
posted @ 2012-09-24 18:43 hotcho 阅读(548) 评论(0) 推荐(0) 编辑
摘要: 晚上看网页的时候有时候会感觉很亮,所以特意做了一个转换到’夜间模式‘浏览的js书签,一般能使大部分网页的背景转为黑色。特别适合喜欢黑底白字浏览的程序猿们~用法:把下面的链接拖到浏览器的书签栏,或右键添加到书签,需要用的时候点一下即可。夜间模式功能:支持chrome,firefox,ieq键:减少字体亮度w键:增加字体亮度要恢复刷新页面即可==================================================作者:绿色花园出处:http://www.cnblogs.com/cos2004/archive/2012/08/28/2660429.html======.. 阅读全文
posted @ 2012-08-28 18:27 hotcho 阅读(2811) 评论(2) 推荐(0) 编辑
摘要: Velocity用户指南手册中文版(转)1.关于Velocity用户指南旨在帮助页面设计者和内容提供者了解Velocity和其简单而又强大的脚本语言(Velocity Template Language (VTL))。本指南中有很多示例展示了用Velocity来讲动态内容嵌入到网站之中,但是所有的VTL examples都同演示用于所有的页面和模版。感谢选择Velocity!2.什么是Velocity?Velocity是一个基于Java的模版引擎。它允许web页面设计者引用JAVA代码预定义的方法。Web设计者可以根据MVC模式和JAVA程序员并行工作,这意味着Web设计者可以单独专注于设计良 阅读全文
posted @ 2012-06-11 13:21 hotcho 阅读(12041) 评论(0) 推荐(0) 编辑