简单介绍一些框架/库

underScore.js

• Underscore一个JavaScript实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象。（方法总以“_.”开头）
  详见：

http://www.css88.com/doc/underscore/

mousewheel

• jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。
  mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event 外，还接收到第二个参数delta。
  通过参数delta可以获取鼠标滚轮的方向和速度。
  如果delta的值是负的即-1，那么滚轮就是向下滚动，正的1就是向上。

https://github.com/jquery/jquery-mousewheel

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功能介绍。
• 官网：

http://ejohn.org/blog/simple-javascript-inheritance/

• 相对于下面的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攻击。
• 点击查看详情

不断更新中......................................................