前端模块化和打包工具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中this该如何理解?

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

More