Web前端知识体系构建

前言： 目前感觉个人的前端知识体系过于零散，所以打算写两篇文章分别建立自己的思维导图以及总结开发遇到的问题。这里仅记录个人构建的前端知识体系中已掌握的点以及当前学习目标，不打算详细介绍各知识点，只记录相关知识点的链接文档方便自己以后查看。 体系目录的构建参考了 2020年你需要了解的前端知识体系 还在迷茫于前端如何入门和进阶？万字指南让你不再迷茫！

常用网站

• 网道 阮一峰老师开源项目，适合作为web入门学习html、es5和es6
• MDN 全面学习web开发的网站
• Google Web教程 了解浏览器使用以更好地提升性能

---

类库框架

工具/UI库

• jQuery
• lodash
• moment
• Element UI

框架

• Vue
  • Vuex 状态管理
  • Vue-router 路由管理
  • Vue-cli 脚手架

---

知识进阶

网络通信

性能

安全

浏览器

• IE6/7/8/9/10/11 (Trident)
• Edge (EdgeHTML)
• Firefox (Gecko)
• Chrome/Chromium (Blink)
• Safari (WebKit)
• Opera (Blink)
• can i use 可以查询各浏览器对语法的支持

可视化

• Canvas
  • Echarts
  • HighCharts

---

计算机基础

---

工程开发

模块化

版本管理

• git
  • git教程 廖雪峰老师的git教程
  • github
  • gitlab
  • 码云
• svn

依赖管理

• npm

语言增强

• Scss 强化 CSS 的辅助工具

构建工具

• Webpack
  • 深入浅出Webpack

转换器

• Babel

CI/CD

代码质量

---

编程思想

设计模式

架构模式

编程范式

程序设计

---

开发软件

• Visual Studio 编辑器
• Chrome DevTools 调试工具
• PhotoShop 切图工具

---

计划中

• Ant-design-vue
• TypeScript
• 服务端渲染SSR\微服务\大前端\serverless\webassembly\less code