起源：在 Vue 的数据绑定中会对一个对象属性的变化进行监听，并且通过依赖收集做出相应的视图更新等等。 之前用 Object.defineProperty通过对象的 getter/setter简单的实现了对象属性变化的监听，并且去通过依赖关系去做相应的依赖处理。 但是，这是存在…

这几个月接了一个日志收集系统的活，因为这个系统是属于传承的项目，所以我也想在系统上做一些标志性的改动，作为接力棒传递下去。 这个日志系统从前端到服务端，都做了不小的改动，比如虚拟列表，electron热更新，sql优化，增加了用户的概念，也就是需要登录，把数据库升级为Elast…

昨天上午接了一个电话面试，聊着聊着接说到了性能优化，然后面试官问到了长列表。其实之前做过的都只是简单的分页处理，但面试官问的肯定不是这个咯，他关心的是虚拟列表，大概以前粗略看过这个效果的实现源码，虽然我自己没实现过但有一些自己的想法，于是blablabla......，可能碍于…

上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对vue和react做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多大佬的文章篇幅也是比较长的。 单独项目中是希望根据登录人来看下这个人是不是有权限进入当前页面。虽然服务端做了…

众所周知，在组件式开发中，最大的痛点就在于组件之间的通信。在 Vue 中，Vue 提供了各种各样的组件通信方式，从基础的 props/$emit 到用于兄弟组件通信的 EventBus，再到用于全局数据管理的 Vuex。 在这么多的组件通信方式中，provide/inject …

相信大家在工作中一定遇到过多层嵌套组件，而vue 的组件数据通信方式又有很多种。 比如vuex、$parent与$children、prop、$emit与$on、$attrs与$lisenters、eventBus、ref。 今天主要为大家分享的是provide和inject。…

1.vue仅仅是mvvm中的view层，只是一个如jquery般的工具库，而不是框架，而angular而是mvvm框架。 2.vue的双向邦定是基于ES5 中的 3.getter/setter来实现的，而angular而是由自己实现一套模版编译规则，需要进行所谓的“脏”检查，v…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从镜片的厚度和黄黑相见的格子衬衫我察觉到，面前坐着的这位面试官应该是来者不善。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，为了避免尴尬，我盯着面试官的眉毛中间，不过面试官明显对我的经历不…

经过测试，watch的值继承规则一样。 结论：子类再次声明，data中的变量都会被重写，以子类的为准。 如果子类不声明，data中的变量将会最后继承的父类为准。 经过测试，props中属性、methods中的方法和computed的值继承规则一样。 extends用来继承现成组…