這邊簡單列一些經常使用的,更全的看:http://www.cnblogs.com/dunitian/p/5581520.htmlhtml
----------------------------------------------------------------------------------------------------------------前端
1.UEditor 編輯器html5
UEditor是由百度web前端研發部開發所見即所得富文本web編輯器,具備輕量,可定製,注重用戶體驗等特色。node
主要特色:nginx
輕量級:代碼精簡,加載迅速。git
定製化:
全新的分層理念,知足多元化的需求。
採用三層架構:
1. 核心層: 爲命令層提供底層API,如range/selection/domUtils類。
2. 命令插件層: 基於核心層開發command命令,命令之間相互獨立。
3. 界面層: 爲命令層提供用戶使用界面。
知足不一樣層次用戶的需求。githubhttps://github.com/fex-team/ueditorweb
https://github.com/fex-team/umeditorjson
2.ECharts 圖表庫canvas
ECharts開源來自百度商業前端數據可視化團隊,基於html5 Canvas,是一個純Javascript圖表庫,提供直觀,生動,可交互,可個性化定製的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫遊等特性大大加強了用戶體驗,賦予了用戶對數據進行挖掘、整合的能力。提供商業產品經常使用圖表,底層基於ZRender(一個全新的輕量級canvas類庫),建立了座標系,圖例,提示,工具箱等基礎組件,並在此上構建出折線圖(區域圖)、柱狀圖(條狀圖)、散點圖(氣泡圖)、餅圖(環形圖)、K線圖、地圖、力導向佈局圖以及和絃圖,同時支持任意維度的堆積和多圖表混合展示。
更多:https://github.com/ecomfe/echarts
ECharts-X是 ECharts 團隊推出的全新 3D 可視化庫,它是基於 ECharts 的擴展,底層深度整合了 WebGL 庫QTEK和 Canvas2D 庫ZRender。
擴展:https://github.com/ecomfe/echarts-x
3.WebUploader 上傳控件
WebUploader 是由Baidu WebFE(FEX)團隊開發的一個簡單的以HTML5爲主,FLASH爲輔的現代文件上傳組件。在現代的瀏覽器裏面能充分發揮HTML5的優點,同時又不摒棄主流IE瀏覽器,延用原來的FLASH運行時,兼容IE6+,Andorid 4+,IOS 6+。兩套運行時,一樣的調用方式,可供用戶任意選用。採用大文件分片併發上傳,極大的提升了文件上傳效率。
----------------------------------------------------------------------------------------------------------------
1.WeUI 爲微信Web服務量身設計
WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊爲微信 Web 開發量身設計,能夠令用戶的使用感知更加統一。包含
button
、cell
、dialog
、progress
、toast
、article
、actionsheet
、icon
等各式元素。
2.手機前端開發調試利器 vConsole
咱們在開發手機版網頁的時候,經常會出現下面的情景:
(1) 開發時,在本身電腦上運行得好好的,在手機上打開就掛了,可是手機上又看不到error log;
(2) 上線後,某用戶表示頁面失靈,但咱們本身又重現不出來,看不到用戶側的出錯信息。
若是說(1)還能夠經過電腦鏈接手機以查看log來解決,那(2)在沒有完善的前端上報體系時就很是被動了。
做爲開發者,咱們的訴求很簡單:有沒有快捷的方法在手機前端頁面看到log日誌?vConsole就這樣出現了!
https://github.com/WechatFE/vConsole
3.專業級Web圖像處理引擎 AlloyImage
AlloyImage是一個使用Javascript語言開發的,基於Web的在線圖像處理引擎,除了核心底層圖像處理引擎,還同時集成了一些方便快捷的圖像處理API,您能夠將它簡單快捷的引用到您的Web網頁中,作出與PhotoShop同樣的優美效果。甚至,你能夠用AlloyImage來開發一個Web在線圖像處理軟件。
https://github.com/AlloyTeam/AlloyImage
https://github.com/AlloyTeam/AlloyPhoto
4. GoPng 圖片合併並生成CSS
Css Sprite,有時也稱爲雪碧圖、精靈圖,是每個前端開都會遇到的問題,也是常見的小圖片加載優化手段。
在線版本:https://alloyteam.github.io/gopng/
源碼地址:https://github.com/AlloyTeam/gopng
合成分解:https://github.com/luyongfugx/hcSpriteCuter (一個由多張小圖合併而成的雪碧圖中摳出其中一張或者幾張圖片)
5.可視化Web構建工具 AlloyDesigner
AlloyDesigner 是一款致力於提升前端生產效率的瀏覽器內運行工具,AlloyDesigner + Chrome F12(Especially with WorkSpace) 打造前端新的開發和測試模式
https://github.com/AlloyTeam/AlloyDesigner
6.Koala跨平臺圖形編譯工具
Koala是一款預處理器語言圖形編譯工具,支持Less、Sass、CoffeeScript、Compass framework 的即時編譯。 無需手動輸入命令去編譯,後臺監聽文件是否有改變,若有修改會自動進行編譯。可以大大提高
Web
開發中的工做效率。功能特性
多語言支持 支持Less、Sass、CoffeeScript 和 Compass Framework。
實時編譯 監聽文件,當文件改變時自動執行編譯,這一切都在後臺運行,無需人工操做。
編譯選項 能夠設置各個語言的編譯選項。
項目配置 支持爲項目建立一個全局配置,爲文件設置統一編譯選項。
錯誤提示 在編譯時若是遇到語法的錯誤,koala將在右下角彈出錯誤信息,方便開發者定位代碼錯誤位置。
跨平臺 Windows、Linux、Mac都能完美運行。
系統支持及要求
Koala支持跨平臺運行,完美兼容Windows、Linux與Mac 。
Linux系統下需安裝好ruby運行環境, e.g.$ sudo apt-get install ruby
.https://github.com/oklai/koala
7.輕量級 CSS3 動畫庫 JX.Animate
JX.Animate 是一個開源的輕量級的CSS3動畫庫。動畫可使用標準的CSS3關鍵幀動畫(KeyFrame)製做,也可使用JavaScript製做,並且還能夠支持在JavaScript中動態生成動畫關鍵幀。
https://github.com/AlloyTeam/JXAnimate
8.Fanvas swf轉爲html5 canvas
Fanvas是一個把swf轉爲html5 canvas動畫的系統,由兩部分組成:Actionscript實現的解析器、js運行庫。Flash作動畫是最成熟最高效的方式,但因爲終端基本不支持Flash播放,這給終端的動畫製做帶來了很多麻煩。Fanvas是Flash和Canvas的完美結合,能夠把swf(包括矢量和位圖)完美地轉化爲canvas動畫.
https://github.com/TencentOpen/Fanvas
9.隨身調測平臺 GT
GT(隨身調)是APP的隨身調測平臺,它是直接運行在手機上的「集成調測環境」(IDTE, Integrated Debug Environment)。利用GT,僅憑一部手機,無需鏈接電腦,您便可對APP進行快速的性能測試(CPU、內存、流量、電量、幀率/流暢度等等)、 開發日誌的查看、Crash日誌查看、網絡數據包的抓取、APP內部參數的調試、真機代碼耗時統計等。若是您以爲GT提供的功能還不夠知足您的須要,您還 能夠利用GT提供的基礎API自行開發有特殊功能的GT插件,幫助您解決更加複雜的APP調試問題。
https://github.com/TencentOpen/GT
10.Frozen UI 移動端UI框架
Frozen UI是一個開源的簡單易用,輕量快捷的移動端UI框架。基於手Q樣式規範,選取最經常使用的組件,作成手Q公用離線包減小請求,升級方式友好,文檔完善,目前全面應用在騰訊手Q增值業務中。
https://github.com/frozenui/frozenui
11.LivePool Web 開發調試工具
LivePool 是一個基於 NodeJS,相似 Fiddler 支持抓包和本地替換的 Web 開發調試工具,是 Tencent AlloyTeam 在開發實踐過程總結出的一套的便捷的 WorkFlow 以及調試方案。
特性
基於 NodeJS, 跨平臺
支持 http 抓包和本地替換調試,Https/WebSockets 直接代理轉發(暫不支持本地替換)
便捷的 UI 管理界面,跟 Fiddler 相似,下降學習成本
能夠脫離 UI 後臺運行,適應於某些不須要抓包,只須要使用替換和簡單路由的場景
基於項目的替換規則管理,方便高效,規則支持拖曳排序
支持基於請求路徑的本地文件替換,支持基於請求路徑的路由轉發(host 配置)
替換類型支持:文件/文件夾替換,combo合併替換,qzmin替換(批量combo),delay延時等
支持自動設置系統代理
支持規則過濾,只顯示關注的請求
提供構建 http get/post 請求界面,方便接口調試
特點功能:模擬gprs/3g等低網速(mac only)
特點功能:支持離線站點到本地,並自動代碼格式化
https://github.com/rehorn/livepool
15.RapidJSON C++的JSON開發包
Rapidjson 是一個 C++ 的快速 JSON 解析器和生成器,使用 SAX/DOM 風格的 API 設計。
https://github.com/miloyip/rapidjson
更多請自行查看:http://alloyteam.github.io/
----------------------------------------------------------------------------------------------------------------
1.分佈式TCP壓力測試工具 tcpcopy
tcpcopy是一種應用請求複製(基於tcp的packets)工具,其應用領域較廣,目前已經應用於國內各大互聯網公司。
整體說來,tcpcopy主要有以下功能:
1)分佈式壓力測試工具,利用在線數據,能夠測試系統可以承受的壓力大小(遠比ab壓力測試工具真實地多),也能夠提早發現一些bug
2)普通上線測試,能夠發現新系統是否穩定,提早發現上線過程當中會出現的諸多問題,讓開發者有信心上線
3)對比試驗,一樣請求,針對不一樣或不一樣版本程序,能夠作性能對比等試驗
4)利用多種手段,構造無限在線壓力,知足中小網站壓力測試要求
5)實戰演習(架構師必備)https://github.com/session-replay-tools/tcpcopy
2.桌面應用軟件的跨平臺解決方案 heX
heX 是網易有道搜索部門開發的一個容許你採用前端技術(HTML,CSS,JavaScript)開發桌面應用軟件的跨平臺解決方案,基於HTML5 + node.js,相似appjs。是你開發桌面應用的一種新的選擇,意在解決傳統桌面應用開發中繁瑣的UI和交互開發工做,使其變的簡單而高效。特別適合重UI,重交互的桌面應用軟件。
https://github.com/netease-youdao/hex
https://github.com/netease-youdao/hex-samples
--------------------------阿里巴巴開源的好軟件太多,請自行選擇所需,我列幾個咱們用的-------------------------
1.分佈式key/value存儲系統 Tair
Tair是由淘寶網自主開發的Key/Value結構數據存儲系統,在淘寶網有着大規模的應用。您在登陸淘寶、查看商品詳情頁面或者在淘江湖和好友「搗漿糊」的時候,都在直接或間接地和Tair交互。Tair是一個Key/Value結構數據的解決方案,它默認支持基於內存和文件的兩種存儲方式,分別和咱們一般所說的緩存和持久化存儲對應。
Tair除了普通Key/Value系統提供的功能,好比get、put、delete以及批量接口外,還有一些附加的實用功能,使得其有更廣的適用場景,包括:
Version支持
原子計數器
Item支持
https://github.com/alibaba/tair
2.TFS 分佈式文件系統
TFS(Taobao FileSystem)是一個高可擴展、高可用、高性能、面向互聯網服務的分佈式文件系統,其設計目標是支持海量的非結構化數據。
目前,國內自主研發的文件系統可謂百裏挑一。淘寶在這一領域作了有效的探索和實踐,Taobao File System(TFS)做爲淘寶內部使用的分佈式文件系統,針對海量小文件的隨機讀寫訪問性能作了特殊優化,承載着淘寶主站全部圖片、商品描述等數據存儲。
https://github.com/alibaba/tfs
3.消息中間件 RocketMQ
https://github.com/alibaba/RocketMQ
https://github.com/alibaba/RocketMQ-docs
4.SeaJS 模塊加載框架
Sea.JS 是一個遵循 CommonJS 規範的模塊加載框架,可用來輕鬆愉悅地加載任意 JavaScript 模塊。SeaJS 支持的標準模塊遵循 Modules/Wrappings 規範的 define 形式,可運行於 Web 瀏覽器以及 node.JS 等環境中。
https://github.com/seajs/seajs
5.接口文檔管理工具 RAP
RAP經過GUI工具幫助WEB工程師更高效的管理接口文檔,同時經過分析接口結構自動生成Mock數據、校驗真實接口的正確性,使接口文檔成爲開發流程中的強依賴。有告終構化的API數據,RAP能夠作的更多,而咱們能夠避免更多重複勞動。
Nginx7天入門:https://github.com/taobao/nginx-book