Vue进阶系列汇总如下，欢迎阅读。 Reactivity表示一个状态改变之后，如何动态改变整个系统，在实际项目应用场景中即数据如何动态改变Dom。 乍一看好像满足要求，但此时b的值是固定的，不管怎么修改a，b并不会跟着一起改变。也就是说b并没有和a保持数据上的同步。只有在a变化…

Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力，这就是render 函数，它比 template 更接近编译器。（从官网复制的，慌得一批，其实简单来说就是以函数的方式写HTML，可控…

这周的计划是用VUE将之前的小demo的前端给重构了，并且做成前后端分离的样式，因为之前的那个聊天室的demo几乎都是在一个路由上完成的，所以学习Vue-router是不可避免的，本次笔记是我在学习vue-router这个框架过程中的一些笔记。中间也穿插了部分知识点，希望能帮助…

Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…

对于目前Web浏览器上最流行的脚本语言JavaScript。这篇文章为你提供了该语言基本的事件驱动模型的讲解，它与那些典型的有求必应的语言比如Ruby, Python, Java不同。在这篇文章中，我会为你解释这些JavaScript中并发模型的核心概念，包括事件循环，消息队列…

因为在2.6.0中，具名插槽 和 作用域插槽 引入了一个新的统一的语法 (即v-slot 指令)。它取代了 slot 和 slot-scope，并且现在网上都说的是一些老版本的内容，官方文档不太容易理解，所以就整理了一篇有关于插槽(slot)使用的文章 如果<test>中没有包…

简单的说，在vue中我们使用模板HTML语法来组建页面的，使用render函数我们可以用js语言来构建DOM。因为vue是虚拟DOM，所以在拿到template模板时也要转译成VNode的函数，而用render函数构建DOM，vue就免去了转译的过程。 当使用render函数描…

第三次阅读阮一峰老师的《ES6标准入门》了，以前阅读时不细心，很多地方都是一目十行。最近这次阅读都是逐个逐个字来读，发现很多以前都没有注意到的知识点，为了方便记忆和预览全部ES6特性，所以写下本文。 本文的知识点完全是参考或摘录《ES6》里的语句，有部分语句为了方便理解和记忆，…

首先要说diff算法之前，还是稍微解释一下虚拟DOM，虽然大部分人都知道虚拟DOM的概念了。 我认为前端现代框架解决的是忽略对DOM的操作，让前端人员注重于维护状态。 对于视图更新以往的解决方式是，不关心任何状态，只需要将所有DOM删掉，然后重新生成一份DOM，但是这种访问DO…