代码改变世界

随笔档案-2013年07月

【前端工具】 在 Windows 下安装 GruntJS——教程(译)

2013-07-19 11:23 by sniper007, 334 阅读, 收藏, 编辑
摘要: 在你安装 Grunt.js 之前你需要先安装 Node.js。对于本教程而言,我已经安装好了node.js v0.10.0。我将要安装Grunt.js v0.4.1。警告:如果你已经安装了 Grunt.js 0.3.x 或者更低的版本,请先卸载它。Grunt 的命令行界面为了安装 grunt.js,我们需要要安装好全局的 Grunt 命令行界面(CLI),当前的 CLI 版本是 1.0.6。打开 Windows 命令窗口(CMD)并输入以下指令:1 npm install grunt-cli -g这条指令会把 grunt 添加到你的系统环境变量,然后你就可以在任何目录运行 grunt 了。Wi 阅读全文

【前端安全】 web前端安全编码(模版篇)【转】

2013-07-18 17:51 by sniper007, 197 阅读, 收藏, 编辑
摘要: 在web的开发的开发过程中,前端总是在处理后端打的各种变量,变量可以包含着中的各种各样的字符,如果不对这些字符进行”特殊“处理的话,轻者导 致页面不正常的显示,潜入了其他的东西,亦即页面挂了,或者弹出不应该弹出的东西,这些都是我们不期望看到的,重者可能导致密码泄露,网站的访问量突然猛 增,服务器挂掉。 在前端的开发中,涉及到以下几种语境: 1)直接显示在页面上, eg:{%username%}, 2)在script 标签中,eg : 3)在页面事件中,eg:334455 4)在innerHTML 的语境中,eg: 5)在页面链接的url中:eg: 6)提交url参数处理 7)... 阅读全文

【前端工具】seajs打包部署工具spm的使用总结

2013-07-15 16:27 by sniper007, 492 阅读, 收藏, 编辑
摘要: 相信使用seajs的好处大家都是知道的,接触seajs好像是在半年前,当时还不知道页面阻塞问题,这里不带多余的话了。seajs实现了模块化的开发,一个网站如果分了很多很多模块的话,等开发完成了,发现有很大一堆的js需要加载,即使使用了seajs优化加载 了,但是过多的http请求会造成服务器的压力,影响加载等等。这时候我们需要将模块进行压缩和合并。这时候spm工具派上用场了。1.安装spmspm工具是基于node(nodejs的服务平台)的,因此我们需要先安装 node 和 npm 下载地址:http://nodejs.org/#download.下载完成后安装即可。node安装完成后,找到c 阅读全文

【前端工具】 git windows下搭建全过程

2013-07-15 16:23 by sniper007, 479 阅读, 收藏, 编辑
摘要: 1、 Git,Windows下的Git,地址:http://msysgit.googlecode.com/files/Git-1.7.9-preview20120201.exe(方便下载)2 、SSH,可以用CopSSH,地址:http://sqmcc2.newhua.com/down/Copssh_4.1.0_Installer.zip(方便下载)3、git、CopSSH安装可以参照(注意:看图片就好了其它的无视):http://www.codeproject.com/Articles/296398/Step-by-Step-Setup-Git-Server-on-Windows-with- 阅读全文

【javascript基础】 广告嵌套document.write的非iframe方式的延迟加载

2013-07-09 15:16 by sniper007, 377 阅读, 收藏, 编辑
摘要: 用ControlJS优化阿里妈妈广告http://ued.taobao.com/blog/2011/03/controljs-alimama/让document.write的广告无阻塞的加载http://stylechen.com/rewrite-documentwrite.htmlDomWriter:延迟调用含有document.write的外部JS脚本http://www.bigline.cn/blog/2010/12/02/dom-writer/页面Flash只有在显示的时候才会被加载http://morningbzy.blog.163.com/blog/static/144088527 阅读全文

【javascript基础】 JavaScript defer和async区别

2013-07-09 12:32 by sniper007, 302 阅读, 收藏, 编辑
摘要: defer该属性用来通知浏览器,这段脚本代码将不会产生任何文档内容。例如 JavaScript代码中的document.write()方法将不会骑作用,浏览器遇到这样的代码将会忽略,并继续执行后面的代码。属性只能是 defer,与属性名相同。在HTML语法格式下,也允许不定义属性值,仅仅使用属性名。async该属性为html5中新增的属性,它的作用是能够异步地下载和执行脚本,不因为加载脚本而阻塞页面的加载。一旦下载完毕就会立刻执行。async和defer一样,都不会阻塞其他资源下载,所以不会影响页面的加载,但在async的情况下,js文档一旦下载完毕就会立刻执行,所以很有可能不是按照原本的顺序 阅读全文
点击右上角即可分享
微信分享提示