个人大前端学习路线，每日打卡学习

第一阶段

前端基础(样式+布局+DIV+Js+Ts+Jq+ES6~+)

HTML基础阶段

1. 基本的标签和属性
2. HTML5新标签和属性

CSS基础阶段

1. 样式的编写、设计
2. 选择器
3. 盒子模型
4. BFC
5. 定位、 浮动
6. CSS3新特性
   Ⅰ. 过渡、动画
   Ⅱ. 2D、3D转发
   Ⅲ、边角、圆角
   Ⅳ、背景、渐变
7. Less、Scss

DIV布局

1. 盒子模型
2. 弹性布局
3. Flex布局
4. 双飞翼布局

表单验证

音频视频的基本操作

1. video
2. audio

Canvas画布

移动端与响应式布局

移动端

1. 移动端概念
2. ViewPort视口
3. 移动端配置方案
4. 移动端尺寸单位

响应式布局

1. 媒体查询（@media）
2. 百分比布局
3. vw/vh
4. rem
5. flex弹性布局

bootStrap

1. bootStrop的栅格布局和使用

JS(javaScript)

1. 字符串
2. 数组
3. 流程控制语句
4. 内置对象
5. 函数、事件
6. 变量、作用域
7. DOM、BOM
8. 面向对象的知识
9. 正则表达式
10. AJax、axios
11. 闭包、设计模式、错误处理

ES6\7\8\9

1. 变量、常量
2. 箭头函数
3. 模板字符串
4. 解构赋值
   Ⅰ. 数组
   Ⅱ. 对象结构
   Ⅲ. 赋值结构
5. 扩展
   Ⅰ. 对象
   Ⅱ. 数组
   Ⅲ. 函数扩展
6. promise异步编程
7. Class类
8. 接口的制作和调用

TS(typeScript)

web存储

1. cookie
2. localstorage
3. sessionststorage

Jquery

1. jQuery的基础语法
2. jQuery的方法
3. jQuery的Ajax和cookie

第二阶段（框架）

VUE（2*、3*）

1. Vue组件
2. 生命周期
3. 数据绑定
4. 事件处理器
5. 脚手架、单个组件
6. vue-router路由
7. vuex状态管理
8. nuxt服务端渲染
9. UI组件的学习ElementUI、antdesign等

React

1. 环境的搭建
2. 虚拟DOM的了解
3. JSX语法
4. 事件绑定
5. 生命周期
6. 组件编写
7. Redux
8. HOOKS
9. UI组件的使用Ant Design等

微信小程序开发

1. 环境的搭建
2. API的使用
3. 数据绑定
4. 组件和生命周期
5. 路由和事件
6. wepay开发框架
7. wpVue开发框架

Uniapp

1. 初始化配置
2. 生命周期、视图模板
3. 路由、组件等

angular

Electron

第三阶段（必备知识）

Webpack

1. 入口和出口
2. 服务器和热更新
3. 资源打包（css、HTML、图片、字体等）

NodeJS

1. 基本服务器搭建
2. npm包使用

数据库

1. mysql的增删改查
2. mongodb的增删改查
3. Oracle的增删改查

GIT和GIThub

1. Git的安装和创建本地仓库
2. 代码推送、更新、管理、回退、删除、撤销等
3. 分支的管理
4. Github的使用

需涉猎的内容（插件）

增加性能的插件

优化组件的插件

photoShop的使用

1. 基本的切图操作
2. 设计图
   每天学习打卡做笔记