【许多js框架或js库的min版本是怎么做出来的？】的更多相关文章

许多js框架或js库的min版本是怎么做出来的？

如jQuery,Bootstrap,AngularJs,这些都有min版本,代码更加精简,功能却相同.看了源代码,几乎不可读. 这种事情的工具类型叫做“minifier”.请看传送门:Minification (programming)每个人的喜好风格不同,所以就不单独拿出一个工具来说了. 做得好的minifier其实就是一个source-to-source编译器,只不过编译的目的是缩小代码大小(或者附带其它一些功能例如混淆.删除无用代码等). references: http://www.zh…

深入解析Backbone.js框架的依赖库Underscore.js的作用

这篇文章主要介绍了深入解析Backbone.js框架的依赖库Underscore.js的作用,用过Node.js的朋友对Underscore一定不会陌生:)需要的朋友可以参考下 backbone必须依赖underscore.js才能够使用,它必须通过underscore中的函数来完成访问页面元素.处理元素的基本操作. 注:backbone可以很好的与其它js库一起工作,所以说它是一个库,而不是框架. Underscore并没有对原生对象进行扩展,而是调用_()方法进行封装,一旦封装完成,js对象…

js框架——angular.js

这是一个前端用的框架,使用简单.详细介绍这里就不写了,主要介绍其语法和作用—— 1. 声明一个angular 如果想要使用一个angular代码,则需要在[想要使用angular的范围内写上ng-app],例如,对象是整个body内容的话,就需要在body标签内添加—— <body ng-app> 就和添加一个属性差不多的语法方式,不要多想 2. angular的使用 <p>这是我们第一次接触ag的表达式 {{1 + 2}}</p> 以上代码是angular的表达式,在…

js框架——angular.js(6)

1. ng-class 这个指令是用来绑定一个或者多个css代码.它的值一般是一个表达式,也可以是函数什么的,只要返回的确实是一个类的名字就可以—— ng-class="nextPageDisabled()" <select ng-model="home"> <option value="sky">Sky</option> <option value="tomato">Tomat…

js框架——angular.js（5）

1. 3种过滤方式 <html> <head> <meta charset='utf-8'> <script src="js/angular.js"></script> <script src="js/app.js"></script> <link rel="stylesheet" href="css/bootstrap.css">…

js框架——angular.js（2）

1. 模块的利用扩充 模块的名称也可以当做变量使用,例如: <body ng-app> <label><input type="checkbox" ng-model="checked"/>Toggle Button</label> <button ng-disabled="checked">Press me</button> </body> 2. directiv…

一款超好用轻量级JS框架——Zepto.js(上)

   前  言 絮叨絮叨 之前我们介绍过JQuery怎么自定义一个插件,但没有详细介绍过JQuery,那么今天呢....我们还是不说JQuery,哈哈哈哈 但是今天我们介绍一款和JQuery超级像的一款框架--Zepto. 之所以说Zepto和JQuery超级像,是因为他们的用法一样,除了有那么一点不同之外,基本没有任何区别,如果你会用JQuery,那么,你就会用Zepto. 但是相比较之下,Zepto是比JQuery更加轻量级的一款JavaScript库,更加倾向于应用的开发. 那么所以呢,今…

一款超好用轻量级JS框架——Zepto.js(下)

   前   言 絮叨絮叨 前面和大家分享了Zepto的原型方法,相信大家也对这个框架有了一定的了解,那么今天再和大家分享一下它的对象方法吧! 1add() 支持一到二个参数,第一个为选择器,与$()的差不多,甚至是,第一个参数传进去一个function,它也会正确执行(但是出现什么bug的话,后果自负哟~~),所以说,正确的使用方式是传入选择器,dom对象,或者一段html,这都是可以的,如果有多个的话,那就用用数组括起来, var temp = $(["li","span…

js框架——angular.js(4)

1. angular中的对象 其实也不用多说的,前台是可以提取后台定义的对象的—— <body ng-app="MyApp"> <div ng-controller="User"> <form ng-submit="submit()" novalidate> <label>Firstname</label> <input type="text" ng-model…

js框架——angular.js（3）

1. 过滤filter 过滤就是将内容进行筛选或者转换或者两者都有,一般的表示方式就是在变量后面添加"|",然后加上过滤条件,如—— {{name|currency}} 这个currency过滤器可以将值转变成货币的格式. 另外,这个货币的格式也可以设置—— {{name|currency: "Euro €" }} 这样,输入1234,就会显示: 123,4 Euro € 2. 自定义过滤器 过滤器当然可以自定义,毕竟系统给定的过滤器根本不够用. <body…