jQuery随着本的缕缕提拔代码量也随后扩充,从1.0.0的未至两千实践至明天之1.10.2现已突破1万尽。

乍的API不断加码,但略在列蒙连无用到。jQuery团队充裕已经考虑到就或多或少,按模块来划分,并可以遵照需要定制自己之jQuery。

 

jQuery从1.9开构建工具迁移至grunt。grunt是冲node的,由此待装node,下面详细介绍。

一、安装node

很简单,这里有入门参考

 

二、安装grunt

否深粗略,这里有入门参考

 

三、去github下载jQuery源码

利用命令: git
clone git://github.com/jquery/jquery.git

下载后的目录

jQuery 1

 

季、安装依赖包

保第二步里grunt-cli已经设置(推荐全局安装,使用参数-g)。

这边用命令npm
install即可,下载的东西比多,大概需要1分钟左右。下载就后到底目录jquery中多矣一个node_modules,如下

jQuery 2

足见见安装了平等堆积lib,uglify、gzip.js、requirejs等。至此,所有安装都已终结。

 

五、编译源码到dest目录

相当简单,cd到jquery目录,敲grunt,如图

jQuery 3

这儿jquery目录里多了一个dest目录

jQuery 4

dest目录有多少个文本,未减的jquery.js,压缩的jquery.min.js和souremap(jquery.min.map需浏览器辅助),这虽是最后生产环境从而到jquery版本。和而于官网下载的没有另外区别。

 

注意:

默认编译的凡的2.x本,2.x免辅助IE6,7,8,假若想编译1.x底版本,使用git命令
git checkout 命令,如下将切换的 1.10.0

git checkout
1.10.0

jQuery 5

 

怀有的tag可经命令 git tag 查看

jQuery 6

 

六、定制而协调的jQuery

方编译的凡完好版本的jQuery,假设想定制好的jQuery,比如您不待动画模块,或者无需要ajax模块等。

翻看jquery目录下之src目录,可以见见jQuery自身是分开模块出的,各类模块于独立的目或文件里,如下图

jQuery 7

除了 基本模块(core)和 选择器(selector),另外模块都可定制(包含或解除)。

遵照您的路蒙绝非使用ajax模块,那么通过以下命令编译的jquery.js将未含$.ajax,
$.get, $.getJSON等。

cd到jquery目录,输入 grunt
custom:-ajax

jQuery 8

这翻开dest目录下之jquery.js会发现代码只发生7主差不多履,少了重重。这一个本子的jquery版本号也相当独特,如下

jQuery 9

 

匪惦念包含多单模块,以逗号分隔即可,如

不包含ajax和动画:grunt
custom:-ajax,-effects

不包含css、位置、包裹:grunt
custom:-css,-offset,-wrap

 

七、修改jQuery的AMD模块名

俺们知道jQuery可以举办吗AMD的一个模块存在,它默认的模块名是 “jquery”。

假若不想念行使该名,通过命令 grunt custom
–amd=”my-jquery” 即可完成修改

jQuery 10

这会儿jquery的模块名称尽管变为 “my-jquery” 了,jquery.js源码中反映如下

if ( typeof define === "function" && define.amd ) {
    define( "my-jquery", [], function() {
        return jQuery;
    });
}

这当你的模块require时,需要改变呢
require(‘my-jquery’),通过define传递依赖平常为用改变下。

破例境况下您可能只要以一个匿超级模特块,使用命令 grunt custom
–amd=””,关于AMD及模块化请猛击
Modular JS

 

相关文章

网站地图xml地图