乾坤 微前端_前端优秀资源整理(持续更新~)

入门必备

• 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的笔记本