TypeScript 已经出来很久了，很多大公司很多大项目也都在使用它进行开发。上个月，我这边也正式跟进一个对集团的大型运维类项目。 每一个模块要做的事情也很多，由于牵扯到公司业务，具体要做的一些事情这里我就不一一列举了，反正项目整体规模还是很大的。 在做了一些技术调研后，再结…

无论是对象还是数组，需要实现双向绑定的话最终都会执行这个函数，该函数可以监听到 set 和 get 的事件。 在 Object.defineProperty 中自定义 get 和 set 函数，并在 get 中进行依赖收集，在 set 中派发更新。接下来我们先看如何进行依赖收集…

其实，这个库，我们已经用了2年了。 我们将前端所有使用的业务数据模型都定义出来了。 减少了无数的冗余代码，避免了非常多容易产生的bug。 也没有出现过什么因为数据缺失，导致页面报错的问题，比如一些：{{user.org.title}}这种展示。 同时，这里用到的日期格式工具是m…

上面的写法告诉 vue，我需要监听 someProp 属性的变化，于是 vue 在内部就会为我们创建一个 watcher 对象。（限于篇幅，我们不聊 watcher 的具体实现，感兴趣的可以直接看源码 watcher）

使用原生JavaScript实现的EventEmitter 如何将实现的EventEmitter应用到vue

使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…

我们每天都在使用各种各样的框架，这些框架伴随着我们每天的工作。通过使用这些框架的目的是为了解放我们，很少人去真正关心这些框架的背后都做了些什么。我也使用了不少的框架，通过这些流行框架也让我学习到了一些知识，就想把这些东西分享出来。 以上代码执行的结果就是在页面增加了一个div节…

众所周知，操作 DOM 是很耗费性能的一件事情，既然如此，我们可以考虑通过 JS 对象来模拟 DOM 对象，毕竟操作 JS 对象比操作 DOM 省时的多。 从上述例子中，我们一眼就可以看出先前的 ul 中的第三个 li 被移除了，四五替换了位置。 当然在实际操作中，我们还需要给…

定义：当其依赖的属性的值发生变化的时，计算属性会重新计算。反之则使用缓存中的属性值。 当其依赖的属性的值发生变化的时，这个计算属性的值也会自动更新。多用于"data，computed"的属性。 当赋值给计算属性的时候，将调用setter函数。多用于在模板组件中需要修改计算属性自…