underScore.js
- Underscore一个JavaScript实用库,提供了一整套函数式编程的实用功能,但是没有扩展任何JavaScript内置对象。(方法总以“_.”开头)
详见:
mousewheel
- jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。
mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta。
通过参数delta可以获取鼠标滚轮的方向和速度。
如果delta的值是负的即-1,那么滚轮就是向下滚动,正的1就是向上。
prototype.js
- 原生JS存在的不便之处:
- 原生JS写构造函数、继承,都是利用原型链;
- 语句不在一个结构块里面,看起来相对比较纠结;
- 实际开发中:
- 很少有人直接使用原生JS来面向对象;
- github上有很多的开源库可以更好面向对象,比较出名的叫做prototype.js。
- 官网:
http://prototypejs.org/
只看prototype中类的继承、创建部分:http://prototypejs.org/learn/class-inheritance- 下载: http://cdn.code.baidu.com/
- Prototype就是为了我们简化自己的类、继承用的。但是Prototype现在涵盖了选择框架、运动框架、Ajax框架。太重了,所以我们不使用Prototype。
- 使用jQuery的创始人,编写的一个简单继承框架simple inheritence。
simple inheritence
- jQuery的创始人,编写的一个简单继承框架simple inheritence;见上面prototype.js功能介绍。
- 官网:
- 相对于下面的base2,simple inheritence用的更广泛。
base2
- base2 和上面的 simple inheritence都是为了继承功能而写的继承框架,其中 simple inheritence是在base2的基础上写的。语法相似。
- 把"Class"替换成基类的名字即实现了继承, simple inheritence同。
var Person = Class.extend ( {});
var Student = Person.extend({});//Student继承自Person类。
zepto
- jQery主要用在PC端;移动端开发框架zepto.js(PC端也可以用)。
- zepto.js用法:用jquery写出来的代码块直接把jquery包换成zepto包,某些功能需要到zepto官网下载相关功能插件模块。zepto包默认只集成了一部分jQuery的功能,其它的需要到zepto官网下载引用。
- zepto.js底层原理是CSS3,jquery底层是DOM。
echarts / G2 / highCharts
- 在ng2+可以引入ngx-echarts来使用echarts。
- g2-react用在react开发的项目中比较方便。
ant design家族
- 我在项目中用过:ng-zorro / ant design / ant design pro / antV / dva
qs库
- 这里只介绍qs.stringify方法与JSON.stringify的区别:
var a = {name:'hehe',age:10};
上面的json对象qs.stringify序列化结果如下:
name=hehe&age=10
而JSON.stringify序列化结果如下:
"{"a":"hehe","age":10}"
总结:从以上简单的对比,我们可以发现qs库的这个方法用在get请求拼接url时特别好。
serialize-javascript库
- serialize用于将JSON转换为字符串,它和JSON.stringify()的区别在于可以输出JSON中的函数和正则表达式。
- 另外,它也包含自动编码功能来防止XSS攻击。
- 点击查看详情