鱼缸2022年想要学习的事项清单

系统地学习下Vue

• vue 书籍看完
• 弄清楚vue的render函数，在vue2和在vue3中的具体使用
• 弄清楚$attrs的用法
• 弄清楚 $listener的用法
• 吃透v-director 的用法，并封装一下数字滚动动画
• vue的transition的原理
• 弄清楚vue的路由（子路由和主路由，路由守卫，路由拦截、路由白名单）

学习js的string的所有的操作方法

学习js浅拷贝与深拷贝的区别，并手写深拷贝

学习插件的封装思想

• 学习吃透CountTo插件的源码
• 学习吃透vue-某滚动插件的源码

学习设计模式

• 简单的设计模式过一遍

学习新语言

系统地学习NodeJs

• Node.js基础54集看完
• 看完朴树的nodeJs书籍
• Node Koa mysql 项目 项目按照视频中的学完并实践完

简单了解下typescript

• 哈默的tjs视频1集

整理一下工作中常用到的动画及实现方式及类型整理成一个博客

• 数字滚动动画
• 淡入淡出动画
• 进度条生长动画
• 旋转动画
• 跳动动画
• vue的transition里面写动画
• 滑入动画
• 面板类似照片墙旋转动画

学习熟悉工具

• swiper 的API 和常见功能
• ant-design 的常见用法
• echarts 稀少的图表

前端工程化

npm

• npm上传并使用一个自己封装的组件

前端性能

• 优化自己的作品库，优化至Lighthouse分数85分以上

学习优秀项目代码

• 看完膜拜大佬的项目代码并总结优点

webpack 打包优化

nodeJS 基础功能

js知识体系

vue知识体系

http知识体系

HTML5知识体系

ES6知识体系

css知识体系