个人简历： vue + vuex + element webpack npm 小程序端 设计模式 git echarts

vue-router 有哪几种导航守卫?

1. 全局守卫
   • router.beforeEach 全局前置守卫 进入路由之前
   • router.beforeResolve 全局解析守卫(2.5.0+) 在beforeRouteEnter调用之后调用
   • router.afterEach 全局后置钩子 进入路由之后
2. 路由独享守卫

   1 2 3 4 5 6 7 8 9

   routes: [ { path: '/foo', component: Foo, beforeEnter: (to, from, next) => { // 参数用法什么的都一样,调用顺序在全局前置守卫后面，所以不会被全局守卫覆盖 // ... } }

3. 路由组件内的守卫

• beforeRouteEnter 进入路由前, 在路由独享守卫后调用 不能 获取组件实例 this，组件实例还没被创建
• beforeRouteUpdate (2.2) 路由复用同一个组件时, 在当前路由改变，但是该组件被复用时调用 可以访问组件实例 this
• beforeRouteLeave 离开当前路由时, 导航离开该组件的对应路由时调用，可以访问组件实例 this

Vue为什么没有类似于React中shouldComponentUpdate的生命周期？

直接给数组赋值，Vue 不能检测到数组哪些的变动？ 分别的应对措施是什么

当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue
       当你修改数组的长度时，例如：vm.items.length = newLength

webpack的优化包括哪几部分？

Async/Await 如何通过同步的方式实现异步

观察者和订阅-发布者的区别

用nodejs，将base64转化成png文件

1
2
3
4
5
6
7
8
9
10
11

const fs = require('fs');
   const path = 'xxx/'+ Date.now() +'.png';
   const base64 = data.replace(/^data:image\/\w+;base64,/, "");//去掉图片base64码前面部分data:image/png;base64
   const dataBuffer = new Buffer(base64, 'base64'); //把base64码转成buffer对象，
   fs.writeFile(path, dataBuffer, function(err){//用fs写入文件
       if(err){
           console.log(err);
       }else{
           console.log('写入成功！');
       }
   })

简单介绍PWA原理

echarts目前使用哪种技术在绘制图表，Canvas 或者 SVG 两种渲染器的优略对比

我们的APP会有版本管理，当我们发布新的版本的时候，如果用户不主动刷新是无法访问到最新的版本的。 因此我们想设计一个功能，使得我们发布新版本的时候，用户可以在不主动刷新页面的情况下得到更新

vue3.0 特性你有什么了解的吗