跳到主要内容

Vue

入门

常用指令 filter, compute, watch 生命周期 组件注册和传值

vue-router

路由管理和动态路由 路由懒加载 路由守卫和权限校验 路由缓存 keepalive hash 和 history 原理

vuex

何为数据状态管理 vuex 五大属性 vuex 的优点和缺陷 数据流设计

UI 组件库

element-ui iview ant.design vant vux

组件开发

组价化思想 组件间通信和传值 基础组件封装 toast, dialog 如何构建自己的组件库

性能优化

代码层面的优化 webpack 打包优化 单页面应用的优化 SSR 优化

模块化

前端模块化 webpack vue-cli 脚手架 项目框架的搭建

基础原理

MVVM 原理 双向数据绑定 Virtual dom Flow 语法

源码

​ 数据响应 架构 Observer Watcher Dep definedProtype 与 Proxy 差异 数组监听变化 ​ computed、watch 原理 ​ v-model ​ nextTick ​ 组件通信 ​ keep-alive ​ virtual dom ​ key 的作用 ​ diff 算法 ​ mixin

问题

​ 什么是 MVVM ​ 生命周期 ​ 有哪些、作用 ​ 子组件父组件生命周期顺序 ​ 哪个生命周期接口请求 ​ 单向数据流 ​ SPA 优缺点 ​ spa,404 ​ computed 和 watcher 场景 ​ 组件通信方式 ​ vue 和 react 选型、区别 ​ vue 性能优化 ​ vue-lazyloader ​ vue3 优势 ​ 类似于 hooks 原理 ​ $listener、$attrs

其他

vue 渲染过程 ssr vuex vue-router 单元测试

优缺点

优点

  • 低耦合。视图(View)可以独立于 Model 变化和修改,一个 ViewModel 可以绑定到不同的 View 上,当 View 变化的时候 Model 可以不变,当 Model 变化的时候 View 也可以不变。
  • 可重用性。你可以把一些视图逻辑放在一个 ViewModel 里面,让很多 view 重用这段视图逻辑。
  • 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计,使用 Expression Blend 可以很容易设计界面并生成 xml 代码。
  • 可测试。界面素来是比较难于测试的,而现在测试可以针对 ViewModel 来写。
  • 单页面应用,使页面局部刷新,不用每次跳转页面都要请求所有数据和 dom,这样大大加快了访问速度和提升用户体验。而且他的第三方 ui 库很多节省开发时间

缺点

  • 不利于 SEO,社区维护力度不强,相比还不够成熟

在线签约功能

参考