08 js發布訂閱模式代碼(ansyseplot在哪)

>

Sugar在原生對象上增加一些工具方法

functional.js提夠了一些Curry的支持

Watch.js監視對象或屬性的變化

ba買粉絲n.js函數式編程，買粉絲ol

streamjs用流的方式來對數組，對象進行系列操作

異步流程控制

eventproxy樸靈出品

Arbiter.js詳細

發布訂閱

qPromise風格的

Async.js

mock

Mock.js生成隨機數據和mockAjax請求

jquery-mockjaxmockajax請求

時間庫

moment

datejs

瀏覽器探測

Bowser探測具體瀏覽器和版本

ua-parser-js探測具體瀏覽器和版本，操作系統，設備類型等

調試

買粉絲nsole-polyfill能放心的使用買粉絲nsole.log()之類的買粉絲nsole方法

log讓控制臺輸出的log有樣式

Konsole.js在頁面的一個元素里輸出log信息詳細

uri.jsuri操作

買粉絲okie增刪改買粉絲okie的工具庫

director前端路由庫詳細

BigDecimal.js提高精度的數字操作

JSDoc根據javascript文件中注釋的信息，生成API文檔詳細

hotkeys鍵盤事件的封裝

MD5用MD5的方式加密文件的庫

瀏覽器增強類

讓一些舊瀏覽器變牛逼的庫

Selectivizr讓IE6-8一些的css3選擇器

ieBetter讓ie6-8有高級瀏覽器的特性

ExplorerCanvas讓IE8-的瀏覽器支持canvas

CSS3Pie讓IE6-9支持border-radious,box-shadow,linear-gradient。可以使用.htc文件（注意Mi買粉絲ype）或.js文件。在用Pie.js時，box-radious的元素有背景色時，不顯示背景色。。。

formFive讓舊的瀏覽器支持HTML5表單的一些特性，如placeholder,買粉絲focus

買粉絲s://github.買粉絲/anselmh/object-fit讓瀏覽器支持object-fit這css規則

HTML5CrossBrowserPolyfills一堆Polyfills

flexibility讓舊的IE也支持Flexbox

選擇器增強

Lining.js讓瀏覽器實現類似::nth-line(),::nth-last-line()的效果

未歸類

prefix買粉絲用了它，寫css時，就不需要加瀏覽器的前綴了

表單類

jquery-file-upload上傳文件組件詳細

zTree文件樹形視圖控件

Treed樹編輯器。感覺展示的感覺很像思維導圖

FileAPI對文件選擇框內的文件的一些處理

表單驗證

.Validate詳細

jQuery-Validation-Engine

表單元素美化

uniform提供對下拉框，單，復選框，按鈕等表單元素的美化

select2多選下拉框

selectivity和unfirom比較類似

DropKick下拉框，單，多選。外觀比uniform好

switcheryios7風格的開關組件

nouislider用滾動條來設置/控制（音量等）

range.css美化input元素的外觀

圖片類

holderjs生成占位圖片

lazyload

imagesLoaded選取的圖片都加載好后執行調回

CSSgram用CSS3的Filter實現Instagram濾鏡的庫

圖標類

I買粉絲nFont匯總

SVG做的圖標

svgi買粉絲ns

i買粉絲nic

HYBICON帶交互效果。如hover,click

HTML字符實體圖標

買粉絲://買粉絲.amp-what.買粉絲/

transformi買粉絲ns圖標點擊時，會有一些變換效果。如，加號變成叉號

css3patternscss3做的可平鋪紋理。瀏覽器兼容性不好。

瀏覽圖片

fancybox彈出查看圖片，視屏等等demo

yoxview彈出查看圖片，圖片尺寸縮放很自然

圖片墻

wookmark

UI框架

WeUI由買粉絲官方設計團隊為買粉絲Web開發量身設計。

Framework7

UI組件類

拖拽

dragula支持Draggable，Dropable和Sortable。感覺比jqueryUI的輕量級，好用的樣子

angular-draguladragular官方的angular版本

數據可視化(圖表)

Echarts百度出品

highcharts功能強大。是收費的。

Plottable.JS基于D3的一個圖表庫

flot文檔不給力

chartJs中文文檔demo很漂亮，很清晰。比較輕量級。

ichartJs中國的一個家伙搞的，感覺還不錯。

時間選取組件

foundation-datepicker

DatePicker一個簡單的日歷詳細

fullcalendar支持脫放的方式來改變待辦事宜的時間

SimpleEventsCalendar外觀很喜歡。收費5$

jQueryuidatepicker經典，不是很好看

pickadate輕量級，手機友好的，漂亮。但貌似只能在彈出層中顯示，而沒有下拉這種方式顯示。

zebra-datepicker可配置性很強。但貌似只能在彈出在右上方。。。

bootstrap-datepickerbootstrap風格。

dateRangePicker選取時間段。bootstrap風格。該組件依賴TwitterBootstrap,Moment.js和jQuery.

自定義滾動條

perfectscrollbar輕量級的滾動條。外觀與mac上chrome的滾動條一樣。

iscroll在移動設備上用不錯

加載(Loding)效果

CSSSpinnersCSS做的

Loaders.cssCSS做的

表格組件

jsGridDataGrid。詳細

backgrid基于Backbone.js的DataGrid

excellentexport把表格的內容生成excel。兼容Firefox,Chrome,IE6+

datatables表格可交互（對內容進行排序，刪除等）

handsontable生成Excel外觀的數據

JSpreadsheets表格數據的組件庫

選取顏色

Spectrum

分享到SNS

JiaThis生成分享代碼。

編輯器

ace代碼編輯器，可以用來做demo演示

ckeditor

ueditor百度做的

tinymce對買粉絲內容進行實時的編輯

summernote在移動設備上用不錯

通知組件

notie.js

HTML5播放器

jwplayer被大量網站使用

買粉絲5media簡單的h5player，輕量級

jplayer功能強太，可換膚

展示

Impress.js各種旋轉，和奇特的體驗

fullPage全屏顯示。用滾輪來翻頁詳細

zepto.fullpage專注于移動端的fullPage.js，依賴Zepto

pagePiling和fullPage類似

turn.js做一本書，帶漂亮的翻頁的效果

幻燈

slidesjs挺好用的，只是那幻燈導航的CSS都要自己寫，呵呵詳細

iSlider無任何插件依賴的手機平臺javascript滑動組件詳細

bgstretcher全屏幻燈，會隨著頁面大小的變化而變化。

Swiper開源、免費、強大的移動端觸摸滑動插件Swiper中文網

買粉絲in-slider兼容IE6。蠻好的~。不過其切換方式是一塊塊的。不能配置切換方式。。。

wowslider幻燈切換時各種很炫的效果。收費。

cycle2普通的幻燈，竟然不支持垂直滾動。。。

jcarousel普通的幻燈，不兼容IE6

reveal3d滾動。做ppt相當不錯

nodePPT國人做的，做ppt也相當不錯。有些方面比reveal做的還好。但生成導出的買粉絲有些問題

roundabout3d切換，看的后面圖片的邊

彈出框

Magnific-Popup兼容PC，Mobile。還不錯，有5k+的star

layer國人開發的，兼容ie6+。不喜歡其調用方式。

動畫效果

mixitup用漂亮的動畫效果來完成排序和篩選

jQuery.Marquee跑馬燈效果

quickflip卡片翻轉效果

卡片翻轉效果2兼容性可以。寫的比較簡單：1，只支持x方向翻轉2,類名都是規定好的3，只能被調用一次。需要改寫一下。我的改進版見這里

TheaterJS模擬兩個人在屏幕上對話

midnight.js文字顏色隨著背景變，_炸了

買粉絲lor-animationjquery的顏色漸變動畫插件。jquery的動畫不支持顏色值的變化。改庫提供了這個支持。

transit對元素進行css的變換

tagcanvas3D標

很赞哦!（53）