摘要： grunt-contrib-uglifyuglify是一个文件压缩插件，项目地址：https://github.com/gruntjs/grunt-contrib-uglify本文将以一个DEMO来展示如何使用uglify插件。DEMO环境package.json:{ "name": "grunt-demo", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.2", "grunt-c 阅读全文

摘要： Grunt是什么？Grunt是一个自动化的项目构建工具。如果你需要重复的执行像压缩，编译，单元测试，代码检查以及打包发布的任务。那么你可以使用Grunt来处理这些任务，你所需要做的只是配置好Grunt，这样能很大程度的简化你的工作。如果在团队中使用Grunt，你只需要与其他人员约定好使用Grunt应该规避的问题，就能够很方便的自动化的处理大部分的常见工作任务，你所付出的努力几乎为0。为什么要使用Grunt？Grunt是一个庞大的生态系统，每天都在成长。你可以自由的选择数以百计的插件以帮助你自动化的处理任务。如果你所需要的插件还没有被人创建, 那么你可以自己创建插件并通过npm很方便的发布以供更 阅读全文

摘要： Web服务器会做些什么：1、建产连接：接受一个客户端连接，或者如果不希望与这个客户端建立连接，就将其关闭。 1）处理新连接 2）客户端主机名识别 3）通过ident确定客户端用户ident在组织内部可以很好地工作，主要是因为以下原因导致在公共因特网上并不能很好地工作：1、很多客户端PC没有运行ident识别协议守护进程软件2、ident协议会使HTTP事务处理产生严重的时延3、很多防火墙不允许ident流量进入4、ident协议不安全，容易被伪伪5、ident协议也不支持虚拟IP地址6、暴露客户端的用户名还涉及隐私问题2、接收请求：从网络中读取一条HTTP请求报文3、处理请求：对网络报文... 阅读全文

摘要： 近期项目中可能要用到Flash存取数据，并与JS互调，所以就看了一下ActionScript 3.0，现把学习结果分享一下，希望对新手有帮助。目录 ActionScript 3.0简介 Hello World 文件读写 数据存储(SharedObject) 与JS互调ActionScript 3.0简介 ActionScript 3.0 是一种强大的面向对象编程语言，ActionScript 3 符合 ECMAScript Language Specification 第三版。它还包含基于 ECMAScript Edition 4 的功能，比如类、包和名称空间；可选的静态类型；... 阅读全文

摘要： 效果：原理： 用canvas逐行输出文字，然后让背景颜色逐渐加深，再随机中断某些列。代码：HTML：CSS：canvas {display: block;}JS：var c = document.getElementById("c");var ctx = c.getContext("2d");//全屏c.height = window.innerHeight;c.width = window.innerWidth;//文字var txts = "0123456789";//转为数组txts = txts.split("&qu 阅读全文

摘要： HTTP通信是由TCP/IP承载的，HTTP紧挨着TCP，位于其上层，所以HTTP事务的性能很大程度上取决于底层TCP通道的性能。 HTTP事务的时延 如图： HTTP事务的时延有以下几种主要原因。 （1）客户端首先需要根据URI确定Web服务器的IP地址和端口号。如果最近没有对URI中的主机名进行访问，通过DNS解析系统将URI中的主机名转换成一个IP地址可能要花费数十秒的时间。 （2）接下来，客户端会向服务器发送一条TCP连接请求，并等待服务器回送一个请求接受应答。每条新的TCP连接都会有连接建立时延。这个值通常最多只有一两秒种，但如果有数百个HTTP事务的话，这个值会快... 阅读全文

摘要： 报文的组成部分 报文由三部分组成：对报文进行描述的起始行(start line)、包含属性的首部(header)，以及可选的、包含数据的主体(body)部分。 请求报文格式 响应报文格式 HTTP方法 主要的HTTP方法有：方法描述是否包含主体GET从服务器获取一份文档否HEAD只从服务器获取文档的首部否POST向服务器发送需要处理的数据是PUT将请求的主体部分存储在服务器上是TRACE对可能经过代理服务器传送到服务器上去的报文进行追踪否OPTIONS决定可以在服务器上执行哪些方法否DELETE从服务器上删除一份文档否 另外，HTTP1.1允许扩... 阅读全文

摘要： URL中的限制字符： 在URL中，有几个字符被保留起来，有着特殊的含义。有些字符不在定义的US-ASCII可打印字符集中。还有些字符会与某些因特网网关和协议产生混淆，因此不赞成使用。 下面这些字符是URL中的限制字符，在将其用于保留用途之外的场合时，要在URL中对其进行编码。 字符保留/受限%保留作为编码字符的转义标志/保留作为路径组件中分隔路径段的字界符.保留在路径组件中使用..保留在路径组件中使用#保留作为分段定界符使用?保留作为查询字符串定界符使用;保留作为参数字界符使用$ , +保留@ & =在某些方案的上下文中有特殊的含义，保留{ } | \ ^ ~ [ ]由于各种传输Ag. 阅读全文

摘要： HTTP协议版本： 1、HTTP/0.9：HTTP的1991原型版本称为HTTP/0.9。这个协议有很多严重的缺陷，只应该用与与老客户端的交互。HTTP/0.9只支持GET方法，不支持多媒体内容的MIME类型，各种HTTP首部，或者版本号。HTTP/0.9定义的初衷是为了获取简单的HTML对象，它很快就被HTTP/1.0取代了。 2、HTTP/1.0：1.0是第一个得到广泛使用的HTTP版本。HTTP/1.0添加了版本号、各种HTTP首部，一些额外的方法，以及对多媒体对象的处理。HTTP/1.0使得包含生动图片的Web页面和交互式表格成为可能，而这些页面和表格促使万维网为人们广泛地接受... 阅读全文

摘要： 最近园子有一篇文章：因为所谓的代码性能不高而被离职的程序员，评论者挺多，简单谈谈我的看法，大家就当中秋假日茶余饭后的消遣吧。 该文大致是说了一件因代码性能问题而被离职的事，作者还贴了一段代码在文中，致于代码到底有没有性能问题，有多大性能问题，在评论中好多朋友都给出了自己的看法，有的甚至重构了代码。大约得出的结论如下：代码性能、规范和逻辑上不那么完美，有一定优化空间，代码原因只是被离职的原因之一，还可能因为办公室政治。 由于已经快一年没写.NET代码了，加上水平本来就有限，对作者的代码本身我不作评论，我只谈谈技术之外的一点看法，那就是：技术不是工程师能力的全部。 从该文作者回复的评论：... 阅读全文

摘要： Sublime Text 2是那种让人会一眼就爱上的编辑器，不仅GUI让人眼前一亮，功能更是没的说，拓展性目前来说也完全够用了，网上介绍软件的文章和推荐插件的文章也不少，而且很不错，大家可以去找找自己需要的。 之前想设置什么都是直接在网上搜，但最近想调行距，这个把我给难住了，软件上的设置没找到，网上搜也没有，最后的最后在Sublime的官方论坛找到了，个人觉得行距还是很影响视觉体验的，看看下面的对比图就知道了: 看来想驾驭好这软件不弄清楚配置文件是不行了，周末找了时间把配置文件的每条配置信息都加上了中文注释，现在贴出来和大家共享，里面有解释不清楚的也欢迎大家伙来互相讨论:) Pref... 阅读全文

摘要： 一、数组排序 题目链接：http://hero.pongo.cn/Question/Details?ExamID=92&ID=94&bsh_bid=281776595题目详情： 给定一个包含1-n的数列，我们通过交换任意两个元素给数列重新排序。求最少需要多少次交换，能把数组排成按1-n递增的顺序，其中，数组长度不超过100。 例如： 原数组是3,2,1， 我们只需要交换1和3就行了，交换次数为1，所以输出1。 原数组是2,3,1，我们需要交换2和1，变成1,3,2，再交换3和2，变为1，2，3，总共需要的交换次数为2，所以输出2。 分析： 通过示例可以看出，可以用数组的第一项跟 阅读全文

摘要： console.log("%c\n ","font-size:81px;background:url('http://www.baidu.com/img/bdlogo.gif') no-repeat 0 0");console.log("信息%c来自:console","color:red;font-weight:bold;");IE不支持 阅读全文

摘要： 开始全职前端开发已经9个月了，在这9个月中收集了一还自认为还不错的资源，主要有前端资讯、技术博客、精彩文章、实用工具、国内外前端框架，现在分享出来，希望对各位前端攻城师有用。 阅读全文

摘要： JavaScript使用Unicode字符集。ECMAScript3要求JS的实现必须支持Unicode 2.1及后续版本，ECMAScript 5要求JS的实现支持Unicode 3及后续版本。 JavaScript区分大小写。 JavaScript代码建议用空格代替Tab键，因为不同IDE对Tab键的解析不完全一样。 在有些计算机硬件和软件里，无法显示或输入Unicode字符全集，为了支持老旧硬件和软件，JavaScript定义了一种特殊序列，用6个ASCII字符来代表任意16位Unicode内码。这些Unicode转义序列均以\u前缀，其后跟随4个十六进制数（使用数字以及大写或... 阅读全文

摘要： var $ = document; // shortcutvar cssId = 'myCss'; // you could encode the css path itself to generate id..if (!$.getElementById(cssId)){ var head = $.getElementsByTagName('head')[0]; var link = $.createElement('link'); link.id = cssId; link.rel = 'stylesheet'; link.ty 阅读全文

摘要： 一直在找一个比较好的地方存放收藏的网址，但用了好多产品后效果都不理想，于是自己动手，写了一个Win8 UI风格的，运行效果如下： 首页： 工具页： 其中主要收录了国内前端方面的资讯站和工具类网站，现在把这些网址与各位前端开发者工共享，本站致力于为前端开发者提供最好的网址导航，大家有推荐的网站欢迎提供。 beta版网址：http://feinfo.duapp.com/ 对开发者网址导航站，大家有什么意见建议，都欢迎留言讨论。如果有必要，后续可能会增加用户功能，让每个人都可以自己添加收藏。 UPDATE: 今天给部分网址后面加上了该网站最后更新时间，方便判断是否发布了新文章，效果... 阅读全文

摘要： 前一阵子一直在折腾浏览器的插件检测和自定义协议的支持。经过种种痛苦的折腾，算是对这一领域有了点浅显的认知。特此记录一下一、背景知识自定义协议：常用的协议有 http:// https:// ftp:// 等然而我们也经常会遇到类似这样的协议连接 thunder:// 迅雷的item:// itunes的ed2k:// 电驴的这样的协议是需要本地计算机安装软件与之接应， 实现相应操作的也就是当你点一个类似的连接，浏览器会通知系统以何种程序处理该种协议的连接，这种对应是通过注册表来实现的参考资料：http://www.cnblogs.com/Aricc/archive/2009/03/18/141 阅读全文

摘要： 缘起 不知道大家有没有用过google搜索结果页的“发送反馈”功能(还没有用过的，快去体验一下吧)，个人用过后觉得非常酷，特别适合反馈界面视觉问题，于是就有了本文介绍的小作品。 给不能FQ的截张图吧：效果 不知道大家有没有注意到本页最下面有个“发送反馈”的固定链接，可以点击看看效果。下面是chrome下的效果： 注：需要浏览器支持HTML5原理 通过查看google搜索结果页反馈时的代码可以看到，是把页面生成了一个canvas，然后在canvas上画矩形来实现的： 所以在不支持canvas的浏览器下，是没有这个效果的。 我的方案是利用html2canvas库把页面内容渲染成一个c... 阅读全文

摘要： function _code($_code_length = 4, $_width = 75, $_height = 25){ for($i=0;$i<$_code_length;$i++){ $_nmsg .= dechex(mt_rand(0,15)); } $_SESSION["code"] = $_nmsg; $_img = imagecreatetruecolor($_width, $_height); $_white = imagecolorallocate($_img, 250, 250, 250); imagefill($_im... 阅读全文