前端常用插件匯總

0.一個(gè)純 JavaScript 的圖表庫 ECharts ★Star 19690

ECharts牙捉,一個(gè)純 Javascript 的圖表庫昵慌,可以流暢的運(yùn)行在 PC 和移動(dòng)設(shè)備上轻抱,兼容當(dāng)前絕大部分瀏覽器(IE8/9/10/11,Chrome苏揣,F(xiàn)irefox仔戈,Safari等)吆寨,底層依賴輕量級(jí)的 Canvas 類庫 ZRender赏淌,提供直觀,生動(dòng)啄清,可交互猜敢,可高度個(gè)性化定制的數(shù)據(jù)可視化圖表。ECharts 3 中更是加入了更多豐富的交互功能以及更多的可視化效果盒延,并且對(duì)移動(dòng)端做了深度的優(yōu)化。

ECharts 提供了常規(guī)的折線圖鼠冕,柱狀圖添寺,散點(diǎn)圖,餅圖懈费,K線圖计露,用于統(tǒng)計(jì)的盒形圖,用于地理數(shù)據(jù)可視化的地圖,熱力圖票罐,線圖叉趣,用于關(guān)系數(shù)據(jù)可視化的關(guān)系圖,treemap该押,多維數(shù)據(jù)可視化的平行坐標(biāo)疗杉,還有用于 BI 的漏斗圖,儀表盤蚕礼,并且支持圖與圖之間的混搭烟具。

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

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

nodePPT 是使用 nodejs 寫的網(wǎng)絡(luò)幻燈片奠蹬〕基于 GFM 的 markdown 語法編寫,支持 html 混排囤躁,再復(fù)雜的 demo 也可以做冀痕!支持18種轉(zhuǎn)場動(dòng)畫,可以設(shè)置單頁動(dòng)畫狸演,有 overview 模式言蛇,雙屏模式,socket 遠(yuǎn)程控制严沥,搖一搖換頁猜极,使用 ipad 控制做分享更酷(詳情:https://github.com/ksky521/nodeppt

2、開源自動(dòng)駕駛平臺(tái) ApolloAuto ★Star 3732

Apollo (阿波羅)是一個(gè)開放的消玄、完整的跟伏、安全的平臺(tái),將幫助汽車行業(yè)及自動(dòng)駕駛領(lǐng)域的合作伙伴結(jié)合車輛和硬件系統(tǒng)翩瓜,快速搭建一套屬于自己的自動(dòng)駕駛系統(tǒng)受扳。Apollo 是百度重點(diǎn)打造的 AI 開放平臺(tái)之一,計(jì)劃主要包含 4 個(gè)技術(shù)模塊:定位/感知模塊兔跌、車輛規(guī)劃與運(yùn)營(AI+大數(shù)據(jù)勘高,精準(zhǔn)控制車輛,適合不同路況)坟桅、軟件運(yùn)營框架(支持英特爾华望、英偉達(dá)等多種芯片)。(詳情:https://github.com/ApolloAuto/apollo?)

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

WARP-CTC 是百度硅谷 AI 研究所 (SVAIL) 開源的百度關(guān)鍵赖舟。 上圖顯示了 CTC 計(jì)算輸出序列 “THE CAT” 的概率,作為可以映射到 “THE CAT” 的輸入序列的所有可能對(duì)齊的總和夸楣,考慮到標(biāo)簽可能會(huì)被復(fù)制宾抓,因?yàn)樗鼈兛赡軙?huì)超過幾個(gè)輸入數(shù)據(jù)的時(shí)間步長(由圖像底部的譜圖表示)子漩。由于所涉及的組合,顯式地計(jì)算所有這些概率的總和將是非常昂貴的石洗,但是 CTC 使用動(dòng)態(tài)規(guī)劃大大降低了計(jì)算的復(fù)雜度幢泼。因?yàn)?CTC 是一個(gè)可以區(qū)分的功能,它可以用于深層神經(jīng)網(wǎng)絡(luò)的標(biāo)準(zhǔn)SGD訓(xùn)練讲衫。(詳情:https://github.com/baidu-research/warp-ctc

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

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

前端團(tuán)隊(duì)發(fā)展大多會(huì)經(jīng)歷規(guī)范設(shè)計(jì)花椭、技術(shù)選型忽匈、系統(tǒng)拆分、性能優(yōu)化等階段矿辽,我們將其中的技術(shù)需求總結(jié)為前端集成解決方案丹允。通常,一套完整的前端技術(shù)解決方案包括四個(gè)方向:

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

5袋倔、富文本 Web 編輯器 UEditor ★Star 2797

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

6前塔、分布式配置管理平臺(tái) Disconf ★Star 2643

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

7寂屏、輕量級(jí)Canvas類庫 zrender ★Star 2000

zrender(ZlevelRender) 是一個(gè)輕量級(jí)的 Canvas 類庫贰谣,MVC封裝,數(shù)據(jù)驅(qū)動(dòng)迁霎,提供類 Dom 事件模型吱抚,讓 canvas 繪圖大不同!MVC 核心封裝實(shí)現(xiàn)圖形倉庫考廉、視圖渲染和交互控制(詳情:https://github.com/ecomfe/zrender

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

Tera 是一個(gè)高性能、可伸縮的數(shù)據(jù)庫系統(tǒng)芝此,被設(shè)計(jì)用來管理搜索引擎萬億量級(jí)的超鏈與網(wǎng)頁信息憋肖。為實(shí)現(xiàn)數(shù)據(jù)的實(shí)時(shí)分析與高效訪問,我們使用按行鍵婚苹、列名和時(shí)間戳全局排序的三維數(shù)據(jù)模型組織數(shù)據(jù)岸更,使用多級(jí) Cache 系統(tǒng),充分利用新一代服務(wù)器硬件大內(nèi)存膊升、SSD 盤和萬兆網(wǎng)卡的性能優(yōu)勢怎炊,做到模型靈活的同時(shí),實(shí)現(xiàn)了高吞吐與水平擴(kuò)展廓译。(詳情:https://github.com/baidu/tera

9评肆、iSlider ★Star 1245

iSlider 是個(gè)非常平滑的滑塊,支持移動(dòng)端 WebApp非区,HTML5App 和混合型的 App瓜挽。 iSlider是移動(dòng)端的滑動(dòng)組件的最佳解決方案。他和普通的 Web 端的滑動(dòng)插件有很大不同征绸,面向的用戶和解決的問題也有很大差別久橙,iSlider 的出現(xiàn),解決的根本問題是內(nèi)容的分屏顯示管怠,通過滑動(dòng)操作來表示上一頁內(nèi)容或是下一頁內(nèi)容淆衷。而 iSlider 是用最優(yōu)雅的方式去解決,盡可能的節(jié)省內(nèi)存渤弛,提高性能祝拯。(詳情:http://be-fe.github.io/iSlider/

10、移動(dòng)端組件庫 GMU ★Star 1090

GMU(Global MobileUI)是百度前端通用組開發(fā)的移動(dòng)端組件庫她肯,具有代碼體積小佳头、簡單、易用等特點(diǎn)辕宏,組件內(nèi)部處理了很多移動(dòng)端的 bug畜晰,覆蓋機(jī)型廣,能大大減少開發(fā)交互型組件的工作量瑞筐,非常適合移動(dòng)端網(wǎng)站項(xiàng)目凄鼻。(詳情:https://github.com/fex-team/GMU

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

Mapv 是一款基于百度地圖的大數(shù)據(jù)可視化開源庫聚假,可以用來展示大量的點(diǎn)块蚌、線、面的數(shù)據(jù)膘格,每種數(shù)據(jù)也有不同的展示類型峭范,如直接打點(diǎn)、熱力圖瘪贱、網(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 庫,它的特點(diǎn):

* 體積小巧尔店,性能優(yōu)良眨攘,使用簡單。

* 模塊化架構(gòu)嚣州,方便定制與擴(kuò)展鲫售。

* 適合團(tuán)隊(duì)開發(fā),豐富的中文文檔和本地技術(shù)優(yōu)化该肴,適合中國用戶情竹。

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

13鲤妥、企業(yè)級(jí)標(biāo)準(zhǔn)加載器 ESL ★Star 675

ESL 是一個(gè)瀏覽器端、符合 AMD 的標(biāo)準(zhǔn)加載器拱雏,適合用于現(xiàn)代 Web 瀏覽器端應(yīng)用的入口與模塊管理棉安。(詳情:https://github.com/ecomfe/esl

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

EDP 是基于 Node 的前端應(yīng)用開發(fā)平臺(tái)铸抑,是一個(gè)企業(yè)級(jí)前端應(yīng)用的開發(fā)平臺(tái)贡耽,提供了常用的項(xiàng)目管理工具刀森、包管理工具磨淌、調(diào)試工具影暴、構(gòu)建工具饰恕、代碼生成工具、代碼檢測工具等一系列開發(fā)時(shí)的支持欺抗,并允許用戶自定義自己的擴(kuò)展县耽。(詳情:https://github.com/ecomfe/edp

15吓揪、WebGL 類庫 Qtek ★Star 448

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

16至耻、前端代碼風(fēng)格工具 FECS ★Star 427

FECS 是基于 Node.js 的前端代碼風(fēng)格工具若皱。基于 Stream尘颓,文件流轉(zhuǎn)十分迅速走触,支持四大語言,前端代碼質(zhì)量有保障疤苹。 包含 HTML互广、CSS、JavaScript與 Less 代碼的檢查與修復(fù)。(詳情:http://fecs.baidu.com/

17惫皱、jQuery 插件 SlipHover ★Star 388

SlipHover 是一個(gè)基于 jQuery 的插件像樊,它能夠感知鼠標(biāo)移動(dòng)方向,并在相應(yīng)的方向(或反方向)以動(dòng)畫的方式顯示出一個(gè)遮罩層旅敷,用來顯示標(biāo)題或描述凶硅,應(yīng)用到幻燈片或相冊(cè)中是個(gè)不錯(cuò)的選擇。 SlipHover 還支持自定義遮罩高度扫皱、動(dòng)畫時(shí)間、字體顏色捷绑、背景顏色韩脑、文字排版等等。(詳情:https://github.com/wayou/SlipHover

18粹污、前端移動(dòng)框架 Saber ★Star 331

Saber 是模塊化段多、組合式 的前端移動(dòng)框架。她是提供了 JavaScript 模塊壮吩、CSS 樣式庫 與 開發(fā)平臺(tái) 的完整前端解決方案进苍。最擅長做移動(dòng)端 SPA (SinglePage App) 項(xiàng)目。(詳情:https://github.com/ecomfe/saber

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

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

1. 通過 hash 實(shí)現(xiàn)路徑的管理沈贝,支持瀏覽器的前進(jìn)和后退功能杠人,以及URL的可訪問性。

2. 提供精簡宋下、核心的 Action嗡善、Model 和 View 的抽象,使得構(gòu)建 RIA 應(yīng)用變得簡單可行学歧。

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

4. 提供支持基本邏輯和數(shù)據(jù)綁定的模板引擎枝笨,提供模板嵌套和母板頁袁铐。

5.不依賴任何第三方庫,模塊精簡伺帘、可切分及獨(dú)立運(yùn)行昭躺。(詳情:https://github.com/ecomfe/er

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

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

21葱峡、前端統(tǒng)計(jì)框架 ALog ★Star 267

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

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

Kity 是一個(gè)基于 SVG 的矢量圖形庫军援,幫助你快速在頁面上創(chuàng)建和使用矢量元素仅淑。在 Kity 里,所有圖形胸哥,以及交換的數(shù)據(jù)涯竟,都是以強(qiáng)類型的對(duì)象出現(xiàn)的,可以非常方便地使用和拓展它們空厌。 可以繪制任意矢量圖形庐船,并且還具備強(qiáng)大的填充能力。(詳情:https://github.com/fex-team/kity

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

jprotobuf 是針對(duì) Java 程序開發(fā)一套簡易類庫筐钟,目的是簡化 Java 語言對(duì) protobuf 類庫的使用。使用 jprotobuf 可以無需再去了解 .proto 文件操作與語法赋朦,直接使用 Java 注解定義字段類型即可盗棵。基于 Canvas北发,純 JavaScript 圖表庫纹因,提供直觀,生動(dòng)琳拨,可交互瞭恰,可個(gè)性化定制的數(shù)據(jù)可視化圖表。創(chuàng)新的拖拽重計(jì)算狱庇、數(shù)據(jù)視圖惊畏、值域漫游等特性大大增強(qiáng)了用戶體驗(yàn),賦予了用戶對(duì)數(shù)據(jù)進(jìn)行挖掘密任、整合的能力颜启。(詳情:https://github.com/fex-team/jprotobuf?)

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

Rider 是一個(gè)基于 Stylus 與后處理器浪讳、無侵入風(fēng)格的 CSS 樣式工具庫缰盏。提供了以下功能:樣式初始化、順時(shí)針簡寫、緩動(dòng)函數(shù)口猜、圖片负溪、排版、單位轉(zhuǎn)換济炎、形狀川抡、動(dòng)畫、響應(yīng)式工具须尚。(詳情:https://github.com/ecomfe/rider

25崖堤、JS模板引擎 baiduTemplate ★Star 135

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

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

26淤年、輕量級(jí)UI組件 Magic ★Star 110

Magic 是用 JavaScript 腳本開發(fā)的輕量級(jí)UI組件钧敞,具有性能高效、代碼量小麸粮、支持多種初始化方式等方面的優(yōu)勢溉苛,Web 前端開發(fā)者可以使用 Magic 快速搭建前端功能比較復(fù)雜的網(wǎng)站。Magic 的每個(gè)組件都有非常豐富的接口和事件處理弄诲,網(wǎng)站也提供了詳細(xì)的使用文檔和 Demo 演示愚战。Web 前端開發(fā)者可以通過定制組件、初始化方式和插件獲得最輕量級(jí)版本齐遵。 Magic 的底層為高效的 Tangram 庫寂玲。(詳情:https://github.com/BaiduFE/Magic

27、公式編輯器 KityFormula ★Star 105

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

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

服務(wù)虛擬化指的就是虛擬出不穩(wěn)定糜烹、不可用违诗、未開發(fā)完全的服務(wù)。Terminator 實(shí)現(xiàn)了以下兩種方式:針對(duì)協(xié)議的通用樁疮蹦,可以預(yù)先設(shè)置請(qǐng)求對(duì)應(yīng)的返回值以及匹配條件诸迟,這樣系統(tǒng)未開發(fā)完之前可以使用這個(gè)樁來代替真實(shí)的服務(wù);錄制回放方式,在第三方服務(wù)可用的時(shí)候?qū)㈡溌飞系臄?shù)據(jù)錄制下來亮蒋,當(dāng)不穩(wěn)定或者不可用時(shí)扣典,回放當(dāng)時(shí)錄制的數(shù)據(jù)。Terminator 中每個(gè)鏈路可以看成是一個(gè)代理慎玖,運(yùn)行在兩個(gè)服務(wù)之間贮尖。(詳情:https://github.com/BaiduQA/terminator

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

ECharts-X 是 ECharts 團(tuán)隊(duì)推出的全新 3D 可視化庫趁怔,它是基于 ECharts 的擴(kuò)展湿硝,底層深度整合了 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 將依賴庫源代碼與程序源代碼一并同時(shí)進(jìn)行編譯鳍侣,這種方式可以避免程序源代碼與依賴庫編譯選項(xiàng)或平臺(tái)不一致導(dǎo)致的軟件兼容性問題丁稀;broc 支持編譯結(jié)束后自動(dòng)運(yùn)行單元測試用例;借助 Jenkinsbroc?https://github.com/baidu/broc)

31.jquery

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

JQuery是輕量級(jí)的js庫 倚聚,它兼容CSS3线衫,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后續(xù)版本將不再支持IE6/7/8瀏覽器惑折。

強(qiáng)大的選擇器

出色的DOM操作的封裝

可靠的事件處理機(jī)制

完善的ajax

不污染頂級(jí)變量

出色的瀏覽器兼容性

鏈?zhǔn)讲僮鞣绞?/p>

隱式迭代

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

豐富的插件支持

32. touch.js

移動(dòng)設(shè)備上的手勢識(shí)別與事件庫授账,由百度云Clouda團(tuán)隊(duì)開發(fā)維護(hù)

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

輕量級(jí)插件

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

基于原生事件

支持事件代理 , 性能更好

API簡單?2惨驶、zepto.js下的touch模塊?針對(duì)移動(dòng)設(shè)備原生touch事件封裝的手勢識(shí)別事件模塊 官網(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是一個(gè)輕量級(jí)的針對(duì)現(xiàn)代高級(jí)瀏覽器的JavaScript庫, 它與jquery有著類似的api

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

輕量級(jí)粗卜,壓縮后大小只有 5~ 10k , 但功能齊全

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

API仿照J(rèn)Query 休建, 上手方便

包含polyfill乍恐,zepto,detect测砂,event茵烈,ajax,form砌些,fx 這7個(gè)就是標(biāo)準(zhǔn)版包含的模塊

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

Zepto 沒有 .innerHeight() .outerWidth() 等四個(gè)方法呜投,其次加匈,它的 .height()/.width() 方法也不完善

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

iScroll是一個(gè)高性能仑荐,資源占用少雕拼,無依賴,多平臺(tái)的javascript滾動(dòng)插件

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

旨在解決移動(dòng)webkit系瀏覽器的區(qū)域滾動(dòng)問題 ( 原生 mobile safari 只能雙指滑動(dòng)粘招,不支持單指滑動(dòng)且沒有滾動(dòng)條啥寇;android自帶瀏覽器也支持區(qū)域滾動(dòng),且可單指滑動(dòng)操作洒扎,但很不流暢)

兼容mobile safari 辑甜、android默認(rèn)瀏覽器、safari 袍冷、chrome 磷醋、 ffirefox5+、opera11+胡诗、IE9+及其他webkit核心瀏覽器

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

官方定義iscroll只能滾動(dòng)wrapper里的第一個(gè)子節(jié)點(diǎn)

縮放(Pinch/Zoom)

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

輕量級(jí)插件,只有4k煌恢,性能高

自定義滾動(dòng)條

擴(kuò)展性差 骇陈,接口不明顯

點(diǎn)擊輸入框不靈敏,無法聚焦症虑,頁面文字無法選擇和復(fù)制(iScroll禁止了瀏覽器的默認(rèn)行為)

35、hammer.js ( 2.0.8版本)

hammerJS是一個(gè)優(yōu)秀的归薛、輕量級(jí)的觸屏設(shè)備手勢庫

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

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

主要分為六大事件:點(diǎn)擊、滑動(dòng)主籍、拖動(dòng)习贫、多點(diǎn)觸控、按壓千元、旋轉(zhuǎn)

36苫昌、flexible.js (0.3.2版本)

flexible.js 是一個(gè)用來解決H5屏幕適配問題的一個(gè)輕量級(jí)插件

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

動(dòng)態(tài)改寫了 標(biāo)簽

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

給 元素添加 font-size 屬性 幸海, 并且動(dòng)態(tài)改寫 font-size 的值

37祟身、jQuery Mobile (1.4.0版本)

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

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

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

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

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

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

性能不好袜硫,兼容性一般,UI限制大

38挡篓、Bootstrap(Bootstrap3.0版本)

Bootstrap 是最受歡迎的 HTML婉陷、CSS 和 JS 框架帚称,用于開發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目

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

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

手機(jī)(<768px) 闯睹、平板(>= 768px) 、桌面顯示器(>=992px) 担神、大桌面顯示器(>=1200px)

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

豐富完善的UI組件和svg圖標(biāo)庫

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

重量級(jí)類庫

站點(diǎn)樣式風(fēng)格都一樣,沒有新意

39杏瞻、Angular.js (1.x版本)

為克服HTML在構(gòu)建應(yīng)用上的不足而設(shè)計(jì)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的代碼 , 對(duì)于一些JQuery插件的使用仍劈,如果不想破壞代碼的整潔性厕倍,需要寫一些directive去封裝插件

Angular太笨重

40、Swiper(3.x版本)

Swiper是一款免費(fèi)以及輕量級(jí)的移動(dòng)設(shè)備觸控滑塊的js框架

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

Swiper實(shí)現(xiàn)觸屏焦點(diǎn)圖贩疙、觸屏Tab切換讹弯、觸屏多圖切換等

無需加載任何公用庫

Swiper默認(rèn)的觸摸比例為1:1

Swiper帶有所有常用的導(dǎo)航控制器,包括分頁器这溅,切換箭頭组民,滾動(dòng)條

使用流行的flexbox布局

Swiper還包含自適應(yīng)、滾動(dòng)反彈悲靴、抵抗反彈臭胜、loop模式、嵌套Swiper

擁有豐富的API癞尚,允許你建立自己獨(dú)特的分頁器耸三、導(dǎo)航、視差滾動(dòng)等效果

允許多行Slide布局

41浇揩、Ionic(1.3版本)

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

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

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

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

旨在從web的角度開發(fā)手機(jī)應(yīng)用吕晌,基于phoneGap的編譯平臺(tái),事項(xiàng)編譯成各個(gè)平臺(tái)的應(yīng)用程序

ios上比較流暢临燃,但在android低版本機(jī)上運(yùn)行有些卡

右鍵插件

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

http://www.jq22.com/yanshi2747

下拉多級(jí)菜單

http://www.jq22.com/yanshi1306

加載進(jìn)度條

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

圖片延時(shí)加載

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

對(duì)話框

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

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

針對(duì)某個(gè)元素的提示插件

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

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

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

三級(jí)聯(lián)動(dòng)插件

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

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

兼容 IE6+睛驳、完美支持移動(dòng)端烙心、圖表類型豐富的 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

多級(jí)分類插件

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滾動(dòng)固定區(qū)塊

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

菜單跟隨切換active,緩動(dòng)錨點(diǎn)置頂

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

jQuery滑動(dòng)固定插件scrollfix

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

移動(dòng)端下拉刷新乏沸、上拉加載更多 Zepto/jQuery插件

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

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

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

文字輪播無縫滾動(dòng)

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

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

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

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

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

回到頂部和回到底部特效-jquery錨點(diǎn)移動(dòng)兼容所有瀏覽器

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

jQuery右下角浮動(dòng)層火箭動(dòng)畫返回頂部效果代碼

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

橫向滾動(dòng)鼠標(biāo)插件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時(shí)間線+組織結(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可任意拖拽排序菜單樹機(jī)構(gòu)樹

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

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

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

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

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)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市蹬跃,隨后出現(xiàn)的幾起案子匙瘪,更是在濱河造成了極大的恐慌,老刑警劉巖蝶缀,帶你破解...
    沈念sama閱讀 216,591評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件丹喻,死亡現(xiàn)場離奇詭異,居然都是意外死亡翁都,警方通過查閱死者的電腦和手機(jī)碍论,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來柄慰,“玉大人鳍悠,你說我怎么就攤上這事∽Γ” “怎么了藏研?”我有些...
    開封第一講書人閱讀 162,823評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長概行。 經(jīng)常有香客問我蠢挡,道長,這世上最難降的妖魔是什么凳忙? 我笑而不...
    開封第一講書人閱讀 58,204評(píng)論 1 292
  • 正文 為了忘掉前任业踏,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己穿铆,他們只是感情好热芹,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著桐臊,像睡著了一般胎撤。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上断凶,一...
    開封第一講書人閱讀 51,190評(píng)論 1 299
  • 那天伤提,我揣著相機(jī)與錄音,去河邊找鬼认烁。 笑死肿男,一個(gè)胖子當(dāng)著我的面吹牛介汹,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播舶沛,決...
    沈念sama閱讀 40,078評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼嘹承,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了如庭?” 一聲冷哼從身側(cè)響起叹卷,我...
    開封第一講書人閱讀 38,923評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎坪它,沒想到半個(gè)月后骤竹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,334評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡往毡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評(píng)論 2 333
  • 正文 我和宋清朗相戀三年蒙揣,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片卖擅。...
    茶點(diǎn)故事閱讀 39,727評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡鸣奔,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出惩阶,到底是詐尸還是另有隱情挎狸,我是刑警寧澤,帶...
    沈念sama閱讀 35,428評(píng)論 5 343
  • 正文 年R本政府宣布断楷,位于F島的核電站锨匆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏冬筒。R本人自食惡果不足惜恐锣,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望舞痰。 院中可真熱鬧土榴,春花似錦、人聲如沸响牛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽呀打。三九已至矢赁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間贬丛,已是汗流浹背撩银。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留豺憔,地道東北人额获。 一個(gè)月前我還...
    沈念sama閱讀 47,734評(píng)論 2 368
  • 正文 我出身青樓够庙,卻偏偏與公主長得像,于是被迫代替她去往敵國和親抄邀。 傳聞我的和親對(duì)象是個(gè)殘疾皇子首启,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評(píng)論 2 354

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