全部項目整理到一張思惟導圖css
github項目地址(每週更新,歡迎star)html
寫在前面
目前開源社區Github涌現出很多優秀的項目,關注和使用這些項目,一方面能夠很好的提高開發效率與質量,另外一方面研究開源項目的源碼,參與其貢獻,也是提高技術能力一個不錯的方法。前端
基於本身團隊的需求,之後每週會整理一些不錯的Github開源項目(每週3-6個),範圍主要包括:編程基礎,前端開發,客戶端開發,圖形圖像,網絡,通用工具等,但不侷限於此,一些服務端技術以及前沿技術(如:AI,AR,loT等)也可能會涉及到。相信多開闊眼界,方能看的更遠!vue
全部的項目都會第一時間整理到上面的思惟導圖中,經過這種形式可以實時的跟蹤每一個項目的star數,在須要用的時候也能夠快點檢索和查找。java
若是對你的工做或學習有所幫助,請到項目的github star 支持一下哈,不勝感激!
如下是以往各期收集的項目(持續更新中...):node
2017年
第十八期(2017-12-29)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
canvas |
react-canvas github.com/Flipboard/r… |
React Canvas增長了React組件渲染到canvas而不是DOM的能力。它帶來了Web開發人員熟悉的一些API,並將它們與高性能繪圖引擎混合在一塊兒。 |
與本地應用程序相比,移動Web應用程序感受緩慢的緣由是DOM。 CSS動畫和過渡是在Web上實現平滑動畫的最快途徑,但它們有一些限制。 React Canvas利用現代移動瀏覽器擁有硬件加速畫布的能力,更好的構建應用程序用戶界面。事實上,它是對渲染到canvas上行爲的具體實現。 |
10792 |
UI佈局 |
muuri github.com/haltu/muuri |
Muuri 可以建立響應式,可排序,可過濾和可拖動的網格佈局。其佈局系統容許以多種方式將網格項目定位在容器內。 |
流佈局是目前用於圖像類佈局的常見展現方式之一,Muuri很適合建立這種佈局。它的特色是支持響應式、排序、篩選以及拖拽佈局元素。能經過鼠標隨意拖拽,支持左上、右上,左右兩端對齊以及根據標題內容進行篩選,篩選時切換的的動畫也很是流暢。 |
6188 |
文件上傳處理 |
uppy github.com/transloadit… |
一個全新的模塊化的瀏覽器Web文件上傳組件,能夠與任何框架無縫集成。 |
它能從本地磁盤,Google Drive,Dropbox,遠程URL,攝像機和其餘地點獲取文件,而後將其上傳到最終目的地,支持拖拽和暫停上傳。 快速,易於使用,讓你能專一於比構建文件上傳器更重要的問題。 |
4628 |
第十七期(2017-12-22)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
組件開發與測試 |
storybook github.com/storybooks/… |
React和React-Native UI組件的交互式開發和測試環境。 |
這款工具很適合在頁面UI快速直觀的展現控件的運行效果,測試不一樣的運行場景。 |
17123 |
可視化分析 |
github-profile-summary github.com/tipsy/githu… |
對Github主頁進行可視化分析的工具。可以分析某個github用戶關注項目,歷史活躍度,貢獻狀況。 |
你能夠用它來可視化分析本身的github使用數據,也能夠了解他人的,但前提是分析的用戶須要先關注這個項目。 |
12028 |
文檔管理 |
Docusaurus github.com/facebook/Do… |
Facebook開源的一套快速生成開源項目文檔站點的項目,它把項目介紹頁面,文檔,博客,github關注數與跳轉及搜索都作好了,若是你有一個開源項目想要作一個主頁,它是一個很好的選擇。 |
基於React構建,React Native,Prettier,jest等許多大型開源項目都在使用它。 |
2716 |
第十六期(2017-12-15)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
前端工程化 |
rollup github.com/rollup/roll… |
Rollup 是一個 JavaScript 模塊打包器,能夠將小塊代碼編譯成大塊複雜的代碼,例如 library 或應用程序。它對代碼模塊使用新的標準化格式,這些標準都包含在 Js 的 ES6 版本中,而不是之前的特殊解決方案,如 CommonJS 和 AMD。可使你自由、無縫地使用你最喜好的 library 中那些最有用的獨立函數,而你的項目沒必要攜帶其餘未使用的代碼。 |
它被稱爲下一代的模塊打包工具,採用shaking tree的技術,利用es6模塊能靜態分析語法樹的特性,只將須要的代碼提取出來打包,能大大減少代碼體積。面對其競爭,webpack也增長了相似的功能。 |
11140 |
學習資源 |
learn-anything github.com/learn-anyth… |
learn-anything是由社區創建的開源網站,它提供學習任何知識技能的交互式地圖,經過其提供的學習路徑與資源,可以很快的掌握一項技能。 |
學習新技能的好方法,同時項目自己的交互也很值得參考。 |
9400 |
機器學習 |
keras-js github.com/transcrania… |
本項目可讓你使用 WebGL 在 GPU 驅動的、瀏覽器上運行訓練好的 Keras 模型。它能將深度學習完成的網絡放進js。 |
打開機器學習,圖像識別大門最簡答的方法之一。經過幾十行簡單的代碼,就能夠實現文字,圖像識別的demo。 |
3313 |
第十五期(2017-12-8)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
代碼格式化 |
Prettier github.com/prettier/pr… |
Prettier是一個代碼格式化程序。支持不少種語言,如:JavaScript、JSX、Flow、TypeScript、CSS、LESS、SCSS等。它的一大特色就是可以支持命令行、API 等多種形式調用,可讓團隊保持代碼風格一致。 |
使用Prettier有不少益處:幾乎不須要作決定,由於 Prettier的配置選項不多;團隊成員不須要爲規則去爭論;開源代碼開發者不須要去學習項目的代碼風格;不須要去修復ESLint報告的風格問題;保存文件的時候能夠自動統一風格。包括 React 和Babel在內的不少著名項目已經開始使用了,因此,你也值得擁有。 |
17779 |
前端工程化 |
Parcel github.com/parcel-bund… |
Parcel 是一款極速、零配置的 Web 應用打包工具,支持:極速打包 - 多核心編譯,以及即便在重啓後也能快速重建的文件系統緩存。無需安裝插件,開箱即用,支持 JS、CSS、HTML、file assets 等。在有須要時自動轉換成 Babel、PostCSS 和 PostHTML 模塊 - 甚至是 node_modules。代碼零配置,使用動態 import()語句分割。內置熱模塊替換。 |
前端領域已經有了webpack這樣一個強大的工具,但它並不是就十全十美,Parcel就針對webpack的不足作了不少文章,它的構建速度很是快,使用cache後幾乎能比webpack快8倍,同時它支持零配置,在項目中開箱即用,不像webpack那樣須要各類配置項。在GitHub開源,一週內就獲得了7200多個star,將來絕對不容忽視的前端工程化技術。 |
7268 |
接口模擬 |
json-server github.com/typicode/js… |
Json-Server是一個本地數據接口模擬神器,基於REST API,配合使用Proxy,效率極其高。它能夠在30s內讓你創建一套完整的REST API。 |
它足夠簡單,寫少許數據,便可使用。也足夠強大,支持CORS和JSONP跨域請求,支持GET, POST, PUT, PATCH 和 DELETE 方法,更提供了一系列的查詢方法,如limit,order等。 |
27310 |
第十四期(2017-12-1)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
響應式編程 |
RxJS github.com/ReactiveX/R… |
RxJS 是使用 Observables 的響應式編程的庫,它使編寫異步或基於回調的代碼更容易。這個項目是 Reactive-Extensions/RxJS(RxJS 4) 的重寫,具備更好的性能、更好的模塊性、更好的可調試調用堆棧,同時保持大部分向後兼容,只有一些破壞性的變動(breaking changes)是爲了減小外層的 API 。 |
使用RxJS,能夠達到如下目的:同步與異步的統一;獲取和訂閱的統一;如今與將來的統一;可組合的數據變動過程;數據與視圖的精確綁定;條件變動以後的自動從新計算 |
9507 |
數據可視化 |
g2 github.com/antvis/g2 |
G2 是一套基於可視化編碼的圖形語法,以數據驅動,具備高度的易用性和擴展性,用戶無需關注各類繁瑣的實現細節,一條語句便可構建出各類各樣的可交互的統計圖表。2017年11月22日,G2 3.0 來了,一個「數據驅動的高交互圖形語法」新生綻開,而且從這個版本起,G2 將以 MIT 協議正式對外開源。 |
G2是圖形語法在前端工程上的一個實現。它提供了強大的語義化圖表生成能力,使得用戶(開發者)能夠經過簡單的語法組合便可搭建出各類各樣的圖表。 |
3531 |
PWA |
第一本 PWA 中文書 github.com/SangKa/PWA-… |
《Progressive Web Apps》是 Manning 出版社發行的一本很不錯的PWA 主題的書,到目前爲止,市場上關於 PWA 的好書也是屈指可數。這個項目是該書的中文翻譯版本,已經在github上開源。 |
目前 PWA 相關的學習資料十分有限,中文的就更少了,給想去了解 PWA 的開發者帶來了必定的困擾。做者利用業餘時間翻譯了此書,對PWA學習頗有幫助。 |
1657 |
第十三期(2017-11-24)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
JS運行時環境 |
napajs github.com/Microsoft/n… |
Napa.js是一個基於V8的多線程JavaScript運行時環境,它起初被設計用於在Bing中開發不影響性能的高度迭代服務。隨着開發的深刻,微軟的工程師發現Napa.js能有效補足Node.js在CPU-bound任務上的不足,並且擁有在多個V8隔離中執行JavaScript代碼並進行相互通訊的能力。雖然Napa.js是Node.js的一個模塊,可是它也能嵌入沒有Node.js依賴的主機進程中。 |
多線程JavaScript運行時環境;Node.js兼容的模塊,支持NPM;JavaScript線程間的對象傳遞、對象共享和同步接口;可插拔的日誌、標準和內存分配接口;做爲一個Node.js的模塊部署,支持腳本嵌入。 |
7133 |
時間類庫 |
date-fns github.com/date-fns/da… |
輕量級的 JavaScript 日期庫。提供了最全面,簡單和一致的工具集,用於在瀏覽器和 Node.js 中操縱 JavaScript 日期。 |
很是好的解決了純 JS 操做時間極其複雜的問題。 |
7832 |
PWA |
react-pwa github.com/Atyantik/re… |
一個可拓展的、最佳實踐的 PWA 基礎庫(對提高react應用的性能和體驗頗有幫助)。 |
支持 React & Redux SSR,良好的 SEO 策略與頁面加載速度。 |
1001 |
第十二期(2017-11-17)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
網絡請求 |
axios github.com/axios/axios |
一個基於Promise 用於瀏覽器和 nodejs 的 HTTP 客戶端。它支持以下特性:從瀏覽器中建立 XMLHttpRequest;從 node.js 發出 http 請求;支持Promise API;攔截請求和響應;轉換請求和響應數據;取消請求;自動轉換JSON數據;客戶端支持防止 CSRF/XSRF; |
vuejs 做者尤雨溪以前發佈過消息,再也不繼續維護vue-resource,並推薦你們使用 axios。目前axios 被愈來愈多的人所瞭解和使用,它功能強大,api設計的也比較好,表明一種較新的網絡請求模式。 |
30650 |
數據圖表 |
charts github.com/frappe/char… |
簡單,響應式,無任何依賴的現代SVG圖標庫,純ES6+CSS寫的項目,不依賴任何框架的項目典範。同時圖表組件使用簡單,樣式也很漂亮。 |
零依賴,使用簡單且效果美觀的圖表組件庫。 |
8670 |
動畫特效 |
lottie-web github.com/airbnb/lott… |
Airbnb開源的動畫庫,它可以同時支持iOS,Android與ReactNative的開發,讓美工在AE軟件上設計的動畫直接用於移動客戶端與網頁。 |
它的出現極大地解放了客戶端/前端工程師編寫原生自定義動畫的工做。相關的另外兩個開源庫lottie-android和lottie-ios都已經收穫了過萬的star。 |
8633 |
第十一期(2017-11-3)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
PWA |
workbox github.com/GoogleChrom… |
Workboxjs Chrome官方團隊推出的用來下降 PWA 開發成本的技術。 |
2017 Chrome Dev Summit 10月23號在在美國舊金山舉行,大會的主題依舊是PWA(Progressive Web APP,漸進式Web應用),從2017年從始至今,在 Google I/O、GDD到各類 Conf上,PWA一直被強調。 |
Workboxjs 做爲官方技術,必定程度上表明着將來PWA開發的趨勢。 |
中後臺應用搭建 |
ant-design-pro github.com/ant-design/… |
由Ant Design出品的開箱即用的中臺前端/設計解決方案。優雅美觀:基於 Ant Design 體系精心設計;常見設計模式:提煉自中後臺應用的典型頁面和場景;響應式:針對不一樣屏幕大小設計;主題:可配置的主題知足多樣化的品牌訴求;國際化:內建業界通用的國際化方案;Mock 數據:實用的本地數據調試方案;UI 測試:自動化測試保障前端產品質量; |
2366 |
|
離線存儲 |
pouchdb github.com/pouchdb/pou… |
PouchDB是受 Apache CouchDB啓發爲Web設計的一款佔用空間少的數據庫。它尤爲適合於須要基於瀏覽器的可離線使用的存儲方案的移動應用。 |
離線或「在雲中」工做的應用都將面臨可靠的數據同步的問題,它們均可能會用到PouchDB。 |
9653 |
第十期(2017-10-27)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
React組件 |
awesome-react-components github.com/brillout/aw… |
一個React 組件/庫集合,awesome系列之一。 |
收集了不少的React組件項目,對開發複雜交互的React項目會頗有幫助。 |
10486 |
React組件 |
react-virtualized github.com/bvaughn/rea… |
用於高效地呈現大型的列表(包括瀑布流等)和表格數據的React組件。 |
開發中常常須要實現能無限滾動的長列表,使用這個庫將使得長列表加載具備更好的性能,由於它可以動態的渲染須要呈現的部分,並刪掉不須要展現的dom。 |
7491 |
數據圖表 |
recharts github.com/recharts/re… |
使用React和D3構建的從新定義的圖表庫。 |
簡單易用的React圖表庫,原生的SVG支持,聲明式的組件。 |
6980 |
第九期(2017-10-20)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
js函數式編程 |
ramda github.com/ramda/ramda |
一款實用的 JavaScript 函數式編程庫。強調更加純粹的函數式風格。Ramda的函數自己都是自動柯里化的。其參數的排列順序更便於柯里化。 |
目前已經存在許多優秀的函數式的庫(如underscore,Lodash)。相比而言,Ramda 的目標更爲專一:專門爲函數式編程風格而設計,更容易建立函數式 pipeline、且從不改變用戶已有數據。 |
9758 |
React與electron最佳實踐 |
nylas-mail github.com/nylas/nylas… |
一款用現代web技術搭建的可擴展的開源電子郵件客戶端。 |
是React和electron等技術搭建的大型跨平臺桌面客戶端項目,不管是從技術仍是架構都值得去學習和借鑑。 |
23563 |
前端包管理 |
lerna github.com/lerna/lerna |
用於管理具備多個包的JavaScript項目的工具。 |
將大型代碼庫拆分爲獨立的獨立版本包對於代碼共享很是有用。 然而,在許多存儲庫中進行更改是麻煩和難以跟蹤的事情。lerna就是爲了解決這些問題,它能讓項目將它們的代碼庫組織成多包存儲庫。 |
6324 |
第八期(2017-10-13)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
UI框架 |
bulma github.com/jgthms/bulm… |
基於Flexbox的現代CSS框架 |
響應式,專門爲移動端而設計;組件純CSS實現,無js依賴;模塊化,按需引入。 |
20085 |
動畫 |
anime.js github.com/juliangarni… |
一個優秀的JavaScript動畫引擎,能夠和CSS3屬性,SVG,DOM元素和JS對象一塊兒工做,製做出各類高性能,平滑過渡的動畫效果。 |
相比於其餘的不少動畫庫,anime要更靈活而輕量一些,不管是從使用仍是性能角度。 |
15480 |
圖像語言識別 |
tesseract.js github.com/naptha/tess… |
純Javascript實現的OCR支持62種語言,是流行Tesseract OCR引擎的一個JS移植。 |
能很快的對圖像文件進行分析識別處理,獲取到語言文字信息,圖像轉字符數據的利器。 |
12342 |
第七期(2017-09-30)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
拖拽效果實現 |
draggable github.com/Shopify/dra… |
一個輕量級,響應式的現代JavaScript拖放(Drag & Drop)庫 |
比較新的拖拽效果庫,對ES6很友好,同時支持排序,插拔等效果,API比較強大 |
7117 |
Vue最佳實踐 |
vue2-elm github.com/bailicangdu… |
基於 vue2 + vuex + vue-router2 + fetch 構建一個具備 45 個頁面的大型單頁應用(餓了麼移動端應用) |
Vue2構建的大型應用,對Vue開發頗有參考價值 |
12080 |
js基礎 |
You-Dont-Need-jQuery github.com/oneuijs/You… |
前端發展很快,現代瀏覽器原生 API 已經足夠好用。咱們並不須要爲了操做 DOM、Event 等再學習一下 jQuery 的 API。同時因爲 React、Angular、Vue 等框架的流行,直接操做 DOM 再也不是好的模式,jQuery 使用場景大大減小。本項目總結了大部分 jQuery API 如何用原生 js 實現。 |
整理了各類用原生js實現 jQuery API的寫法,有助於提生原生js的掌握程度,鞏固基礎,同時也能夠減小項目對jQuery的依賴。 |
12239 |
第六期(2017-09-22)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
文件處理 |
js-xlsx github.com/SheetJS/js-… |
純JS實現讀寫各類電子表格文件的類庫。 |
讓開發者能直接在瀏覽器端處理表格數據,減小對服務端和網絡的壓力。 |
7401 |
性能優化 |
electron-webpack-dashboard github.com/FormidableL… |
採用Electron開發的Webpack桌面GUI管理控制檯,經過它可以可視化的查看項目中webpack的打包,構建,依賴等相關數據。 |
對性能優化頗有幫助,同時它也是Electron技術的最佳實踐之一。 |
2226 |
人工智能 |
hubot github.com/hubotio/hub… |
Hubot 是 GitHub 團隊開源的一款聊天機器人技術,原目的是幫助 GitHub 員工更好的管理他們的軟件。直到你們爲這個機器人發掘了更多強大和好玩的用途。它能爲團隊內的任一成員服務,自動處理各類複雜的任務。 |
一種 ChatOps 式的技術,Hubot 能夠用來記錄和幫助公司所發生的幾乎一切。它常被戲稱爲 GitHub 最勤奮的「員工」,由於它始終盡職盡責勤勤勉勉,而且做爲團隊的「一員」,若是你願意,它會永遠在線。 |
13227 |
第五期(2017-09-15)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
文件處理 |
jsPDF github.com/MrRio/jsPDF |
領先的瀏覽器端PDF解決方案,支持不一樣類型的PDF文件格式,包括:文本,數字,圖形,圖片,同時能夠自由的編輯PDF中的標題或其它類型元素。 |
曾經生成PDF是服務端代碼的專利,而經過jsPDF則可以用前端腳本生成和控制PDF文件 |
8950 |
服務端技術 |
serverless github.com/serverless/… |
Serverless Framework是無服務器應用框架和生態系統,旨在簡化開發和部署服務端應用程序的工做。它做爲Node.js NPM模塊提供,填補了AWS Lambda等服務端技術存在的許多缺口。同時提供多個樣本模板,能夠迅速啓動AWS Lambda,Azure, Google Cloud等服務進行開發。 |
經過這項技術能快速的部署服務端架構,讓開發者能更專一於應用自己。比起微服務、DevOps,Serverless的落地可能更快。 |
19098 |
圖像識別 |
tracking.js github.com/eduardolund… |
tracking.js 是一款js封裝的圖像處理的庫,爲瀏覽器帶來豐富的計算視覺相關的算法和技術,經過它能夠實現顏色追蹤、人臉檢測等功能 |
經過它能很容易的在瀏覽器上使用計算機視覺技術,實現人臉識別等功能 |
5498 |
第四期(2017-09-08)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
編程學習 |
free-programming-books-zh_CN github.com/justjavac/f… |
一份免費的編程書籍(中文版)索引,涵蓋了計算機基礎,各大編程語言,操做系統,編譯,圖形學,數據庫,項目管理,設計模式,Web等各個領域的優秀書籍資源,並收錄了一些讀書筆記 |
很是全的一份編程開發的書籍清單,並且都有在線閱讀的資源,很值得收藏和學習 |
21760 |
數據查詢語言 |
graphql github.com/graphql/gra… |
GraphQL是一套數據查詢語言規範,由 Facebook在2012年開發,2015年開源,Facebook 內部已經普遍應用,用於替代 REST。graphql-js是Facebook官方對於js的GraphQL的一種實現 |
與REST相比,GraphQL定義了更嚴格、可擴展、可維護的數據查詢方式,是將來先後端協同的一個方向 |
7767 |
命令行工具開發 |
Inquirer.js github.com/SBoudrias/I… |
常見的交互式命令行接口的集合,它可以很容易的提供錯誤回調,詢問操做者問題,獲取並解析用戶輸入,檢測用戶回答是否合法,管理多層級的提示等 |
一些有名的命令行腳手架工具,如:vue官方腳手架vue-cli和yeoman腳手架yo都有用到Inquirer.js |
5016 |
虛擬現實 |
react-vr github.com/facebook/re… |
面向 VR 的React開發框架,內部經過包裝流行的JS 3D引擎Three.js實現。經過WebGL將VR應用展示到網頁上,同時也支持Oculus Rift,三星GearVR等VR設備。 |
相比於其餘的VR技術,react-vr 在React的無縫集成上佔有優點,爲具有React基礎的開發者減小了學習成本,同時也能充分的利用React的能力與其繁榮的生態 |
4859 |
第三期(2017-09-01)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
數據圖表 |
Chart.js github.com/chartjs/Cha… |
Chart.js是一個簡單、面向對象、爲設計者和開發者準備的圖表繪製工具庫。使用 <canvas> 標籤實現簡潔的HTML5圖表。 |
支持全部現代瀏覽器,並針對IE7/8提供了降級替代方案。簡單、靈活,不依賴任何外部工具庫,輕量(壓縮後僅有4.5k) |
32037 |
移動端開發 |
VasSonic github.com/Tencent/Vas… |
VasSonic是一個輕量級、高性能的Hybrid框架,專一於提高頁面首屏加載速度,支持靜態直出和動態直出頁面,兼容離線包等方案。由騰訊團隊開源,目前已普遍應用於手Q等內部應用。 |
該框架能作到智能地對頁面內容進行動態緩存和增量更新,減小對網絡的依賴和數據傳輸的大小,大大提高H5頁面的加載速度,讓H5頁面的體驗更加接近原生,提高用戶體驗及用戶留存率 |
5173 |
視頻播放器 |
video.js github.com/videojs/vid… |
Video.js是一個基於HTML5的網絡視頻播放器。 它支持HTML5和其餘視頻格式。 臺式機和移動設備上的視頻播放都有很好的兼容性。 |
該項目已被超過40萬個網站使用,是目前最流行的H5視頻播放器技術之一 |
17463 |
瀏覽器 |
puppeteer github.com/GoogleChrom… |
Puppeteer是一個node庫,它提供一組用來操縱Chrome的API(默認是headless即無UI的chrome,也可配置爲有UI) 有點相似於PhantomJS,由Chrome官方團隊進行維護 |
使用Puppeteer,至關於同時具備操做系統和Chrome的能力,應用場景會很是多。就爬蟲領域來講,遠比通常的爬蟲工具功能更豐富。也能很好的應用在性能分析、自動化測試等其餘領域 |
12233 |
第二期(2017-08-25)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
動畫效果 |
產品使用分步引導動畫效果庫:Intro.js github.com/usablica/in… |
爲網站和項目提供分步指導新功能介紹的好方法 |
不錯的使用分步引導效果實現方案,幫助用戶更容易的上手產品新功能 |
15674 |
通用工具 |
可視化html編輯器 ORY Editor github.com/ory/editor |
一個高度可定製的HTML內容編輯器,基於 Slate.js, React和Redux開發 |
可拖拽的編輯操做體驗,對移動端很友好 |
5815 |
性能優化 |
PWA相關:Lighthouse github.com/GoogleChrom… |
一個自動化工具,用於改進網絡應用的質量。提供一個要審查的網址,它將針對此頁面運行一連串的測試,生成一個有關頁面性能的報告。Lighthouse 目前很是關注 PWA 功能,如「添加到主屏幕」和離線支持,以針對網絡應用質量的各個方面提供端到端審查。 |
PWA技術的最佳實踐項目之一;對提高頁面性能頗有幫助。 |
10224 |
客戶端開發 |
yoga github.com/facebook/yo… |
一個客戶端開發的跨平臺佈局引擎,由facebook開源。支持 android,ios等平臺,容許使用開發者最熟悉的語言進行佈局開發,如java,C#,Objective-C,C等。同時也支持React Native開發。 |
客戶端佈局開發利器,支持多個平臺和語言。 |
8207 |
加強現實 |
AR.js github.com/jeromeetien… |
基於web提供加強現實的解決方案,它很是快,在手機上運行也能夠達到60fps。完整的基於three.js+jsartoolkit5,適用於任何手機上的WebGL和WebRTC技術。 |
WebAR技術的一種實現方案,能很快的實現性能不錯的AR交互。 |
4279 |
第一期 (2017-08-18)
分類 |
項目名稱與地址 |
項目簡介 |
推薦理由 |
star數 |
性能優化 |
React服務端渲染 next.js github.com/zeit/next.j… |
一個輕量的提供React應用服務器端渲染的框架,支持自動代碼拆分等特性。 |
能很好的提高頁面加載與渲染速度。 |
16334 |
編程基礎 |
learn-regex github.com/zeeshanu/le… |
幫助開發者更容易的學習正則表達式。 |
其中提供了一個快速檢測(各類語言)正則表達式匹配的網站:regex101.com/ 使用起來很方便 |
10559 |
通用工具 |
RAP github.com/thx/RAP |
Web接口管理工具,開源免費,接口自動化,MOCK數據自動生成,自動化測試,企業級管理。阿里媽媽MUX團隊出品。 |
數據接口模擬,管理,自動化測試神器。 |
5889 |
客戶端開發 |
Electron github.com/electron/el… |
GitHub開發的一個開源框架,它使用Node.js和Chromium,能經過html,css,js等技術完成跨平臺桌面應用的開發。 |
目前有不少知名的桌面客戶端應用都在使用electron進行開發,如:slack,vscode等 |
49258 |
網絡安全 |
Awesome-Hacking github.com/Hack-with-G… |
最近比較火的一個Awesome系列,收集了hack,安全研究方面的一些技術與學習資料,包括 Web,服務端,Android,ios,物聯網等各類安全領域的資源。 |
很全的安全攻防資源整理,各個領域的開發者都能從中獲得收穫。 |
15979 |
人工智能 |
deeplearn.js github.com/PAIR-code/d… |
瀏覽器端機器智能框架,由 Google開發,是一款基於硬件加速的開源 JavaScript 庫,可被用在機器智能領域。 |
該庫將高性能的機器學習構建模塊引入到 web 開發領域。 |
2291 |
(注:文中項目star數以整理當天爲準)react