coding house

前言Vue3.x已经发布一段时间了，更新内容也是比较多的，但是比较让我感兴趣的还是如何对Vue2无法直接监测数组变化的优化，今天抽时间来简单看一下实现原理。一、Vue2为什么不能监测数组的变化首先从表象上来看，Vue2对数组的响应式实现是有些不足的：无法监测数组的新增无法监测用索引改变数组的操作先来简单分析下为什么会存在上述问题：我们知道Vue2是通过Object.defineProperty方法来进行数据监测的，但是这个方法是无法监测到数据的变化吗？其实并不是，我们来看下下面的例子：.

本文主要来实现实现一个从gitlab拉取项目模板的可交互命令行工具，旨在让大家来理解开发一个交互式命令行工具的整个流程。创建项目首先当然是npm init node-cli-demo -y 直接创建出一个空白项目，之后修改package.json文件，之后创建src和bin文件夹，之后目录结构如下图所示：npm init node-cli-demo -ypackage.json"scripts": { "convert": "babel src --out-dir ./bin/..

刚开始使用babel的时候，很多童鞋只是单纯跟着官网或则其他人的代码去安装一大堆bbabel相关的npm包，但是并不知道具体每个包都是什么样的作用，本文就是来阐述日常开发时用到的babel全家桶分别的作用、使用场景以及其原理。什么是babel首先来看一下babel是什么？Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of Ja.

扩展运算符定义 扩展运算符（spread）是三个点（…），作用是将一个数组转化为用逗号分隔的参数序列。 e: …[1, 2, 3] // 1 2 3 该运算符主要用于函数调用。应用1. 复制数组 不采用ES5的cancat()来合并数组，而是直接采用扩展运算符来做。 const a1 = [1...