小火柴鬼

本文章主要是拆解vuex v2.x的源码，快速看懂vuex1.0与vuex2.0的实现原理。 打开vuex gitHub 因为到我写这篇文章为止，vuex已经发展到了3.0, 3.*是使用ts语法编写，所以相对来说阅读成本又要进阶一层，我自己也还没完全阅读完，后期将会出vuex…

这个受欢迎的前端详细指南于本年度再次回归。更新了大量有用的资源、学习资料和开发工具。内容非常全面，值得一看。 MDN 官网为前端开发者总结的一些常用布局模块的实现方案。包括面包屑，分页，导航栏等，值得参考。 本文作者选取了 11 个在我们工作中经常出现却容易被忽略的 JavaS…

Vue 2.0 在发布之初，就以其优秀的运行时性能著称，你可以通过这个第三方 benchmark 来对比其他框架的性能。Vue 使用了 Virtual DOM 来进行视图渲染，当数据变化时，Vue 会对比前后两棵组件树，只将必要的更新同步到视图上。 Vue 帮我们做了很多，但对…

很多人在面试过程中都有问到Vue双向绑定的原理和实现，这是一个老生常谈的面试题了，虽然网上也有很多实现双向绑定的文章，但是我看后觉得对于大多数前端小白来说，不是很容易理解，所以，这篇文章我就用最简单的代码教大家怎么实现一个Vue的双向绑定。 我们在知道具体哪个属性改变后，要执行…

前一阵子记录了promise的一些常规用法，这篇文章再深入一个层次，来分析分析promise的这种规则机制是如何实现的。ps:本文适合已经对promise的用法有所了解的人阅读,如果对其用法还不是太了解，可以移步我的上一篇博文。 为了让大家更容易理解，我们从一个场景开始讲解，让…

得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ，Vue 在渲染组件的过程中能自动追踪数据的依赖，并精确知晓数据更新的时候哪个组件需要重新渲染，渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上，Vue 应用的开发者一般不需要做额外的优化工作。 但在…

Vue 中需要输入什么内容的时候，自然会想到使用 <input v-model="xxx" /> 的方式来实现双向绑定。下面是一个最简单的示例 在这个示例的输入框中输入的内容，会随后呈现出来。这是 Vue 原生对 <input> 的良好支持，也是一个父组件和子组件之间进行双向数…

描素: 当ie6及更低版本浏览器在解析浮动元素时会错误的把浮动边边距（margin）加倍显示。 描素：在ie6以及以下版本中解析百分比时会四舍五入方式计算从而导致50%加50%大于100%的情况。（也会受系统影响） ie：document.idname 或者 document.…