前端模块化和打包工具 webpack

Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。这里说的模块不仅仅只是 JavaScript 模块化,还有 CSS、图片、字体等也需要模块化。

More

前端构建工具 gulp

前端开发过程中,源代码编写完成后,一般还要经过代码语法检查、文件合并、代码压缩、浏览器刷新查看效果等步骤。gulp 就是可以替我们开发者完成这些重复工作的自动化构建工具之一。换句话说,gulp 是一个编译、打包、压缩 javascript/coffee/sass/less/html/image/css 等文件的工具。类似的工具还有较早的 ant、grunt 等。

More

chrome 扩展开发

浏览器扩展可以大大地增强我们浏览器的功能。比如捕捉网页内容、捕捉 http 报文、过滤页面广告、修改网页内容…… IE 扩展开发涉及 C++ 和 COM 技术,火狐扩展开发涉及环境搭建以及 web 开发以外的知识,而 chrome 扩展相对来说就比较简单,具备 JavaScript 等前端知识就能快速上手。以下,简单地介绍一下 chrome 扩展开发。

More

理解 JavaScript 中 setTimeout

setTimeout(code,ms) 方法用于在 ms 毫秒后调用函数或计算表达式(code)。这种定时方法我们也叫定时器,该方法会返回一个整数 n,作为定时器的标识,之后可以用 clearTimeout(n) 方法来取消该定时器。

More

理解 JavaScript 中 this

this 出现的地方无非两种:全局环境中和函数中。不管哪种情况,this 都是执行上下文的一个属性,并且 this 总是返回一个对象。(1)在全局上下文中,this 就是全局对象本身。(2)在函数上下文中,函数的每次调用对应 this 对象都可能不同。不过,关于函数中的 this,我们可以记住一句结论:this 对象是在函数调用时,具体代码执行以前,激活该函数上下文的执行者(比如调用该函数的对象,再比如调用该函数的外层上下文对象)。

More