underScore.js
- Underscore一個JavaScript實用庫,提供了一整套函數(shù)式編程的實用功能玛臂,但是沒有擴展任何JavaScript內(nèi)置對象。(方法總以“_.”開頭)
詳見:
mousewheel
- jQuery Mousewheel Plugin,用于添加跨瀏覽器的鼠標滾輪支持。
mousewheel事件的處理函數(shù)有一點小小的變化,它除了第一個參數(shù)event 外滚秩,還接收到第二個參數(shù)delta。
通過參數(shù)delta可以獲取鼠標滾輪的方向和速度淮捆。
如果delta的值是負的即-1郁油,那么滾輪就是向下滾動,正的1就是向上攀痊。
prototype.js
- 原生JS存在的不便之處:
- 原生JS寫構(gòu)造函數(shù)桐腌、繼承,都是利用原型鏈苟径;
- 語句不在一個結(jié)構(gòu)塊里面哩掺,看起來相對比較糾結(jié);
- 實際開發(fā)中:
- 很少有人直接使用原生JS來面向?qū)ο?
- github上有很多的開源庫可以更好面向?qū)ο笊裕容^出名的叫做prototype.js嚼吞。
- 官網(wǎng):
http://prototypejs.org/
只看prototype中類的繼承、創(chuàng)建部分:http://prototypejs.org/learn/class-inheritance- 下載: http://cdn.code.baidu.com/
- Prototype就是為了我們簡化自己的類蹬碧、繼承用的舱禽。但是Prototype現(xiàn)在涵蓋了選擇框架、運動框架恩沽、Ajax框架誊稚。太重了,所以我們不使用Prototype。
- 使用jQuery的創(chuàng)始人里伯,編寫的一個簡單繼承框架simple inheritence城瞎。
simple inheritence
- jQuery的創(chuàng)始人,編寫的一個簡單繼承框架simple inheritence疾瓮;見上面prototype.js功能介紹脖镀。
- 官網(wǎng):
- 相對于下面的base2,simple inheritence用的更廣泛狼电。
base2
- base2 和上面的 simple inheritence都是為了繼承功能而寫的繼承框架蜒灰,其中 simple inheritence是在base2的基礎(chǔ)上寫的。語法相似肩碟。
- 把"Class"替換成基類的名字即實現(xiàn)了繼承强窖, simple inheritence同。
var Person = Class.extend ( {});
var Student = Person.extend({});//Student繼承自Person類削祈。
zepto
- jQery主要用在PC端翅溺;移動端開發(fā)框架zepto.js(PC端也可以用)。
- zepto.js用法:用jquery寫出來的代碼塊直接把jquery包換成zepto包髓抑,某些功能需要到zepto官網(wǎng)下載相關(guān)功能插件模塊未巫。zepto包默認只集成了一部分jQuery的功能,其它的需要到zepto官網(wǎng)下載引用启昧。
- zepto.js底層原理是CSS3叙凡,jquery底層是DOM。
echarts / G2 / highCharts
- 在ng2+可以引入ngx-echarts來使用echarts密末。
- g2-react用在react開發(fā)的項目中比較方便握爷。
ant design家族
- 我在項目中用過:ng-zorro / ant design / ant design pro / antV / dva
qs庫
- 這里只介紹qs.stringify方法與JSON.stringify的區(qū)別:
var a = {name:'hehe',age:10};
上面的json對象qs.stringify序列化結(jié)果如下:
name=hehe&age=10
而JSON.stringify序列化結(jié)果如下:
"{"a":"hehe","age":10}"
總結(jié):從以上簡單的對比,我們可以發(fā)現(xiàn)qs庫的這個方法用在get請求拼接url時特別好严里。
serialize-javascript庫
- serialize用于將JSON轉(zhuǎn)換為字符串新啼,它和JSON.stringify()的區(qū)別在于可以輸出JSON中的函數(shù)和正則表達式。
- 另外刹碾,它也包含自動編碼功能來防止XSS攻擊燥撞。
- 點擊查看詳情