javascript个人学习总结：包括数据结构与算法，前端工程化等方面，助你快速入门

# Web 手机调试： ```javascript <script src="https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/2.5.1/vconsole.min.js"></script> ``` ### 协作规范 - [中文技术文档协作规范](https://github.com/ruanyf/document-style-guide)(阮一峰) - [Javascript编程风格](http://www.ruanyifeng.com/blog/2012/04/javascript_programming_style.html) - [凹凸实验室前端代码规范](https://guide.aotu.io/docs/) - [vuejs风格指南](https://cn.vuejs.org/v2/style-guide/) - [代码安全指南](https://github.com/Tencent/secguide) ### 组件库与工具 - [zarm 基于react移动端组件库](https://zarm.design/#/) - [antd-design 基于react pc端组件库](https://ant.design/docs/react/introduce-cn) ### 数据结构与算法 - [用JavaScript实现的算法和数据结构](http://conardli.top/docs/) - [labuladong的算法小抄](https://labuladong.gitbook.io/algo/) - [YaxeZhang/Just-Code](https://github.com/YaxeZhang/Just-Code) - [LeetCode 算法题刷题心得（JavaScript）](https://www.jianshu.com/p/8876704ea9c8) - [doocs/leetcode](https://github.com/doocs/leetcode) ### Event Loop - [这一次，彻底弄懂 JavaScript - 执行机制](https://juejin.im/post/59e85eebf265da430d571f89) - [一次弄懂Event Loop（彻底解决此类面试问题)](https://juejin.im/post/5c3d8956e51d4511dc72c200) - [浏览器与Node的事件循环(Event Loop)有何区别?](https://juejin.im/post/5c337ae06fb9a049bc4cd218) - [笔试题——JavaScript事件循环机制（event loop、macrotask、microtask）](https://juejin.im/post/5bac87b6f265da0a906f78d8) ### 异步编程 - [理解 JavaScript 的 async/await](https://segmentfault.com/a/1190000007535316) - [JavaScript异步编程](https://www.ahwgs.cn/javascriptyibubiancheng.html) - [9k字 | Promise/async/Generator实现原理解析](https://juejin.im/post/5e3b9ae26fb9a07ca714a5cc) ### CSS - [CSS Inspiration -- CSS灵感](https://chokcoco.github.io/CSS-Inspiration/#/) - [animate.css CSS动画库](https://github.com/daneden/animate.css) - [30 Seconds of CSS](https://30-seconds.github.io/30-seconds-of-css) - [chokcoco CSS3奇思妙想，单标签实现各类图形](https://github.com/chokcoco/magicCss) - [Web图片资源的加载与渲染时机](https://segmentfault.com/a/1190000010032501) ### Vue - [learnVue-深入学习vue源码](https://github.com/answershuto/learnVue) 5k star - [vue-cli3 项目从搭建优化到docker部署](https://juejin.im/post/5c4a6fcd518825469414e062) - [手摸手，带你用vue撸后台 系列五(v4.0新版本)](https://juejin.im/post/5c92ff94f265da6128275a85) - [vue 路由 按需 keep-alive](https://juejin.im/post/5cdcbae9e51d454759351d84) - [浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层](https://juejin.im/post/5b29c3bde51d45588d4d7110) - [vue-cli4-config](https://github.com/staven630/vue-cli4-config) - [VUE优秀UI组件库合集](https://shimo.im/doc/LkpdnWxM1j40BDJj/) - [实战技巧，Vue原来还可以这样写](https://juejin.im/post/5eef7799f265da02cd3b82fe) - [vue渲染器](http://hcysun.me/vue-design/zh/essence-of-comp.html) - [移动端最佳实践](https://github.com/mcuking/mobile-web-best-practice) - [Vue 源码解读](http://hcysun.me/vue-design/zh/) - [vite 资源插件列表](https://github.com/vitejs/awesome-vite) - [Vue3.0学习教程与实战案例](https://vue3.chengpeiquan.com/) ### React - [译 以面试官的角度来看 React 工作面试](https://juejin.im/post/5bca74cfe51d450e9163351b) - [扔掉Create React App，打造你自己的React生成工具！](https://mp.weixin.qq.com/s/76007EbaArO8tp2Lzb6dVA) - [知乎-虹晨-你真的理解setState吗？](https://zhuanlan.zhihu.com/p/39512941) - [聊一聊 React 中更新 ui 视图的几种方式](https://zhuanlan.zhihu.com/p/46140569) - [React Interview Questions & Answers](https://github.com/ahwgs/reactjs-interview-questions) - [React源码解析-react.jokcy.me](https://react.jokcy.me/) - [Redux 中文文档](http://cn.redux.js.org/) - [!!!React小书](http://huziketang.mangojuice.top/books/react/) - [如何管理好10万行代码的前端单页面应用](https://juejin.im/post/59cb0d0b5188257e876a2d27) - [一篇看懂 React Hooks](https://github.com/ascoders/blog/issues/29) - [这可能是最通俗的 React Fiber(时间分片) 打开方式](https://juejin.im/post/5dadc6045188255a270a0f85) - [2019年了，整理了N个实用案例帮你快速迁移到React Hooks(收藏慢慢看系列)](https://juejin.im/post/5d594ea5518825041301bbcb) - [react-use](https://streamich.github.io/react-use/?path=/story/components-usekey--demo) - [alibaba/hooks](https://github.com/alibaba/hooks) ### Electron - [Electron构建跨平台应用Mac/Windows/Linux](https://juejin.im/post/5c46ab47e51d45522b4f55b1) - [用JS开发跨平台桌面应用，从原理到实践](https://juejin.im/post/5cfd2ec7e51d45554877a59f) ### 前端工程化 - [webpack 插件总结归类](https://juejin.im/post/5bd2d2315188252734475575) - [干货！撸一个webpack插件(内含tapable详解+webpack流程)](https://juejin.im/post/5beb8875e51d455e5c4dd83f) - [深入浅出 Webpack](http://webpack.wuhaolin.cn/) - [搜罗一切webpack的好文章好工具](https://github.com/webpack-china/awesome-webpack-cn) - [玩转webpack](https://time.geekbang.org/course/intro/100028901) - [那些花儿，从零构建Vue工程(webpack4 Eslint git hooks...)](https://juejin.im/post/5c4a69a1f265da61163a1e5f) - [掘金站内 webpack 优秀文章汇总](https://juejin.im/post/5dbe64a3e51d455c042006ed) - [Webpack 4 配置最佳实践](https://juejin.im/post/5b304f1f51882574c72f19b0) - [webpack4 的30个步骤打造优化到极致的 react 开发环境，如约而至](https://juejin.im/post/5cfe4b13f265da1bb13f26a8) - [从零实现webpack热更新HMR](https://juejin.im/post/5df36ffd518825124d6c1765) - [Webpack HMR 原理解析](https://zhuanlan.zhihu.com/p/30669007) - [细说 webpack 之流程篇](https://fed.taobao.org/blog/2016/09/10/webpack-flow/) - [fe-workflow](https://github.com/luoxue-victor/fe-workflow) - [一个基于Rollup的打包](https://github.com/osdoc-dev/avenger) - [借助 Module Federation 让 webpack 提速十倍](https://mp.weixin.qq.com/s?__biz=MjM5NDgyODI4MQ==&mid=2247483732&idx=1&sn=6df4c4f1d8c2d2b40cd08517669bbaf6&chksm=a6809bc291f712d42631e0bc75f15e8b6df58519bc76cd1e5326a4d621aa3d5ef42fabd5f307&mpshare=1&scene=1&srcid=0903Shroi0M2xFmr37bposWn&sharer_sharetime=1621941899890&sharer_shareid=14fad19e80671b9c9d5fa85fa2f7351f#rd) - [三大应用场景调研，Webpack 新功能 Module Federation 深入解析](https://mp.weixin.qq.com/s?__biz=Mzg4MjE5OTI4Mw==&mid=2247484519&idx=1&sn=b8cfb39a0074b109a44ea7c3c19d8ac1&chksm=cf5b1bfbf82c92edc3521b43e6ebb010e3bca619cb4373c62288ee330557c95be8c3b4951d90&mpshare=1&scene=1&srcid=0525cPf0FKWDghsg5NqSHbrS&sharer_sharetime=1621941931825&sharer_shareid=14fad19e80671b9c9d5fa85fa2f7351f#rd) - [迈入现代 Web 开发（GMTC 2021 演讲《字节跳动的现代 Web 开发实践》全文）](https://mp.weixin.qq.com/s?__biz=MzkxNDIzNTg4MA==&mid=2247484407&idx=1&sn=c3706cdacefe4fd0ee372804ce53b4ce) ### TypeScript - [TypeScript中文网](https://www.tslang.cn/docs/handbook/basic-types.html) - [TypeScript入门教程 https://ts.xcatliu.com/](https://ts.xcatliu.com/) - [深入理解 TypeScript](https://jkchao.github.io/typescript-book-chinese/#why) - [TypeScript and React](https://fettblog.eu/typescript-react/) - [从零开始配置 TypeScript 项目](https://juejin.im/post/6856410900577026061) - [React+TypeScript 备忘单](https://github.com/typescript-cheatsheets/react) ### Flutter - [Dart中文社区](http://dart.goodev.org/) - [Flutter实战教程](https://book.flutterchina.club/) - [Flutter中文网](https://flutterchina.club/) - [6.9k star Flutter項目 GSYGithubAppFlutter](https://github.com/CarGuo/GSYGithubAppFlutter) - [Flutter完整开发实战详解](https://guoshuyu.cn/home/wx/) - [Flutter 最佳实践：Best-Flutter-UI-Templates](https://github.com/mitesh77/Best-Flutter-UI