前端进阶学习之路

学习目标：

• 掌握前端基本功 HTML、Css 、Sass 、JavaScript
• 掌握前端框架 Vue2x、Vue3、React
• 掌握前后端交互 Node.js、MySql
• 移动端
• 小程序

---

学习内容：

1. HTML
2. CSS
3. JavaScript
4. Git
5. Vue 
6. React
7. Node
8. MySql
9. 移动端
10. 小程序

---

HTML

1. HTML 标签
2. 更新中

JavaScript

1. JavaScript运行机制
2. JavaScript 变量
3. JavaScript检测属性
4. JavaScript深浅拷贝
5. JavaScript call-apply-bind三者区别与介绍
6. 更新中

CSS

1. css 弹性布局flex介绍
2. css 垂直水平居中解决方案（6种）
3. css 定位介绍
4. CSS 动画介绍
5. CSS 浮动介绍
6. css 盒子模型介绍
7. CSS选择器介绍
8. css 左右固定中间自适应
9. CSS Gird布局用法
10. sass使用教程
11. 更新中

Vue2x

1. 不使用vue-cli 创建组件
2. vue事件修饰器
3. vue 过滤器
4. vue页面数据变化不渲染页面
5. Vue 指令
6. vue组件通信
7. vue卡槽
8. Vue中的watch与computed
9. VUE 生命周期
10. vue中keep-alive的使用及详解
11. vue中is的作用和用法
12. vue中使用vuex(超详细)
13. vue-router 基本使用
14. vue-uses的使用和详解
15. 更新中

vue3

1. Setup
2. ref 
3. reactive 
4. readonly 
5. toRefs  
6. toRef  
7. computed计算属性  
8. watch  
9. watchEffect  
10. 生命周期函数 
11. provide与inject 
12. 使用ref获取dom元素 
13. vuex使用介绍 
14. 动画
15. 更新中

React

1. 创建组件
2. ref的3种方式
3. props
4. setState使用与深入理解
5. Component与PureComponent区别
6. 生命周期
7. 创建上下文（createContext）使用（超详细）
8. 异步组件加载lazy与Suspense
9. 组件渲染控制
10. Hooks-useState()用法
11. Hooks-useEffect()用法
12. Hooks-useContext()用法
13. Hooks-useMemo()用法
14. Hooks-useRef()用法
15. react-transition-group使用介绍
16. react-router-dom使用
17. Redux
18. 更新中

移动端(更新中)

小程序(更新中)

Node(更新中)

Mysql(更新中)