在上一篇Vue响应式原理-理解Observer、Dep、Watcher简单讲解了Observer、Dep、Watcher三者的关系。 今天我们就进一步了解Observer里还做了什么事。 data 中的数据如果是一个数组怎么办？我们发现Object.defineProperty…

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

本项目是本人在闲暇时间编写的一个初级引导项目，麻雀虽小五脏俱全，所使用的东西绝大多数在开发中都能用得到，但难免会存在很多地方需要完善。 由于近期要备战法考，且工作繁忙，没有时间维护，还存在很多BUG或需要优化的地方，希望多多提出（有空了就改），当然能给个star什么的就更好了。…

服务端渲染，客户端渲染，同构

本系列文章将记录我尝试着去开发一个JS框架过程，毕竟也已经用了有一段时间的Vue和React，借鉴一下他们的思想（以Vue为主），试试看能否从头开始撸出一个完整的框架，也算是对Vue的一种深度理解吧。PS：本内容不会对一些太细节的地方过于深究。 首先回到最初的问题，我要构建一个…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

createElement方法也是vue和react用来创建虚拟DOM的方法，我们也叫这个名字，方便记忆。接收三个参数，分别是type，props和children 到目前为止，已经轻而易举的实现了创建虚拟DOM。那么，接下来进行下一步，将其渲染为真实的DOM，别犹豫，继续回到…

本文教你如何写一个移动端的 Checklist 组件，使用 vue 单文件形式开发，适合 Vue.js 新手。同时此文非常长，最好跟着文章步骤边看边写。本文说些什么，或者你能收获什么？。 CSS 的 Flexbox 布局知识。 本文写一个什么样的 Checklist 组件？这个…