前端进阶学习之路学习

学习目标:

  • 掌握前端基本功 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

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(更新中)

上一篇:使用Typescript+React hooks实现滑动点赞的组件


下一篇:hooks 与 animejs