share

web-share

前端技术讨论分享

前端知识分享路线

1. 工欲善其事，必先利其器。

前端开发的工具、库等特别杂，开发者不需要学会所有的工具，工具的目的无非是提升效能。所以开发者只需要找到属于自己的“武器库”即可。

• 计算机基础与编程基础！
• 编辑器的使用、优化
• Git 的使用，规范。
• Node的使用、版本控制(nvm)、常用配置、相关工具插件(nrm、pm2、nodemon等)。
• 前端包管理、脚手架
• 前端常用开发工具(抓包、浏览器插件、接口测试、性能监控(网站、代码)等)
• 前端埋点、错误监控
• 团队工具化建设

2. 基础知识&开发规范&代码质量管控(EsLint/Prettier/Husky等)

从最基础的 HTML/CSS/JS 入手，延伸到 Vue/React/Node 等，举例说明一些常用的规范、问题（开发标准与规范制度要一起落地）。也可以介绍一些代码开发上的心得，比如通过学习 Vue/React 的原理提出一些代码开发上的一些隐藏性问题（数据监听、路由跳转/刷新等）。

3. 浏览器基础&网络/通信&前端性能/安全

介绍分享：浏览器原理、JS引擎、浏览器兼容性、网络通信与开发环境建立等、前端的优化（性能、网络、安全、代码效率）

4. 前端工程化开发

介绍了解模块化开发(es/commonjs/umd等)、构建工具(webpack/vite/rollup等)、自动化测试、CI/CD、自动化脚本、Mock 数据等

5. 前端进阶知识分享

• 前端缓存
• SVG 的使用与优化
• Sass/Less、UI 框架选择
• TypeScript
• MarkDown 介绍，会写 Markdown 的人很多，但写得好 Markdown 的人却很少？
• 优雅的编写前端文档（写文档简单、写好文档难）如何让后续的开发者快速上手项目？
• 前端项目的结构设计（目录、状态管理、组件抽离思路等）
• 响应式设计与设计规范、基础
• 小程序、H5
• 数据交互和API调用设计
• 前端动画和交互、数据可视化设计、WebGL、Canvas、3D动画等
• 前端国际化 i18n
• 服务器端渲染（SSR）和静态网站生成（SSG）
• 函数式编程、响应式编程、函数柯里化
• pnpm、turbo、rxjs、sigi、monorepo
• 大前端/跨平台的发展方向(Flutter/Electron/Wails等)
• Node 后端服务开发
• 设计模式与编程思想的学习
• 软技能：如何寻找问题的解决办法？（百度？）
• 软技能：主动学习的方法与能力培养？（笔记、社区？）
• 软技能：团队协作/沟通能力提升（文档、学习后端/服务器等其他知识等，减少沟通壁垒与障碍、技术委员会定期分享评审？）
• 如何关注行业动态，前沿技术，社区发展？

参考链接

• https://github.com/ascoders/weekly
• https://github.com/heicx/FE-Article
• https://github.com/SunLn/SunLn-F2E-Bookmarks
• https://github.com/coffe1891/frontend-hard-mode-interview 牛逼
• https://lruihao.cn
• https://a.biugle.cn/
• https://web-docs.biugle.cn