前端学习大纲

前端学习大纲加粗样式

入门准备

• 浏览器、编辑器、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