前端学习路线

计算机基础

• 互联网运行原理
• HTTP/HTTPS
  • HTTP 状态码
  • HTTPS 加密相关
• DNS 原理
• CDN 原理

浏览器

浏览器：IE，Chrome，Safari，Firefox，以及 APP 内嵌 WebView

• 浏览器如何运行
• 各个浏览器差异/兼容性
  • 支持 API 差异
  • CSS 样式相关差异

编译器

• VS code（推荐使用）
• Hbuilder （使用 uni-aap 开发）

HTML

• 常见表单，标签
• H5 新增内容

CSS

• 布局
• 基本语法
• 盒子布局
• CSS3 新增内容
• flex 布局
• CSS 预处理-Sass 等等

JavaScript

• 基本语法
• DOM&BOM
• JQuery&Ajax
• ES6 以及最新的 ES6+相关

版本管理工具

• git
  • github
  • 基本命令
• svn

Node

• npm/yarn

构建工具

• npm script

• webpack

• vite

框架

• Vue
  • Vuex
  • Vue-router
  • Nuxt.js(SSR)
• React
  • Redux
  • React-router

组件 UI

• vant
• element-ui
• Material UI

CSS 优化方案

• CSS Modules
• Styled Component

数据可视化

• Echarts

TypeScript

小程序

• 微信/支付宝/头条百度
• uniapp/Taro

桌面应用

• Electron