0.一個(gè)純 JavaScript 的圖表庫(kù) ECharts ★Star 19690
ECharts,一個(gè)純 Javascript 的圖表庫(kù),可以流暢的運(yùn)行在 PC 和移動(dòng)設(shè)備上,兼容當(dāng)前絕大部分瀏覽器(IE8/9/10/11,Chrome,F(xiàn)irefox,Safari等),底層依賴輕量級(jí)的 Canvas 類庫(kù) 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 語(yǔ)法編寫,支持 html 混排,再?gòu)?fù)雜的 demo 也可以做!支持18種轉(zhuǎn)場(chǎng)動(dòng)畫,可以設(shè)置單頁(yè)動(dòng)畫,有 overview 模式,雙屏模式,socket 遠(yuǎn)程控制,搖一搖換頁(yè),使用 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)營(yíng)(AI+大數(shù)據(jù),精準(zhǔn)控制車輛,適合不同路況)、軟件運(yùn)營(yíng)框架(支持英特爾、英偉達(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í)間步長(zhǎng)(由圖像底部的譜圖表示)。由于所涉及的組合,顯式地計(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)瀏覽器無(wú)差別化(詳情: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類庫(kù) zrender ★Star 2000
zrender(ZlevelRender) 是一個(gè)輕量級(jí)的 Canvas 類庫(kù),MVC封裝,數(shù)據(jù)驅(qū)動(dòng),提供類 Dom 事件模型,讓 canvas 繪圖大不同!MVC 核心封裝實(shí)現(xiàn)圖形倉(cāng)庫(kù)、視圖渲染和交互控制(詳情:https://github.com/ecomfe/zrender)
8、分布式表格系統(tǒng) Tera ★Star 1395

Tera 是一個(gè)高性能、可伸縮的數(shù)據(jù)庫(kù)系統(tǒng),被設(shè)計(jì)用來(lái)管理搜索引擎萬(wàn)億量級(jí)的超鏈與網(wǎng)頁(yè)信息。為實(shí)現(xiàn)數(shù)據(jù)的實(shí)時(shí)分析與高效訪問,我們使用按行鍵、列名和時(shí)間戳全局排序的三維數(shù)據(jù)模型組織數(shù)據(jù),使用多級(jí) Cache 系統(tǒng),充分利用新一代服務(wù)器硬件大內(nèi)存、SSD 盤和萬(wàn)兆網(wǎng)卡的性能優(yōu)勢(shì),做到模型靈活的同時(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)操作來(lái)表示上一頁(yè)內(nèi)容或是下一頁(yè)內(nèi)容。而 iSlider 是用最優(yōu)雅的方式去解決,盡可能的節(jié)省內(nèi)存,提高性能。(詳情:http://be-fe.github.io/iSlider/)
10、移動(dòng)端組件庫(kù) GMU ★Star 1090
GMU(Global MobileUI)是百度前端通用組開發(fā)的移動(dòng)端組件庫(kù),具有代碼體積小、簡(jiǎn)單、易用等特點(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ù)可視化開源庫(kù),可以用來(lái)展示大量的點(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庫(kù) Tangram ★Star 939
Tangram 是 Baidu 開發(fā)的一套簡(jiǎn)單可依賴的 Javascript 庫(kù),它的特點(diǎn):
* 體積小巧,性能優(yōu)良,使用簡(jiǎn)單。
* 模塊化架構(gòu),方便定制與擴(kuò)展。
* 適合團(tuán)隊(duì)開發(fā),豐富的中文文檔和本地技術(shù)優(yōu)化,適合中國(guó)用戶。
* 經(jīng)過專業(yè)QA團(tuán)隊(duì)的測(cè)試以及百度各大產(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)建工具、代碼生成工具、代碼檢測(cè)工具等一系列開發(fā)時(shí)的支持,并允許用戶自定義自己的擴(kuò)展。(詳情:https://github.com/ecomfe/edp)
15、WebGL 類庫(kù) Qtek ★Star 448

Qtek (WebGL Graphic Library) 是一個(gè)高品質(zhì)的 WebGL 類庫(kù)(物理組件:https://github.com/pissang/qtek-physics)
16、前端代碼風(fēng)格工具 FECS ★Star 427
FECS 是基于 Node.js 的前端代碼風(fēng)格工具?;?Stream,文件流轉(zhuǎn)十分迅速,支持四大語(yǔ)言,前端代碼質(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è)遮罩層,用來(lái)顯示標(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 樣式庫(kù) 與 開發(fā)平臺(tái) 的完整前端解決方案。最擅長(zhǎng)做移動(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. 提供精簡(jiǎn)、核心的 Action、Model 和 View 的抽象,使得構(gòu)建 RIA 應(yīng)用變得簡(jiǎn)單可行。
3. 提供可配置式的數(shù)據(jù)加載方案,提供靈活且完善的數(shù)據(jù)獲取 功能。
4. 提供支持基本邏輯和數(shù)據(jù)綁定的模板引擎,提供模板嵌套和母板頁(yè)。
5.不依賴任何第三方庫(kù),模塊精簡(jiǎn)、可切分及獨(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à),支持萬(wàn)臺(tái)集群資源調(diào)度與管理,目前主要服務(wù)于百度網(wǎng)頁(yè)搜索離線架構(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è)頁(yè)面中就會(huì)并行著多個(gè)統(tǒng)計(jì)模塊:有性能相關(guān)的、有點(diǎn)擊相關(guān)的、有業(yè)務(wù)相關(guān)的......而 ALog 能夠使用一些少量簡(jiǎn)單的 API 將這些復(fù)雜的統(tǒng)計(jì)模塊統(tǒng)一組織起來(lái),減少統(tǒng)計(jì)模塊加載對(duì)產(chǎn)品的影響;并行多個(gè)統(tǒng)計(jì)模塊(詳情:https://github.com/fex-team/alogs
22、基于 SVG 的矢量圖形庫(kù)Kity ★Star 228
Kity 是一個(gè)基于 SVG 的矢量圖形庫(kù),幫助你快速在頁(yè)面上創(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ā)一套簡(jiǎn)易類庫(kù),目的是簡(jiǎn)化 Java 語(yǔ)言對(duì) protobuf 類庫(kù)的使用。使用 jprotobuf 可以無(wú)需再去了解 .proto 文件操作與語(yǔ)法,直接使用 Java 注解定義字段類型即可?;?Canvas,純 JavaScript 圖表庫(kù),提供直觀,生動(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 樣式工具庫(kù) Rider ★Star 163
Rider 是一個(gè)基于 Stylus 與后處理器、無(wú)侵入風(fēng)格的 CSS 樣式工具庫(kù)。提供了以下功能:樣式初始化、順時(shí)針簡(jiǎn)寫、緩動(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ā)布頁(yè)面。它提供一套模板語(yǔ)法,用戶可以寫一個(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)勢(shì),Web 前端開發(fā)者可以使用 Magic 快速搭建前端功能比較復(fù)雜的網(wǎng)站。Magic 的每個(gè)組件都有非常豐富的接口和事件處理,網(wǎng)站也提供了詳細(xì)的使用文檔和 Demo 演示。Web 前端開發(fā)者可以通過定制組件、初始化方式和插件獲得最輕量級(jí)版本。 Magic 的底層為高效的 Tangram 庫(kù)。(詳情:https://github.com/BaiduFE/Magic)
27、公式編輯器 KityFormula ★Star 105
Kity Formula 提供了一個(gè)非常簡(jiǎn)單的公式呈現(xiàn)和存儲(chǔ)方案。你可以選擇 Kity Formula 的附屬項(xiàng)目中提供的解析器來(lái)完成各種公式表示法到可視化公式的轉(zhuǎn)換, 你也可以直接使用 Kity Formula 以編程的方式來(lái)構(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è)樁來(lái)代替真實(shí)的服務(wù);錄制回放方式,在第三方服務(wù)可用的時(shí)候?qū)㈡溌飞系臄?shù)據(jù)錄制下來(lái),當(dāng)不穩(wěn)定或者不可用時(shí),回放當(dāng)時(shí)錄制的數(shù)據(jù)。Terminator 中每個(gè)鏈路可以看成是一個(gè)代理,運(yùn)行在兩個(gè)服務(wù)之間。(詳情:https://github.com/BaiduQA/terminator)
29、3D 可視化庫(kù) ECharts-X ★Star 41

ECharts-X 是 ECharts 團(tuán)隊(duì)推出的全新 3D 可視化庫(kù),它是基于 ECharts 的擴(kuò)展,底層深度整合了 WebGL 庫(kù) QTEK 和 Canvas2D 庫(kù) ZRender。(詳情:https://github.com/pissang/echarts-x)
30、面向 C/C++ 語(yǔ)言的構(gòu)建工具 Broc ★Star 71
broc 是一款面向 C/C++ 語(yǔ)言的構(gòu)建工具,提供了編譯、分支依賴、依賴模塊下載等功能。不同于make, cmake等以庫(kù)文件鏈接的編譯方式,broc 將依賴庫(kù)源代碼與程序源代碼一并同時(shí)進(jìn)行編譯,這種方式可以避免程序源代碼與依賴庫(kù)編譯選項(xiàng)或平臺(tái)不一致導(dǎo)致的軟件兼容性問題;broc 支持編譯結(jié)束后自動(dòng)運(yùn)行單元測(cè)試用例;借助 Jenkinsbroc?https://github.com/baidu/broc)
31.jquery
官網(wǎng):https://jquery.com/
JQuery是輕量級(jí)的js庫(kù) ,它兼容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ì)識(shí)別與事件庫(kù),由百度云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)手勢(shì)
基于原生事件
支持事件代理 , 性能更好
API簡(jiǎn)單?2、zepto.js下的touch模塊?針對(duì)移動(dòng)設(shè)備原生touch事件封裝的手勢(shì)識(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庫(kù), 它與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)頁(yè)開發(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è)高性能,資源占用少,無(wú)依賴,多平臺(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)擊輸入框不靈敏,無(wú)法聚焦,頁(yè)面文字無(wú)法選擇和復(fù)制(iScroll禁止了瀏覽器的默認(rèn)行為)
35、hammer.js ( 2.0.8版本)
hammerJS是一個(gè)優(yōu)秀的、輕量級(jí)的觸屏設(shè)備手勢(shì)庫(kù)
官網(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è)用來(lái)解決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)用程序提供了非常簡(jiǎn)單的用戶接口
這種接口的配置是標(biāo)簽驅(qū)動(dòng)的,這意味著我們可以在HTML中建立大量的程序接口而不不需要寫一行js代碼
擁有一個(gè)完整統(tǒng)一的UI框架
多頁(yè)面之間跳轉(zhuǎn),完全使用ajax加載頁(yè)面
性能不好,兼容性一般,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)庫(kù)
bootstrap2不支持IE6、bootstrap3不支持IE8以下瀏覽器
重量級(jí)類庫(kù)
站點(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切換、觸屏多圖切換等
無(wú)需加載任何公用庫(kù)
Swiper默認(rèn)的觸摸比例為1:1
Swiper帶有所有常用的導(dǎo)航控制器,包括分頁(yè)器,切換箭頭,滾動(dòng)條
使用流行的flexbox布局
Swiper還包含自適應(yīng)、滾動(dòng)反彈、抵抗反彈、loop模式、嵌套Swiper
擁有豐富的API,允許你建立自己獨(dú)特的分頁(yè)器、導(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來(lái)增強(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
頁(yè)面加載特效
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
分頁(yè)多選插件
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
文字輪播無(wú)縫滾動(dòng)
http://www.jq22.com/jquery-info5198
JQuery使導(dǎo)航欄固定于網(wǎng)頁(yè)頂部
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圖片裁剪插件jQuery-photoClip