不惧裁员：Vue进阶知识点汇总

2024-02-22 07:59:25 浏览数 (10)
  • 深入理解 Vue 的生命周期，以方便认知其运行过程。
  • 掌握 Vue 的双向绑定及响应式功能的实现原理。
  • 明确v-if 与 v-show的优先级差异及应用场景。
  • 理解vue 中 key 的作用原理。
  • 熟悉Vue中常见修饰符的应用场景。
  • SPA 首屏加载速度过慢的解决方案。
  • 从性能角度对比分析vue2 和 vue3的区别。
  • 阅读并理解Vue3的核心源码。
  • 掌握列表动画、状态动画、以及第三方动画库的使用
  • 封装自定义Hooks
  • 内置组件 teleport/component/transition等的使用。
  • Vue3 性能提升的几个方面，设计目标，以及相较vue2 的本质区别。
  • 服务器部置404问题。
  • 掌握项目中权限管理/支付流程等核心业务逻辑。
  • 熟练使用Vue测试工具。
  • $nextTick的作用以及与setTimeout的区别。
  • 全面掌握Vue组件间的传参方案。
  • keep-alive的作用，关联生命周期及应用场景。
  • ref与普通元素/组件/v-for结合使用时的差异。
  • 熟悉三种slot的写法及其作用。
  • 掌握nuxt实现服务端渲染的方案。
  • Vue 中的组件/图片懒加载的实现。
  • Vuex/Pinia的工作流程及项目中的深度使用。
  • vue-router的模式/守卫/配置/传参等。
  • vue-cli 使用/插件/配置/原理解析。
  • filter/directive/computed/watch/mixin的用法及应用场景。
  • 真正理解Vue虚拟DOM及diff算法。
  • Echarts 在 Vue中的使用。
  • Vue组件实现与iframe的通讯。
  • 在 Vue 项目中熟练使用 Typescript 。
  • 合理划分Vue 项目中的组件并明确组件与插件的区别。
  • 记得在某推上关注 Evan you，英文看不懂就装个划词翻译插件慢慢看。 总结：你一定发现上述不少点都需要具备扎实的源码知识。不错，从应用熟练到进阶学习如果没有源码知识进行加持，那么你是很难理解Vue的内部构造，自然也很难理解为什么JSX 和 template 都可以实现一个组件，也难以理解 extend 这种高级 API 内部到底做了什么等。
性能 原理 源码 插件 动画

0 人点赞