Vue2.0引入了虚拟DOM，比Vue1.0的初始渲染速度提升了2~4倍，并大大降低了内存消耗。 虚拟DOM的提出 在早期的时候，页面的交互比较简单，没有复杂的状态需要管理，更不需要频繁的操作DOM；但随着页面的功能越来越多，客户的需求越来 ...

不知为何掘金的文章最近都流行以 "字节跳动面试官" 作为开头，不蹭一波都不好意思说逛过掘金了。23333 最近是真到了面试的季节，那么就说一下 Vuex 的源码吧。看完你会发现，Vue和Vuex的实现原理主要就那么几行代码。 Vue双向绑定 ...

某UI萌妹子想入坑，特整理了一份初级前端高频面试题。 自学前端在刚入门时面试是最艰难的阶段，本章内容都是从各大平台网站汇总过来的，不包含各种源码知识，不至于出现不懂的内容。 一、什么是MVVM？ MVVM是Model-View-ViewM ...

回顾目标 数据驱动视图： 理解watcher、dep、observer这三个对象之间的关系 这和VUE对象又有什么关系？ 这和视图又有什么关系？ 叙述过程 先彻底理解了一下VUE的简介，并写出了一份建议书。关键词有渐进式、自底向上逐层应用、 ...

闭包以及应用场景 作用域 作用域决定了代码区块中变量、函数、对象和其他资源的可见性 全局作用域、函数作用域和块级作用域 let 和 const 声明的变量不会提升到代码块顶部。 在同一作用域内，禁止重复声明 for 循环中，设置循环变量那部 ...

--文末附视频教程 本文主要学习掌握 Vue 双向绑定的核心部分原理。 代码为简化版，相对比较简陋。也未考虑数组等其他处理。 欢迎一起学习交流。 一、准备工作 1. 什么是 MVVM 框架？ MVVM 是 Model-View-ViewMo ...

1. 引言 学习vue有段时间了，mvvm在vue中是个典型应用，最近参考了参考网上一些资料，整理了一下，也加入了自己的理解，实现一个简单版的demo，也方便有些面试的同学遇到设计一个mvvm的面试题。 2. 逻辑结构 mvvm的设计模式是 ...

接： 手摸手从0实现简版Vue --- （对象劫持) 手摸手从0实现简版Vue --- （数组劫持) 1. 如果有用户传入了el，去调用$mount方法 在前面对数据进行inintState之后，如果用户配置了el属性，会通过调用$moun ...

 最近学习了下Vue3的源码，抽空写一些自己对3.x源码的解读，同时算是学习的一个总结吧，也能加深自己的印象。  就先从3.x的响应式系统说起吧。 回忆  首先大概回忆一下2.x的响应式系统，主要由这几个模块组成，Observer，Watc ...

大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 分享不易，希望能够得到大家的支持和关注。 计划 rollup系列打算一章一章的放出，内容更精简更专一更易于 ...