31 个前端开发学习主题,助您提升代码质量

2025-05-28

31 个前端开发学习主题,助您提升代码质量

如果你在前端开发方面投入了大量时间,你就会知道 HTML、CSS 和 JavaScript 的世界有多广阔。在过去的九个月里,我与几位不同的前端开发人员交流后,整理出了这份主题清单。其中一些主题也来自我过去三年担任全职前端工程师的亲身经历。

这份清单(无先后顺序)现在可能让人有点望而生畏,但我仍然保持乐观,相信自己能够不断增长对每个主题的知识,并希望在实际使用时能够牢牢记住它们。其实,我今天在工作中突然感到一阵冒名顶替综合症,之后就决定创建这份清单了。现在,我迫不及待地想继续深入研究每个主题!

  1. 文档对象模型 (DOM) 和 CSS 对象模型 (CSSOM)
  2. JavaScript 事件循环、Promises、Asyc/Await
  3. CSSposition属性
  4. CSS 弹性框布局
  5. HTML 角色
  6. 需要始终检查的常见可访问性问题
  7. 单元和集成测试(Jest、Mocha、Chai、Cypress、Axe-Core)
  8. 形式actiontarget属性
  9. JavaScript 设计模式
  10. 闭包和 Thunk
  11. CSS 变量和预处理器
  12. JavaScript 作为静态类型语言(TypeScript)
  13. JavaScript 中的可变类型和不可变类型
  14. JavaScript 按引用传递/按值传递
  15. JSON 数据、JSON-LD、JSON 模式和 UI 模式
  16. HTML 元标记(特别是视口)
  17. 页面缩放的不同方式以及如何优化
  18. 前端框架(React、Vue、Angular)
  19. HTML 模板(Handlebars、EJS)
  20. Webpack / Babel
  21. Git、版本控制和变基
  22. Jenkins、Docker、持续集成
  23. 缓存
  24. CSS 方法论(例如 BEM)
  25. JavaScript数组方法.sort(),,,.filter().map().reduce()
  26. JavaScript对象方法:.keys(),,.entries().values()
  27. 前端性能优化和速度
  28. CSS 特殊性和继承
  29. 状态管理(即 Redux)
  30. 语义HTML
  31. 与 RESTful API 通信

如果您有任何关于添加更多主题的建议,欢迎在下方留言。此外,欢迎在 Twitter 上关注我 @Contimporary,关注我成为高级开发人员的历程!

文章来源:https://dev.to/twinfred/28-front-end-development-study-topics-to-improve-your-code-quality-3mh9
PREV
JavaScript 中的设计模式
NEXT
使用 React Hooks 构建视频聊天