摘要: 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阅读全文
posted @ 2013-11-29 12:01 artwl 阅读(2583) 评论(4) 编辑
摘要: Grunt是什么?Grunt是一个自动化的项目构建工具。如果你需要重复的执行像压缩,编译,单元测试,代码检查以及打包发布的任务。那么你可以使用Grunt来处理这些任务,你所需要做的只是配置好Grunt,这样能很大程度的简化你的工作。如果在团队中使用Grunt,你只需要与其他人员约定好使用Grunt应该规避的问题,就能够很方便的自动化的处理大部分的常见工作任务,你所付出的努力几乎为0。为什么要使用Grunt?Grunt是一个庞大的生态系统,每天都在成长。你可以自由的选择数以百计的插件以帮助你自动化的处理任务。如果你所需要的插件还没有被人创建, 那么你可以自己创建插件并通过npm很方便的发布以供更阅读全文
posted @ 2013-11-29 11:27 artwl 阅读(135) 评论(0) 编辑
摘要: Web服务器会做些什么:1、建产连接:接受一个客户端连接,或者如果不希望与这个客户端建立连接,就将其关闭。 1)处理新连接 2)客户端主机名识别 3)通过ident确定客户端用户ident在组织内部可以很好地工作,主要是因为以下原因导致在公共因特网上并不能很好地工作:1、很多客户端PC没有运行ident识别协议守护进程软件2、ident协议会使HTTP事务处理产生严重的时延3、很多防火墙不允许ident流量进入4、ident协议不安全,容易被伪伪5、ident协议也不支持虚拟IP地址6、暴露客户端的用户名还涉及隐私问题2、接收请求:从网络中读取一条HTTP请求报文3、处理请求:对网络报文...阅读全文
posted @ 2013-11-01 11:46 artwl 阅读(73) 评论(0) 编辑
摘要: 近期项目中可能要用到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 的功能,比如类、包和名称空间;可选的静态类型;...阅读全文
posted @ 2013-10-30 11:29 artwl 阅读(1623) 评论(3) 编辑
摘要: 效果:原理: 用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阅读全文
posted @ 2013-10-22 19:25 artwl 阅读(729) 评论(0) 编辑
摘要: HTTP通信是由TCP/IP承载的,HTTP紧挨着TCP,位于其上层,所以HTTP事务的性能很大程度上取决于底层TCP通道的性能。 HTTP事务的时延 如图: HTTP事务的时延有以下几种主要原因。 (1)客户端首先需要根据URI确定Web服务器的IP地址和端口号。如果最近没有对URI中的主机名进行访问,通过DNS解析系统将URI中的主机名转换成一个IP地址可能要花费数十秒的时间。 (2)接下来,客户端会向服务器发送一条TCP连接请求,并等待服务器回送一个请求接受应答。每条新的TCP连接都会有连接建立时延。这个值通常最多只有一两秒种,但如果有数百个HTTP事务的话,这个值会快...阅读全文
posted @ 2013-09-26 14:36 artwl 阅读(99) 评论(0) 编辑
摘要: 报文的组成部分 报文由三部分组成:对报文进行描述的起始行(start line)、包含属性的首部(header),以及可选的、包含数据的主体(body)部分。 请求报文格式 响应报文格式 HTTP方法 主要的HTTP方法有:方法描述是否包含主体GET从服务器获取一份文档否HEAD只从服务器获取文档的首部否POST向服务器发送需要处理的数据是PUT将请求的主体部分存储在服务器上是TRACE对可能经过代理服务器传送到服务器上去的报文进行追踪否OPTIONS决定可以在服务器上执行哪些方法否DELETE从服务器上删除一份文档否 另外,HTTP1.1允许扩...阅读全文
posted @ 2013-09-24 17:49 artwl 阅读(184) 评论(0) 编辑
摘要: URL中的限制字符: 在URL中,有几个字符被保留起来,有着特殊的含义。有些字符不在定义的US-ASCII可打印字符集中。还有些字符会与某些因特网网关和协议产生混淆,因此不赞成使用。 下面这些字符是URL中的限制字符,在将其用于保留用途之外的场合时,要在URL中对其进行编码。 字符保留/受限%保留作为编码字符的转义标志/保留作为路径组件中分隔路径段的字界符.保留在路径组件中使用..保留在路径组件中使用#保留作为分段定界符使用?保留作为查询字符串定界符使用;保留作为参数字界符使用$ , +保留@ & =在某些方案的上下文中有特殊的含义,保留{ } | \ ^ ~ [ ]由于各种传输Ag.阅读全文
posted @ 2013-09-23 11:56 artwl 阅读(64) 评论(0) 编辑
摘要: 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页面和交互式表格成为可能,而这些页面和表格促使万维网为人们广泛地接受...阅读全文
posted @ 2013-09-23 11:26 artwl 阅读(69) 评论(0) 编辑
摘要: 最近园子有一篇文章:因为所谓的代码性能不高而被离职的程序员,评论者挺多,简单谈谈我的看法,大家就当中秋假日茶余饭后的消遣吧。 该文大致是说了一件因代码性能问题而被离职的事,作者还贴了一段代码在文中,致于代码到底有没有性能问题,有多大性能问题,在评论中好多朋友都给出了自己的看法,有的甚至重构了代码。大约得出的结论如下:代码性能、规范和逻辑上不那么完美,有一定优化空间,代码原因只是被离职的原因之一,还可能因为办公室政治。 由于已经快一年没写.NET代码了,加上水平本来就有限,对作者的代码本身我不作评论,我只谈谈技术之外的一点看法,那就是:技术不是工程师能力的全部。 从该文作者回复的评论:...阅读全文
posted @ 2013-09-20 12:13 artwl 阅读(3077) 评论(20) 编辑
摘要: Sublime Text 2是那种让人会一眼就爱上的编辑器,不仅GUI让人眼前一亮,功能更是没的说,拓展性目前来说也完全够用了,网上介绍软件的文章和推荐插件的文章也不少,而且很不错,大家可以去找找自己需要的。 之前想设置什么都是直接在网上搜,但最近想调行距,这个把我给难住了,软件上的设置没找到,网上搜也没有,最后的最后在Sublime的官方论坛找到了,个人觉得行距还是很影响视觉体验的,看看下面的对比图就知道了: 看来想驾驭好这软件不弄清楚配置文件是不行了,周末找了时间把配置文件的每条配置信息都加上了中文注释,现在贴出来和大家共享,里面有解释不清楚的也欢迎大家伙来互相讨论:) Pref...阅读全文
posted @ 2013-09-12 10:32 artwl 阅读(94) 评论(0) 编辑
摘要: 一、数组排序 题目链接: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。 分析: 通过示例可以看出,可以用数组的第一项跟阅读全文
posted @ 2013-09-11 10:16 artwl 阅读(177) 评论(0) 编辑
摘要: 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不支持阅读全文
posted @ 2013-07-26 14:38 artwl 阅读(181) 评论(0) 编辑
摘要: 开始全职前端开发已经9个月了,在这9个月中收集了一还自认为还不错的资源,主要有前端资讯、技术博客、精彩文章、实用工具、国内外前端框架,现在分享出来,希望对各位前端攻城师有用。阅读全文
posted @ 2013-07-21 12:45 artwl 阅读(8071) 评论(59) 编辑
摘要: 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个十六进制数(使用数字以及大写或...阅读全文
posted @ 2013-07-17 19:51 artwl 阅读(275) 评论(0) 编辑
摘要: 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阅读全文
posted @ 2013-06-21 09:35 artwl 阅读(65) 评论(0) 编辑
摘要: 一直在找一个比较好的地方存放收藏的网址,但用了好多产品后效果都不理想,于是自己动手,写了一个Win8 UI风格的,运行效果如下: 首页: 工具页: 其中主要收录了国内前端方面的资讯站和工具类网站,现在把这些网址与各位前端开发者工共享,本站致力于为前端开发者提供最好的网址导航,大家有推荐的网站欢迎提供。 beta版网址:http://feinfo.duapp.com/ 对开发者网址导航站,大家有什么意见建议,都欢迎留言讨论。如果有必要,后续可能会增加用户功能,让每个人都可以自己添加收藏。 UPDATE: 今天给部分网址后面加上了该网站最后更新时间,方便判断是否发布了新文章,效果...阅读全文
posted @ 2013-06-08 09:48 artwl 阅读(783) 评论(3) 编辑
摘要: 前一阵子一直在折腾浏览器的插件检测和自定义协议的支持。经过种种痛苦的折腾,算是对这一领域有了点浅显的认知。特此记录一下一、背景知识自定义协议:常用的协议有 http:// https:// ftp:// 等然而我们也经常会遇到类似这样的协议连接 thunder:// 迅雷的item:// itunes的ed2k:// 电驴的这样的协议是需要本地计算机安装软件与之接应, 实现相应操作的也就是当你点一个类似的连接,浏览器会通知系统以何种程序处理该种协议的连接,这种对应是通过注册表来实现的参考资料:http://www.cnblogs.com/Aricc/archive/2009/03/18/141阅读全文
posted @ 2013-05-17 12:17 artwl 阅读(281) 评论(0) 编辑
摘要: 缘起 不知道大家有没有用过google搜索结果页的“发送反馈”功能(还没有用过的,快去体验一下吧),个人用过后觉得非常酷,特别适合反馈界面视觉问题,于是就有了本文介绍的小作品。 给不能FQ的截张图吧:效果 不知道大家有没有注意到本页最下面有个“发送反馈”的固定链接,可以点击看看效果。下面是chrome下的效果: 注:需要浏览器支持HTML5原理 通过查看google搜索结果页反馈时的代码可以看到,是把页面生成了一个canvas,然后在canvas上画矩形来实现的: 所以在不支持canvas的浏览器下,是没有这个效果的。 我的方案是利用html2canvas库把页面内容渲染成一个c...阅读全文
posted @ 2013-05-09 19:22 artwl 阅读(793) 评论(4) 编辑
摘要: 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...阅读全文
posted @ 2013-05-03 10:47 artwl 阅读(348) 评论(0) 编辑

个人简介

var ME = {
	"name": "土豆/Artwl",
	"job": "coding",
	"languages": [
		"JS", "HTML",
                "CSS", "jQuery"
		"MVC",".NET",
		"设计模式"
	],
	"hobby": [
		"阅读", "旅游",
		"音乐", "电影"
	]
}
TOP