去年前端界最轰动的事无非是React Hook的发布，上到react-router、react-redux等生态库，下到React应用开发者都从class component开发方式积极拥抱Hook。那今年我认为最值得关注的是Vue3.0，目前我们可以从vue-next看到Vu…

functional component (别跟 Vue 的 render function 搞混) 是一个不持有状态也没有实例的组件。 说白了，这就意味着这种组件不支持反应式，并且不能用 this 关键字引用到自身。 你肯定会疑惑，离开了状态或实例，怎么引用诸如 data 或…

上面已经完成了对对象属性的监听，但是Object.defineProperty是监听不到数组操作的。故下面需要扩展数组的方法 主要思想:根据选项所传的el拿到所要挂载的节点及其表达式{{demo}}等，然后进行数据与表达式的替换。页面渲染所需的更新方法其核心算法是diff，di…

最近一直在开发后台管理系统，日复一日的重复着表单表格表格表单，标准的CV仔，感觉好无聊，如何能在这种无聊的开发过程中去提升自己，小编今天又整理了一波新的Vue实战技巧，这些技巧，不用则已，一用惊人。同时你也可以点击下面的链接阅读近期小编的文章。 插槽，相信每一位Vue都有使用过…

众所周知，对前端而言，直接操作 DOM 是一件及其耗费性能的事情，以 React 和 Vue 为代表的众多框架普遍采用 Virtual DOM 来解决如今愈发复杂 Web 应用中状态频繁发生变化导致的频繁更新 DOM 的性能问题。本文为笔者通过实际操作，实现了一个非常简单的 V…

我最近在写 Vue 进阶的内容。在这个过程中，有些人问我看 Vue 源码需要有哪些准备吗？所以也就有了这篇计划之外的文章。 需要注意的是这篇文章每个点不会讲的特别详细，我这里就是把一些知识点归纳一下。每个详细的点仍需自己花时间学习。 相信看过 Vue、Vuex 等源码的人都知道…

1. undefined 和 null 有什么区别？ 2. &&(逻辑与) ||(逻辑或)运算符能做什么？ 3. 使用 + 或一元加运算符是将字符串转换为数字的最快方法吗？ 根据MDN 文档，+(一元正号)是将字符串转换为数字的最快方法，因为如果值已经是数字，它不会执行任何多余…

众所周知，以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件，一万行源码，是万千开发者赖以生存的利器，它究竟做了什么？让人品味。 源码cdn地址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js，…

就在昨天尤雨溪发布了VUE3.0 Beta版本。接下来会结合vue2.0和3.0的异同点进行介绍 (注意：在使用vue3.0的时候，最好将你的vue脚手架工具升级到最新的cli 4.x,我在cli3.x的上执行vue add vue-next会报错。 1.首先利用cli4脚手架…