轉(zhuǎn):前端常用插件匯總

前端常用插件匯總 - 知乎

0.一個純 JavaScript 的圖表庫 ECharts ★Star 19690

ECharts蘸秘,一個純 Javascript 的圖表庫不瓶,可以流暢的運行在 PC 和移動設(shè)備上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome曲饱,F(xiàn)irefox,Safari等)珠月,底層依賴輕量級的 Canvas 類庫 ZRender扩淀,提供直觀,生動啤挎,可交互驻谆,可高度個性化定制的數(shù)據(jù)可視化圖表。ECharts 3 中更是加入了更多豐富的交互功能以及更多的可視化效果庆聘,并且對移動端做了深度的優(yōu)化胜臊。

ECharts 提供了常規(guī)的折線圖,柱狀圖伙判,散點圖象对,餅圖,K線圖宴抚,用于統(tǒng)計的盒形圖勒魔,用于地理數(shù)據(jù)可視化的地圖,熱力圖菇曲,線圖冠绢,用于關(guān)系數(shù)據(jù)可視化的關(guān)系圖,treemap常潮,多維數(shù)據(jù)可視化的平行坐標弟胀,還有用于 BI 的漏斗圖,儀表盤,并且支持圖與圖之間的混搭孵户。

(詳情:https://github.com/ecomfe/echarts

1萧朝、網(wǎng)絡(luò)幻燈片 nodePPT ★Star 4001

nodePPT 是使用 nodejs 寫的網(wǎng)絡(luò)幻燈片⊙咏欤基于 GFM 的 markdown 語法編寫剪勿,支持 html 混排,再復雜的 demo 也可以做方庭!支持18種轉(zhuǎn)場動畫厕吉,可以設(shè)置單頁動畫,有 overview 模式械念,雙屏模式头朱,socket 遠程控制,搖一搖換頁龄减,使用 ipad 控制做分享更酷(詳情:https://github.com/ksky521/nodeppt

2项钮、開源自動駕駛平臺 ApolloAuto ★Star 3732

Apollo (阿波羅)是一個開放的、完整的希停、安全的平臺烁巫,將幫助汽車行業(yè)及自動駕駛領(lǐng)域的合作伙伴結(jié)合車輛和硬件系統(tǒng),快速搭建一套屬于自己的自動駕駛系統(tǒng)宠能。Apollo 是百度重點打造的 AI 開放平臺之一亚隙,計劃主要包含 4 個技術(shù)模塊:定位/感知模塊、車輛規(guī)劃與運營(AI+大數(shù)據(jù)违崇,精準控制車輛阿弃,適合不同路況)、軟件運營框架(支持英特爾羞延、英偉達等多種芯片)渣淳。(詳情:https://github.com/ApolloAuto/apollo?)

3、人工智能軟件 WARP-CTC ★Star 2857

WARP-CTC 是百度硅谷 AI 研究所 (SVAIL) 開源的百度關(guān)鍵伴箩。 上圖顯示了 CTC 計算輸出序列 “THE CAT” 的概率入愧,作為可以映射到 “THE CAT” 的輸入序列的所有可能對齊的總和,考慮到標簽可能會被復制嗤谚,因為它們可能會超過幾個輸入數(shù)據(jù)的時間步長(由圖像底部的譜圖表示)棺蛛。由于所涉及的組合,顯式地計算所有這些概率的總和將是非常昂貴的呵恢,但是 CTC 使用動態(tài)規(guī)劃大大降低了計算的復雜度。因為 CTC 是一個可以區(qū)分的功能媚创,它可以用于深層神經(jīng)網(wǎng)絡(luò)的標準SGD訓練渗钉。(詳情:https://github.com/baidu-research/warp-ctc

4、前端集成解決方案 FIS ★Star 2800

F.I.S(FIS)所提供的集成解決方案依托于一套靈活高效的編譯工具,F(xiàn).I.S 借助該編譯平臺對前端開發(fā)資源進行整合鳄橘。接觸 F.I.S声离,可以從該平臺入手。

前端團隊發(fā)展大多會經(jīng)歷規(guī)范設(shè)計瘫怜、技術(shù)選型术徊、系統(tǒng)拆分、性能優(yōu)化等階段鲸湃,我們將其中的技術(shù)需求總結(jié)為前端集成解決方案赠涮。通常,一套完整的前端技術(shù)解決方案包括四個方向:

(詳情:https://github.com/fex-team/fis

5暗挑、富文本 Web 編輯器 UEditor ★Star 2797

UEditor 是由百度 Web 前端研發(fā)部開發(fā)所見即所得富文本 Web 編輯器笋除,具有輕量,可定制炸裆,注重用戶體驗等特點垃它。兼容 Mozilla, MSIE,FireFox, Maxthon,Safari 和 Chrome,實現(xiàn)瀏覽器無差別化(詳情:https://github.com/fex-team/ueditor

6烹看、分布式配置管理平臺 Disconf ★Star 2643

Distributed Configuration Management Platform (分布式配置管理平臺)国拇,如今 百度、滴滴打車惯殊、銀聯(lián)酱吝、網(wǎng)易、拉勾網(wǎng) 等知名互聯(lián)網(wǎng)公司都在使用!(詳情:https://github.com/knightliao/disconf

7靠胜、輕量級Canvas類庫 zrender ★Star 2000

zrender(ZlevelRender) 是一個輕量級的 Canvas 類庫掉瞳,MVC封裝,數(shù)據(jù)驅(qū)動浪漠,提供類 Dom 事件模型陕习,讓 canvas 繪圖大不同!MVC 核心封裝實現(xiàn)圖形倉庫址愿、視圖渲染和交互控制(詳情:https://github.com/ecomfe/zrender

8该镣、分布式表格系統(tǒng) Tera ★Star 1395

Tera 是一個高性能、可伸縮的數(shù)據(jù)庫系統(tǒng)响谓,被設(shè)計用來管理搜索引擎萬億量級的超鏈與網(wǎng)頁信息损合。為實現(xiàn)數(shù)據(jù)的實時分析與高效訪問,我們使用按行鍵娘纷、列名和時間戳全局排序的三維數(shù)據(jù)模型組織數(shù)據(jù)嫁审,使用多級 Cache 系統(tǒng),充分利用新一代服務(wù)器硬件大內(nèi)存赖晶、SSD 盤和萬兆網(wǎng)卡的性能優(yōu)勢律适,做到模型靈活的同時辐烂,實現(xiàn)了高吞吐與水平擴展。(詳情:https://github.com/baidu/tera

9捂贿、iSlider ★Star 1245

iSlider 是個非常平滑的滑塊纠修,支持移動端 WebApp,HTML5App 和混合型的 App厂僧。 iSlider是移動端的滑動組件的最佳解決方案扣草。他和普通的 Web 端的滑動插件有很大不同,面向的用戶和解決的問題也有很大差別颜屠,iSlider 的出現(xiàn)辰妙,解決的根本問題是內(nèi)容的分屏顯示,通過滑動操作來表示上一頁內(nèi)容或是下一頁內(nèi)容汽纤。而 iSlider 是用最優(yōu)雅的方式去解決上岗,盡可能的節(jié)省內(nèi)存,提高性能蕴坪。(詳情:http://be-fe.github.io/iSlider/

10肴掷、移動端組件庫 GMU ★Star 1090

GMU(Global MobileUI)是百度前端通用組開發(fā)的移動端組件庫,具有代碼體積小背传、簡單呆瞻、易用等特點,組件內(nèi)部處理了很多移動端的 bug径玖,覆蓋機型廣痴脾,能大大減少開發(fā)交互型組件的工作量,非常適合移動端網(wǎng)站項目梳星。(詳情:https://github.com/fex-team/GMU

11赞赖、地圖可視化工具 Mapv ★Star 1048

Mapv 是一款基于百度地圖的大數(shù)據(jù)可視化開源庫,可以用來展示大量的點冤灾、線前域、面的數(shù)據(jù),每種數(shù)據(jù)也有不同的展示類型韵吨,如直接打點匿垄、熱力圖、網(wǎng)格归粉、聚合等方式展示數(shù)據(jù)椿疗。 Mapv 使用 canvas 開發(fā),支持現(xiàn)在被稱為“現(xiàn)代”瀏覽器, 通常兼容除了 IE8 及 IE 以下版本的其他大部分瀏覽器糠悼。(詳情:http://mapv.baidu.com/

12届榄、Javascript庫 Tangram ★Star 939

Tangram 是 Baidu 開發(fā)的一套簡單可依賴的 Javascript 庫,它的特點:

* 體積小巧倔喂,性能優(yōu)良铝条,使用簡單童擎。

* 模塊化架構(gòu),方便定制與擴展攻晒。

* 適合團隊開發(fā),豐富的中文文檔和本地技術(shù)優(yōu)化班挖,適合中國用戶鲁捏。

* 經(jīng)過專業(yè)QA團隊的測試以及百度各大產(chǎn)品線的應(yīng)用,質(zhì)量有保障萧芙。

13给梅、企業(yè)級標準加載器 ESL ★Star 675

ESL 是一個瀏覽器端、符合 AMD 的標準加載器双揪,適合用于現(xiàn)代 Web 瀏覽器端應(yīng)用的入口與模塊管理动羽。(詳情:https://github.com/ecomfe/esl

14、前端應(yīng)用開發(fā)平臺 EDP ★Star 464

EDP 是基于 Node 的前端應(yīng)用開發(fā)平臺渔期,是一個企業(yè)級前端應(yīng)用的開發(fā)平臺运吓,提供了常用的項目管理工具、包管理工具疯趟、調(diào)試工具拘哨、構(gòu)建工具、代碼生成工具信峻、代碼檢測工具等一系列開發(fā)時的支持倦青,并允許用戶自定義自己的擴展。(詳情:https://github.com/ecomfe/edp

15盹舞、WebGL 類庫 Qtek ★Star 448

Qtek (WebGL Graphic Library) 是一個高品質(zhì)的 WebGL 類庫(物理組件:https://github.com/pissang/qtek-physics

16产镐、前端代碼風格工具 FECS ★Star 427

FECS 是基于 Node.js 的前端代碼風格工具√卟剑基于 Stream癣亚,文件流轉(zhuǎn)十分迅速,支持四大語言贾虽,前端代碼質(zhì)量有保障逃糟。 包含 HTML、CSS蓬豁、JavaScript與 Less 代碼的檢查與修復绰咽。(詳情:http://fecs.baidu.com/

17、jQuery 插件 SlipHover ★Star 388

SlipHover 是一個基于 jQuery 的插件地粪,它能夠感知鼠標移動方向取募,并在相應(yīng)的方向(或反方向)以動畫的方式顯示出一個遮罩層,用來顯示標題或描述蟆技,應(yīng)用到幻燈片或相冊中是個不錯的選擇玩敏。 SlipHover 還支持自定義遮罩高度斗忌、動畫時間、字體顏色旺聚、背景顏色织阳、文字排版等等。(詳情:https://github.com/wayou/SlipHover

18砰粹、前端移動框架 Saber ★Star 331

Saber 是模塊化唧躲、組合式 的前端移動框架。她是提供了 JavaScript 模塊碱璃、CSS 樣式庫 與 開發(fā)平臺 的完整前端解決方案弄痹。最擅長做移動端 SPA (SinglePage App) 項目。(詳情:https://github.com/ecomfe/saber

19嵌器、Web 應(yīng)用的框架 ER ★Star 273

ER 是百度公司的一個富瀏覽器端 Web 應(yīng)用的框架肛真,適用于并能很方便地構(gòu)建一個整站式的 AJAX Web 應(yīng)用。ER 具有如下特性:

1. 通過 hash 實現(xiàn)路徑的管理爽航,支持瀏覽器的前進和后退功能蚓让,以及URL的可訪問性。

2. 提供精簡讥珍、核心的 Action凭疮、Model 和 View 的抽象,使得構(gòu)建 RIA 應(yīng)用變得簡單可行串述。

3. 提供可配置式的數(shù)據(jù)加載方案执解,提供靈活且完善的數(shù)據(jù)獲取 功能。

4. 提供支持基本邏輯和數(shù)據(jù)綁定的模板引擎纲酗,提供模板嵌套和母板頁衰腌。

5.不依賴任何第三方庫,模塊精簡觅赊、可切分及獨立運行右蕊。(詳情:https://github.com/ecomfe/er

20、集群操作系統(tǒng) Galaxy ★Star 272

Galaxy 是一個數(shù)據(jù)中心操作系統(tǒng)吮螺,目標是最大化資源的利用率與降低應(yīng)用部署運維代價饶囚,支持萬臺集群資源調(diào)度與管理,目前主要服務(wù)于百度網(wǎng)頁搜索離線架構(gòu)業(yè)務(wù)鸠补,解決分布式文件系統(tǒng)萝风,分布式表格系統(tǒng),以及上層計算模塊運維與部署問題紫岩。(詳情:https://github.com/baidu/galaxy

21规惰、前端統(tǒng)計框架 ALog ★Star 267

經(jīng)常一個頁面中就會并行著多個統(tǒng)計模塊:有性能相關(guān)的、有點擊相關(guān)的泉蝌、有業(yè)務(wù)相關(guān)的......而 ALog 能夠使用一些少量簡單的 API 將這些復雜的統(tǒng)計模塊統(tǒng)一組織起來歇万,減少統(tǒng)計模塊加載對產(chǎn)品的影響揩晴;并行多個統(tǒng)計模塊(詳情:https://github.com/fex-team/alogs

22、基于 SVG 的矢量圖形庫Kity ★Star 228

Kity 是一個基于 SVG 的矢量圖形庫贪磺,幫助你快速在頁面上創(chuàng)建和使用矢量元素硫兰。在 Kity 里,所有圖形寒锚,以及交換的數(shù)據(jù)瞄崇,都是以強類型的對象出現(xiàn)的,可以非常方便地使用和拓展它們壕曼。 可以繪制任意矢量圖形,并且還具備強大的填充能力等浊。(詳情:https://github.com/fex-team/kity

23腮郊、protobuf 的 Java 開發(fā)包 jprotobuf ★Star 224

jprotobuf 是針對 Java 程序開發(fā)一套簡易類庫,目的是簡化 Java 語言對 protobuf 類庫的使用筹燕。使用 jprotobuf 可以無需再去了解 .proto 文件操作與語法轧飞,直接使用 Java 注解定義字段類型即可∪鲎伲基于 Canvas过咬,純 JavaScript 圖表庫,提供直觀制妄,生動掸绞,可交互,可個性化定制的數(shù)據(jù)可視化圖表耕捞。創(chuàng)新的拖拽重計算衔掸、數(shù)據(jù)視圖、值域漫游等特性大大增強了用戶體驗俺抽,賦予了用戶對數(shù)據(jù)進行挖掘敞映、整合的能力。(詳情:https://github.com/fex-team/jprotobuf?)

24磷斧、CSS 樣式工具庫 Rider ★Star 163

Rider 是一個基于 Stylus 與后處理器振愿、無侵入風格的 CSS 樣式工具庫。提供了以下功能:樣式初始化弛饭、順時針簡寫冕末、緩動函數(shù)、圖片侣颂、排版栓霜、單位轉(zhuǎn)換、形狀横蜒、動畫胳蛮、響應(yīng)式工具销凑。(詳情:https://github.com/ecomfe/rider

25、JS模板引擎 baiduTemplate ★Star 135

baiduTemplate 應(yīng)用于:前端使用的模板系統(tǒng)或后端 JavaScript 環(huán)境發(fā)布頁面仅炊。它提供一套模板語法斗幼,用戶可以寫一個模板區(qū)塊,每次根據(jù)傳入的數(shù)據(jù)抚垄,生成對應(yīng)數(shù)據(jù)產(chǎn)生的 HTML 片段蜕窿,渲染不同的效果。

(詳情:https://github.com/BaiduFE/BaiduTemplate

26呆馁、輕量級UI組件 Magic ★Star 110

Magic 是用 JavaScript 腳本開發(fā)的輕量級UI組件桐经,具有性能高效、代碼量小浙滤、支持多種初始化方式等方面的優(yōu)勢阴挣,Web 前端開發(fā)者可以使用 Magic 快速搭建前端功能比較復雜的網(wǎng)站悯嗓。Magic 的每個組件都有非常豐富的接口和事件處理铆惑,網(wǎng)站也提供了詳細的使用文檔和 Demo 演示。Web 前端開發(fā)者可以通過定制組件牧牢、初始化方式和插件獲得最輕量級版本揖膜。 Magic 的底層為高效的 Tangram 庫誓沸。(詳情:https://github.com/BaiduFE/Magic

27、公式編輯器 KityFormula ★Star 105

Kity Formula 提供了一個非常簡單的公式呈現(xiàn)和存儲方案壹粟。你可以選擇 Kity Formula 的附屬項目中提供的解析器來完成各種公式表示法到可視化公式的轉(zhuǎn)換拜隧, 你也可以直接使用 Kity Formula 以編程的方式來構(gòu)建一個公式,這種方式更加靈活趁仙,也可以根據(jù)這種方式開發(fā)出適合自己的解析器虹蓄。(詳情:https://github.com/fex-team/kityformula

28、服務(wù)虛擬化 Terminator ★Star 70

服務(wù)虛擬化指的就是虛擬出不穩(wěn)定幸撕、不可用薇组、未開發(fā)完全的服務(wù)。Terminator 實現(xiàn)了以下兩種方式:針對協(xié)議的通用樁坐儿,可以預先設(shè)置請求對應(yīng)的返回值以及匹配條件律胀,這樣系統(tǒng)未開發(fā)完之前可以使用這個樁來代替真實的服務(wù);錄制回放方式貌矿,在第三方服務(wù)可用的時候?qū)㈡溌飞系臄?shù)據(jù)錄制下來炭菌,當不穩(wěn)定或者不可用時,回放當時錄制的數(shù)據(jù)逛漫。Terminator 中每個鏈路可以看成是一個代理黑低,運行在兩個服務(wù)之間。(詳情:https://github.com/BaiduQA/terminator

29、3D 可視化庫 ECharts-X ★Star 41

ECharts-X 是 ECharts 團隊推出的全新 3D 可視化庫克握,它是基于 ECharts 的擴展蕾管,底層深度整合了 WebGL 庫 QTEK 和 Canvas2D 庫 ZRender。(詳情:https://github.com/pissang/echarts-x

30菩暗、面向 C/C++ 語言的構(gòu)建工具 Broc ★Star 71

broc 是一款面向 C/C++ 語言的構(gòu)建工具掰曾,提供了編譯、分支依賴停团、依賴模塊下載等功能旷坦。不同于make, cmake等以庫文件鏈接的編譯方式,broc 將依賴庫源代碼與程序源代碼一并同時進行編譯佑稠,這種方式可以避免程序源代碼與依賴庫編譯選項或平臺不一致導致的軟件兼容性問題秒梅;broc 支持編譯結(jié)束后自動運行單元測試用例;借助 Jenkinsbroc?https://github.com/baidu/broc)

31.jquery

官網(wǎng):https://jquery.com/

JQuery是輕量級的js庫 舌胶,它兼容CSS3捆蜀,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后續(xù)版本將不再支持IE6/7/8瀏覽器辆琅。

強大的選擇器

出色的DOM操作的封裝

可靠的事件處理機制

完善的ajax

不污染頂級變量

出色的瀏覽器兼容性

鏈式操作方式

隱式迭代

行為層與結(jié)構(gòu)層分離

豐富的插件支持

32. touch.js

移動設(shè)備上的手勢識別與事件庫,由百度云Clouda團隊開發(fā)維護

官網(wǎng):http://touch.code.baidu.com/?下載地址:http://touch.code.baidu.com/touch-0.2.14.min.js

輕量級插件

優(yōu)秀的單指旋轉(zhuǎn)手勢

基于原生事件

支持事件代理 这刷, 性能更好

API簡單?2婉烟、zepto.js下的touch模塊?針對移動設(shè)備原生touch事件封裝的手勢識別事件模塊 官網(wǎng):http://www.bootcss.com/p/zeptojs/?下載地址:?https://github.com/madrobby/zepto/blob/master/src/touch.js

33、zepto.js(1.0.0 ~ 1.1.6 )

Zepto是一個輕量級的針對現(xiàn)代高級瀏覽器的JavaScript庫暇屋, 它與jquery有著類似的api

官網(wǎng):http://www.bootcss.com/p/zeptojs/?下載地址:http://www.bootcss.com/p/zeptojs/

輕量級似袁,壓縮后大小只有 5~ 10k , 但功能齊全

不支持低版本 IE(<10) ,移動端網(wǎng)頁開發(fā)首選 咐刨, 但不支持 wp系統(tǒng)手機

API仿照JQuery 昙衅, 上手方便

包含polyfill,zepto定鸟,detect而涉,event,ajax联予,form啼县,fx 這7個就是標準版包含的模塊

用tap事件取代click事件200~300 ms 的延遲

Zepto 沒有 .innerHeight() .outerWidth() 等四個方法,其次沸久,它的 .height()/.width() 方法也不完善

34季眷、iScroll.js(iScroll4.0~iScroll5.0)

iScroll是一個高性能,資源占用少卷胯,無依賴子刮,多平臺的javascript滾動插件

下載地址:https://github.com/cubiq/iscroll/

旨在解決移動webkit系瀏覽器的區(qū)域滾動問題 ( 原生 mobile safari 只能雙指滑動,不支持單指滑動且沒有滾動條窑睁;android自帶瀏覽器也支持區(qū)域滾動挺峡,且可單指滑動操作葵孤,但很不流暢)

兼容mobile safari 、android默認瀏覽器沙郭、safari 佛呻、chrome 、 ffirefox5+病线、opera11+吓著、IE9+及其他webkit核心瀏覽器

實現(xiàn)上拉刷新、下拉加載問題

官方定義iscroll只能滾動wrapper里的第一個子節(jié)點

縮放(Pinch/Zoom)

拉動刷新(Pull up/down to refresh)

輕量級插件送挑,只有4k绑莺,性能高

自定義滾動條

擴展性差 ,接口不明顯

點擊輸入框不靈敏惕耕,無法聚焦纺裁,頁面文字無法選擇和復制(iScroll禁止了瀏覽器的默認行為)

35、hammer.js ( 2.0.8版本)

hammerJS是一個優(yōu)秀的司澎、輕量級的觸屏設(shè)備手勢庫

官網(wǎng):http://hammerjs.github.io/?下載地址:https://github.com/hammerjs/hammer.js/

開源的移動端腳本框架欺缘,可以完美的實現(xiàn)在移動端開發(fā)的大多數(shù)事件

主要分為六大事件:點擊、滑動挤安、拖動谚殊、多點觸控、按壓蛤铜、旋轉(zhuǎn)

36嫩絮、flexible.js (0.3.2版本)

flexible.js 是一個用來解決H5屏幕適配問題的一個輕量級插件

下載地址:https://github.com/amfe/lib-flexible

動態(tài)改寫了 標簽

給元素添加 data –dpr屬性 , 并且動態(tài)改寫 data –dpr 的值

給 元素添加 font-size 屬性 围肥, 并且動態(tài)改寫 font-size 的值

37剿干、jQuery Mobile (1.4.0版本)

jQuery Mobile 是一個用于創(chuàng)建移動端web應(yīng)用的的前端框架

官網(wǎng):http://jquerymobile.com/

jQuery Mobile為開發(fā)移動應(yīng)用程序提供了非常簡單的用戶接口

這種接口的配置是標簽驅(qū)動的,這意味著我們可以在HTML中建立大量的程序接口而不不需要寫一行js代碼

擁有一個完整統(tǒng)一的UI框架

多頁面之間跳轉(zhuǎn)穆刻,完全使用ajax加載頁面

性能不好置尔,兼容性一般,UI限制大

38氢伟、Bootstrap(Bootstrap3.0版本)

Bootstrap 是最受歡迎的 HTML撰洗、CSS 和 JS 框架,用于開發(fā)響應(yīng)式布局腐芍、移動設(shè)備優(yōu)先的 WEB 項目

官網(wǎng):http://www.bootcss.com/?下載地址:http://v3.bootcss.com/

CSS3媒體查詢(Media Query)實現(xiàn)一個框架差导、多種設(shè)備

手機(<768px) 、平板(>= 768px) 猪勇、桌面顯示器(>=992px) 设褐、大桌面顯示器(>=1200px)

百分比布局實現(xiàn)的12份柵格化系統(tǒng)

豐富完善的UI組件和svg圖標庫

bootstrap2不支持IE6、bootstrap3不支持IE8以下瀏覽器

重量級類庫

站點樣式風格都一樣,沒有新意

39助析、Angular.js (1.x版本)

為克服HTML在構(gòu)建應(yīng)用上的不足而設(shè)計WVC犀被、WVVM框架

官網(wǎng):http://www.apjs.net/?下載地址:https://angularjs.org/

聲明式的模板,自帶豐富的Angular指令

完善的前端MVC外冀、MVVM框架寡键,包含模板、數(shù)據(jù)雙向綁定雪隧、路由西轩、模塊化、服務(wù)脑沿、過濾器藕畔、依賴注入等

可以自定義封裝directive

改變了傳統(tǒng)JQuery以dom操作為核心的方式,以數(shù)據(jù)為中心

ng提倡在控制器里面不要有操作DOM的代碼 , 對于一些JQuery插件的使用庄拇,如果不想破壞代碼的整潔性注服,需要寫一些directive去封裝插件

Angular太笨重

40、Swiper(3.x版本)

Swiper是一款免費以及輕量級的移動設(shè)備觸控滑塊的js框架

官網(wǎng):http://2.swiper.com.cn/?下載地址:http://2.swiper.com.cn/download/index.html#file1

Swiper實現(xiàn)觸屏焦點圖措近、觸屏Tab切換溶弟、觸屏多圖切換等

無需加載任何公用庫

Swiper默認的觸摸比例為1:1

Swiper帶有所有常用的導航控制器,包括分頁器瞭郑,切換箭頭辜御,滾動條

使用流行的flexbox布局

Swiper還包含自適應(yīng)、滾動反彈凰浮、抵抗反彈我抠、loop模式苇本、嵌套Swiper

擁有豐富的API袜茧,允許你建立自己獨特的分頁器、導航瓣窄、視差滾動等效果

允許多行Slide布局

41笛厦、Ionic(1.3版本)

Ionic是一款以web開發(fā)原生應(yīng)用App的框架

官網(wǎng):http://ionicframework.com/?下載地址:http://ionicframework.com/getting-started/

基于AngualrJs來增強應(yīng)用

通過SASS構(gòu)建應(yīng)用程序,提供很多UI組件

旨在從web的角度開發(fā)手機應(yīng)用,基于phoneGap的編譯平臺俺夕,事項編譯成各個平臺的應(yīng)用程序

ios上比較流暢裳凸,但在android低版本機上運行有些卡

右鍵插件

http://www.jq22.com/jquery-info2688

http://www.jq22.com/yanshi2747

下拉多級菜單

http://www.jq22.com/yanshi1306

加載進度條

http://www.jq22.com/jquery-info8210

頁面加載特效

http://www.jq22.com/yanshi2082

上拉加載更多 下拉刷新

http://www.jq22.com/jquery-info5126

http://www.jq22.com/jquery-info4469

http://www.jq22.com/jquery-info3735

圖片延時加載

http://www.jq22.com/jquery-info330

http://www.jq22.com/jquery-info390

表情包插件

http://www.jq22.com/jquery-info2852

右下角提示插件

http://www.jq22.com/jquery-info6604

http://www.jq22.com/yanshi7942?左

http://www.jq22.com/jquery-info7239

對話框

http://www.jq22.com/jquery-info4077

http://www.jq22.com/jquery-info442

針對某個元素的提示插件

http://www.jq22.com/jquery-info3931

http://www.jq22.com/jquery-info2307

http://www.jq22.com/jquery-info442

三級聯(lián)動插件

http://www.jq22.com/jquery-info3339

jQuery HighchartTable html轉(zhuǎn)換圖表

兼容 IE6+、完美支持移動端劝贸、圖表類型豐富的 HTML5 交互圖表 | Highcharts

篩選與排序

jquery拖放插件

http://www.jq22.com/jquery-info8874

jquery搜索與排序插件

http://www.jq22.com/jquery-info8805

http://www.jq22.com/jquery-info7356

http://www.jq22.com/jquery-info4714

jquery篩選過濾器

http://www.jq22.com/jquery-info8733

多級分類插件

http://www.jq22.com/jquery-info8632

分頁多選插件

http://www.jq22.com/jquery-info8509

模糊查詢插件

http://www.jq22.com/jquery-info7501

http://www.jq22.com/jquery-info2992

批量刪除插件

http://www.jq22.com/jquery-info2129

組織架構(gòu)圖插件

http://www.jq22.com/jquery-info9760

jQuery滾動固定區(qū)塊

http://www.jq22.com/jquery-info9528

菜單跟隨切換active姨谷,緩動錨點置頂

http://www.jq22.com/jquery-info9224

jQuery滑動固定插件scrollfix

http://www.jq22.com/jquery-info9192

移動端下拉刷新、上拉加載更多 Zepto/jQuery插件

http://www.jq22.com/jquery-info6960

單行文字循環(huán)滾動(jQuery)

http://www.jq22.com/jquery-info6402

文字輪播無縫滾動

http://www.jq22.com/jquery-info5198

JQuery使導航欄固定于網(wǎng)頁頂部

http://www.jq22.com/jquery-info5130

html下拉刷新上拉加載Refresher3.0

http://www.jq22.com/jquery-info4469

回到頂部和回到底部特效-jquery錨點移動兼容所有瀏覽器

http://www.jq22.com/jquery-info3643

jQuery右下角浮動層火箭動畫返回頂部效果代碼

http://www.jq22.com/jquery-info622

橫向滾動鼠標插件Horwheel

http://www.jq22.com/jquery-info524

jQuery表格插件表格插件gridGridManager

http://www.jq22.com/jquery-info9422

固定行列映九,可ajax添加數(shù)據(jù)

http://www.jq22.com/jquery-info3876

vis時間線+組織結(jié)構(gòu)圖

http://www.jq22.com/jquery-info2541

jQuery h5拖拽多文件上傳

http://www.jq22.com/jquery-info9594

jQuery文件上傳插件angularfileupload

http://www.jq22.com/jquery-info7550

jQuery可任意拖拽排序菜單樹機構(gòu)樹

http://www.jq22.com/jquery-info9567

jsTree樹控件(基于jQuery, 超強悍)

http://www.jq22.com/jquery-info5724

dtree權(quán)限控制復選框插件

http://www.jq22.com/jquery-info5331

jquery-json

Jquery.json.js-CSDN下載

jQuery圖片裁剪插件jQuery-photoClip

http://www.jq22.com/jquery-info7428

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末梦湘,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌捌议,老刑警劉巖哼拔,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異瓣颅,居然都是意外死亡倦逐,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進店門宫补,熙熙樓的掌柜王于貴愁眉苦臉地迎上來檬姥,“玉大人,你說我怎么就攤上這事守谓〈┟” “怎么了?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵斋荞,是天一觀的道長荞雏。 經(jīng)常有香客問我,道長平酿,這世上最難降的妖魔是什么凤优? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮蜈彼,結(jié)果婚禮上筑辨,老公的妹妹穿的比我還像新娘。我一直安慰自己幸逆,他們只是感情好棍辕,可當我...
    茶點故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著还绘,像睡著了一般楚昭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上拍顷,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天抚太,我揣著相機與錄音,去河邊找鬼昔案。 笑死尿贫,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的踏揣。 我是一名探鬼主播庆亡,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼捞稿!你這毒婦竟也來了又谋?” 一聲冷哼從身側(cè)響起钝尸,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎搂根,沒想到半個月后珍促,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡剩愧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年猪叙,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片仁卷。...
    茶點故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡穴翩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出锦积,到底是詐尸還是另有隱情芒帕,我是刑警寧澤,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布丰介,位于F島的核電站背蟆,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏哮幢。R本人自食惡果不足惜带膀,卻給世界環(huán)境...
    茶點故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望橙垢。 院中可真熱鬧垛叨,春花似錦、人聲如沸柜某。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽喂击。三九已至剂癌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間惭等,已是汗流浹背珍手。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工办铡, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留辞做,地道東北人。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓寡具,卻偏偏與公主長得像秤茅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子童叠,可洞房花燭夜當晚...
    茶點故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 0.一個純 JavaScript 的圖表庫 ECharts ★Star 19690 ECharts框喳,一個純 Jav...
    npmstart閱讀 4,969評論 2 12
  • 1-------- 走進前端 2-------- jQuery 3-------- CSS 4-------- A...
    依依玖玥閱讀 2,323評論 0 34
  • 請允許我借鑒前輩們的東西~~~~ 感激不盡~~~~~ 以下為Android 框架排行榜 么么噠~ Android...
    嗯_新閱讀 2,037評論 3 32
  • 前端知識結(jié)構(gòu)https://github.com/JacksonTian/fks Web前端開發(fā)大系概覽https...
    柴東啊閱讀 995評論 0 10
  • 通過UI部分了解一下 Flutter中切割圓形课幕,角度邊緣等問題。 通過下面代碼可以實現(xiàn)五垮,下圖效果 效果如下 如果修...
    leowwh閱讀 6,440評論 0 11