Web前端需要学习些什么？Web前端知识大汇总。

• 熟悉编辑器(Vscode/Webstorm)、终端、Git、Github、Markdown的用法

第二阶段

• 了解浏览器历史、HTML/CSS/JavaScript历史
• 了解Doctype概念
• 掌握常见标签的使用，掌握HTML5新增标签和新增表单类型，掌握常见属性的使用
• 掌握CSS选择器种类、权重、样式继承的概念、掌握伪类、伪元素的用法、掌握常见样式的写法如宽、高、内外边距、边框、背景/色、阴影、圆角、渐变、transition、translate
• 掌握盒模型的概念，两种盒模型的区别
• 浮动的原理、作用、清除浮动的方法
• 定位的种类、用法（参考点）
• 层叠上下文的概念
• BFC的理解与应用
• 居中的多种方法
• flex布局的用法
• grid布局的用法
• border画三角、阴影做效果、字体图标、svg图标
• 浏览器兼容

第三阶段

• 数据类型
• 运算符、表达式、运算符优先级
• 循环语句、流程控制语句、异常处理
• 函数、箭头函数、IIFE
• 字符串操作
• 数组ES5方法、类数组对象转数组
• Math与Date
• 正则表达式
• 引用类型与基础类型
• 解构赋值
• Symbol、Set与Map
• 定时器与异步
• 对象、原型、原型链、继承
• this详解
• Class、Class继承
• DOM的遍历、修改、创建、移位、删除
• 属性的添加、修改
• 事件模型、传播机制、冒泡、代理
• 实现动画 requestAnimationFrame 、class切换+CSS3过渡、CSS3动画

第四阶段

• 原生js实现常见的效果和组件，如轮播、Tab选项卡、懒加载、手风琴等，增加js熟练度

第五阶段

• Ajax、封装ajax、Mock数据、跨域的几种方法jsonp、cors等
• Promise、async/await用法

第六阶段

• 了解HTTP报文、状态码、Cookie、Session
• 掌握缓存策略
• 了解CSRF、XSS等

第七阶段

• 学习Node.js入门、了解NPM、CommonJS规范
• Webpack使用，Webpack插件/Loader实现（进阶）
• 会使用ES6 Module、了解Babel、Sass

第八阶段 学习使用框架（React/Vue）

• 根据文档学习React/Vue的使用，React重点学习Hooks的用法
• create-react-app 或者 vue-cli 搭建项目
• 学习框架全家桶的使用 Vuex/VueRouter/ElementUI 或者 Mobx/ReactRouter/Antd
• 做一到两个框架全家桶的项目

第九阶段 深入知识原理和框架

• 浏览器运行原理
• 性能优化手段
• 事件循环任务队列、宏任务微任务
• 防抖与节流
• 作用域链与闭包
• 手写快排
• 手写发布订阅
• 手写Promise
• 封装Axios
• 理解Diff算法
• 理解React fiber
• 手写React
• 手写React Hooks
• 手写Vue
• x万数据虚拟长列表
• 编译器大致原理
• ......