前端学习大纲加粗样式
入门准备
- 浏览器、编辑器、git、nodejs的安装
- vscode或者webstorm的使用
- jsbin的使用
- chrome调试工具的使用
- git基本操作以及效能平台使用
HTML部分
- 浏览器、内核
- doctype
- meta常见类型
- HTML4/5常见标签
- 表单类标签使用
CSS3部分
- css选择器类型、权重计算
- 伪类与伪元素详解
- css常见样式
- 盒子模型
- 浮动、清除浮动的方法
- 定位种类、用法
- 水平居中与垂直居中
- flex布局
- css画三角形、字体图标、svg图标
JAVASCRIPT部分
- 基础语法、var、let、const
- 数据类型
- 运算符、表达式
- 循环语句、流程控制语句、异常处理
- 函数、箭头函数、IIFE
- 字符串操作、数组操作
- Math与Date
- 引用类型与基础类型
- 解构赋值
- 函数、数组、字符串、对象es6扩展
- Set与Map
- 定时器与异步
- 对象、原型、原型链、继承
- Class、Class继承
DOM、BOM
- DOM的遍历、修改、创建、移位、删除
- 事件模型、传播机制
- BOM之localstorage、Navigator常见用法
Ajax
- XMLHTTPRequest与fetch的使用
- axios的使用
- JSONP跨域
- CORS跨域
模块化与工程化
- Nodejs、npm、yarn
- webpack的使用
- sass和less
React技术栈
- JSX学习
- 组件和props
- state与生命周期
- 事件处理
- 组件通信
- 条件渲染
- 列表和key
- React Hooks
- React css方案
- React路由管理
- antd ui框架
- redux实现状态管理
JavaScript精进
- 浏览器运行原理
- 性能优化手段
- Promise的使用
- async/await
- 事件循环与任务队列
- 防抖与节流
- 作用域与闭包
- 柯里化
- 发布订阅模式
- 实现一个EventHub
- 实现一个Promise
|