vitaler

前段时间公司要求做一版数据大屏，然后延续上一代的技术选型，仍然是vue2，可视化的组件选择了echarts和datav，想比于echarts，datav就有点名不经传了，但是上一代用的这个，咱也不搞什

业务背景 小程序某个页面采用的oss地址的图片访问量很大，导致oss流量告急，所以想加个本地化缓存，用户只有第一次来加载网图，之后每次都访问本地路径。

前言 面了老家的一家公司，面之前觉得老家这种三线城市能有什么高端的技术呢，无非就是问一些常见的问题，但是面试官一上来就给我当头一棒，让我知道人外有人，还是要有敬畏之心 1、nuxt怎么获取环境变量 这

1.手写call和apply call和apply的区别在于传参不同:依次传入\数组传入 2.手写bind apply和上边两个的区别在于不会立即执行，而是返回了一个指定了this指向的函数，另外还要

首先知道两个全局api,Vue.extend和Vue.component。 功能上来说，Vue.extend(options)会返回一个拥有Vue所有方法的类（构造函数），实例化的时候会调用继承来的i

diff算法属于是老生常谈了，也是趁着这次手写源码，把这套流程实实在在的写一遍。 之前写render函数的时候已经实现了部分patch方法，patch当时就说了有第一次从虚拟dom生成真实dom的功能

本篇实现watch，watch用到的仍然是watcher类，依赖收集我们已经实现了（上一篇computed的Dep.target的赋值问题），只要数据更新的时候我们调一下传进来的回调函数即可，我们此次

computed主要要注意的有两点： 1、通过所谓的脏值检测，来保证多次使用该值但是只执行一次里边的回调函数并记录该返回值 2、依赖收集和更新，计算属性可能依赖多个值，需要保证只要依赖有变化就要去重新

正如标题，本篇是实现数组的依赖收集以及更新通知，但是实际上我们其实是对数组是做了new Dep并且视图读取的时候进行了依赖收集的，只不过进行数组的更新的方法（如push）的时候无法触发set方法，只有