入門必備

• developer-roadmap： 超級全的2020年前端學習路線

• freeCodeCamp： 一步一步在線引導學習, 有很多開源的課程和代碼

職場必備

• front-end-interview-handbook: 完善的前端面試手冊

開發必備

• lodash: 前端工具庫, 為我們提供了很多模塊化、高性能的操作方法。 常用的如_.throttleand_.debounce （限流和防抖）,可用于防止按鈕的重復提交、滾動限流等場景

• Immutable: 詳細可參考這里

Facebook 工程師 Lee Byron 花費 3 年時間打造，與 React 同期出現，但沒有被默認放到 React 工具集里（React 提供了簡化的 Helper）。它內部實現了一套完整的 Persistent Data Structure，還有很多易用的數據類型。像 Collection、List、Map、Set、Record、Seq。有非常全面的map、filter、groupBy、reduce``find函數式操作方法。同時 API 也盡量與 Object 或 Array 類似。

• number-precision： 可以有效的避免原生js操作加減乘除時產生的問題

進階必備

• javascript-algorithm: 用JavaScript實現的算法和數據結構，并帶有解釋和進一步閱讀的鏈接

• 30-seconds-of-code: 30秒就能看懂的js片段, 可在日常開發中使用

• nodebestpractices ：Node.js最佳實踐中排名最高的內容的總結和分享

圖形創作

基于WebGL的技術,封裝衍生出的各種優秀的圖形操作庫

• three.js: 3D特效庫, 可以做VR全景等

• pixijs: HTML5創建引擎, 使用最快，最靈活的2D WebGL渲染器創建精美的數字內容

• phaser： Phaser是一個有趣，免費且快速的2D游戲框架，用于為桌面和移動Web瀏覽器制作HTML5游戲，支持Canvas和WebGL渲染

• cytoscape： 圖形分析及可視化庫

Vue 框架

• Quasar: 令人驚艷, 組件非常豐富, 代碼很規范，文檔也很全, 對標element

交互效果

• Locomotive: 通過檢測視口中元素產生具有視差效果的平滑滾動

也就是滾動動畫加載效果

• animate: 純css的動畫庫

• animejs: 優秀的js動畫引擎

• Hover： 鼠標懸浮效果

• scrollrevealjs： 元素滾動時的動畫效果處理庫

• popmotion： 通過簡單的js操作,構建令人愉悅的UI界面

• reveal.js ： 交互式PPT

• impress.js : 類似于 reveal.js

微服務

• 乾坤： 快速，簡單，完整的微型前端解決方案

工具

• Luckysheet： 在線excel編輯

• Hoppscotch： 一個免費，快速，美觀的API請求構建器，供10萬多個開發人員使用

機器學習

• netron: Netron是神經網絡，深度學習和機器學習模型的查看者

Electron

• PicGo： 由vue-cli-electron-builder構建的簡單美觀的圖片上傳工具

Puppeteer

• headless-recorder: 瀏覽器中操作, 生成puppeteer腳本

Markdown

• notable: 基于md的筆記本

總結

以上是生活随笔為你收集整理的乾坤 微前端_前端优秀资源整理(持续更新~)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。