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 后端服务开发
  • 设计模式与编程**的学习
  • 软技能:如何寻找问题的解决办法?(百度?)
  • 软技能:主动学习的方法与能力培养?(笔记、社区?)
  • 软技能:团队协作/沟通能力提升(文档、学习后端/服务器等其他知识等,减少沟通壁垒与障碍、技术委员会定期分享评审?)
  • 如何关注行业动态,前沿技术,社区发展?

参考链接