万字前端效率大提速系列 🚀 ：前言+目录

笔者从事前端开发五年，发现每个初中级前端小伙伴的知识都比较零散，在这里把兜箱底的知识汇总一下。知识会围绕“知道哪些，我能做的更快，我为什么要知道这些”而不是大而全的知识字典，希望大家能多摸鱼，早回家。

可能有60% ~ 90%的知识是大家很熟悉的，我会把大纲列的细一点，大家尽可以挑感兴趣的阅读，做一个知识补全。

目录

• 一、通用能力

  • 英语能力
  • 数学能力
  • 产品、设计能力
  • 产品、设计工具
  • 图片相关知识
  • 打代码通用思想
  • 团队协作能力

• 二、HTML、CSS、JavaScript

  • HTML：SSR、复用、emmet
  • CSS：变量、样式继承、布局技巧、模块化
  • JavaScript

• 三、从React和Vue相互有什么优缺点说起

  • 超常见面试题：React和Vue相互有什么优缺点？
  • React常用代码技巧
  • Vue常用代码技巧
  • 新起一个项目应该考虑哪些问题？
  • 组件封装技巧

• 四、前端编辑器、调试工具使用技巧

  • VSCode
  • Chorme DevTools
  • Charles

• 五、前端应具备的NodeJS知识及常用工具

  • 应用场景
  • Webpack
  • 依赖管理：npm、cnpm、yarn、pnpm

• 六、前端需要了解的后端知识、计算机网络知识及衍生面试题

  • 面试题：从输入 URL 到展示页面经过了哪些步骤？
  • 上面步骤中衍生的面试题
  • 后端在 Web 应用中通常负责什么?

• 七、前端需要了解的后端常用工具

  • MySQL
  • Sequel Ace
  • postman
  • redis

• 八、前端需要了解的运维部署工具

  • docker
  • nginx
  • jenkins

• 九、Git、Shell 的基础知识和工作实践

  • Git
  • Shell

• 十、前端错误监控、数据监控专题

  • 前端监控系统的组成
  • 如何收集监控数据
  • 如何过滤、展示监控数据
  • 自动化监控
  • 支持优雅系统降级

• 十一、前端性能优化专题

  • 哪些环节可以性能优化？
  • 查看网页性能的方法
  • 具体如何优化

• 十二、测试驱动开发（TDD）和编码习惯漫谈

  • 学习测试驱动开发有什么好处？
  • 团队实践
  • 在前端应用的实践
  • 在后端应用的实践
  • 养成良好的编码习惯