简单介绍一些框架/库

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。
  • 官网:

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攻击。
  • 点击查看详情

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容