前端开发工作内容，最佳实践React性能优化

3）javascript初阶

• 变量和运算符
• 逻辑控制
• 数据类型基础
• Math类
• 函数
• 定时器
• Array类
• String类
• Date类
• Object类

4）JavaScript进阶

• JavaScript DOM基础
• this
• 事件
• 事件流
• JavaScript BOM 基础
• call&apply&bind
• 自定义属性
• 面向对象编程

5）ES6/7/8/9

• ECMAScript6简介
• let和const
• ES6+的作用域
• 对象的扩展
• 函数的扩展
• 字符串的扩展
• Symbol
• Set&Map
• Promise对象
• async&awiat
• 箭头函数
• 模板字符串
• rest参数
• Class
• Module模块

6）JavaScript高阶

• 闭包
• 立即执行函数
• 惰性函数
• 插件开发
• 多人协作
• 深复制与浅复制
• 数组扁平化
• 递归
• 正则表达式全解
• 函数防抖
• 函数节流

7）HTML5

• HTML5简介
• HTML5新语法
• HTML5新语义化标签
• HTML5新表单元素属性
• HTML5手机端新事件处理
• HTML5新增多媒体实战
• Canvas
• HTML5地理组件GeoLocation

8）CSS3

• CSS3新增属性
• 圆角制作企业级方案
• CSS3背景属性
• 过渡动画 transition
• 变化属性 transform
• 特效轮播图实战
• 企业级flex布局实战
• grid布局实战

03、第三个阶段，前端核心技术

1）bootstrap

• 响应式
• 媒体查询
• 栅格系统
• 栅格参数
• 组合模式
• 列偏移/列排序/自动列
• 列对齐/列嵌套
• 文本与颜色
• 按钮
• 导航
• 图文混排
• 模态框
• 轮播图
• 企业级案例讲解

2）移动端

• 移动端简介
• 移动端视口约束
• 移动端flex移动端实践
• rem
• vw

3）Ajax

• AJAX简介
• AJAX作用
• 封装AJAX
• 创建XMLhttpRquest对象
• 同步和异步
• AJAX分页

4）jQuery

• jQuery介绍
• jQuery链式语法
• jQuery选择器
• jQuery核心
• jQuery工具
• jQuery事件
• jQuery事件对象
• jQuery特效
• jQuery回调函数
• jQuery文档处理
• jQuery筛选
• jQuery属性
• jQueryCSS

5）Echarts

• Echarts概述
• Echarts使用
• 坐标系
• 雷达图/饼状图/折线图

04、第四个阶段，前端进阶升级

1）Webpack

• Webpack的安装和使用
• 项目模块打包
• 静态打包模块器
• Webpack入口
• Webpack输出
• Webpack插件
• webpack模块

2）vue

• Vue使用
• Vue响应式
• Vue双向数据绑定
• Vue相关指令
• vue-resource
• axios
• template选项
• Vue生命周期
• Vue组件
• 自定义指令
• 过滤器
• computed属性
• Vue-cli 2.x和3.x 脚手架配置
• Vue-router
• Vuex
• Element UI

3）微信小程序

• uni-app
• mpvue
• 微信小程序注册
• APPID申请
• 生命周期
• 小程序调试
• 微信小程序框架组件
• 微信小程序布局框架
• 微信小程序条件渲染和列表渲染
• 媒体组件audio
• 视图容器
• 网络api
• 相机api
• 地图api

4）数据结构和算法

• uniapp基础
• uniapp初始化配置
• uniapp视图模板使用
• uniapp生命周期
• uniapp路由跳转
• uniapp常用组件
• uniappScrollView的使用
• uniapp-ui使用
• uniapp-Vuex使用