说起前端自动化构建，相信做过前端的小伙伴们都不会陌生，可能第一感觉就会想到webpack。但是，其实webpack本质意义上应该是一个强大的模块打包器，以入口文件为起点，结合文件间各种引用关系，将各种复杂的文件最终打包成一个或多个浏览器可识别的文件。所以说，webpack更大意义上是一个模块打包器，而非自动化构建工具。今天我们来介绍的是一款强大的自动化构建工具gulp常用自动化构建工具...

javascript函数式编程是继面向过程编程和面向对象编程之后的又一种编程思想，在函数式编程思想中，主张函数是一等公民，旨在用函数的方式来抽象现实事物之间的联系。今天，我们一起来好好了解下函数式编程1、为什么要学习函数式编程函数式编程是随着 React 的流行受到越来越多的关注Vue 3也开始拥抱函数式编程函数式编程可以抛弃 this打包过程中可以更好的利用 tree shaking 过滤无用代

今天我们来谈一谈对象的深拷贝和浅拷贝吧我们都知道，js数据类型主要分为两大类基础数据类型和引用（复杂）数据类型。基础数据类型存在于栈内存中，当被拷贝时，会创建一个完全相等的变量而引用数据类型存在于堆中，存储的是一个内存空间，而赋值给变量的，仅仅是这个内存空间的一个引用而已。而就会出现一个问题，当我们将一个对象赋值给另一个变量时，赋值的是对象的引用，必然导致两个变量都指向同一个内存空间，其中一个改变

上周写了数据劫持原理Object篇，还欠大家一个Array篇，趁今天周末，补给大家吧。（最近实在是有点忙，补的有点忙，见谅见谅）前言：上周我们说了vue数据劫持原理Object篇，我们先来回顾下。Object数据侦测分为3个部分，依赖者wathcer(和实际依赖者一对一关系)，依赖的管理着Dep（也可以叫发布者），以及用于劫持数据的Observer。数据被劫持后，当获取数据时会触发get，而数据发

1、源码组织方式改了从flow改成了typescript使用monorepo管理项目结构2、新增composition APi（组合API）优点：一个基于函数的API。将同一功能逻辑的代码集合到一起。优化了之前项目大时，同一功能的逻辑代码分散的问题。可以更灵活的组织组件的逻辑3、性能提升响应式系统升级 （defineProperty变更为proxy）当有属性嵌套时，proxy默认只会监听第一层，只

vue 数据侦测是vue框架一块最为核心的模块之一，也是vue区别传统前端架构最重要的区别之一，那么它到底是怎么实现的。今天我们一起来看看吧vue的出现解决了什么问题大家都知道，angular,vue，react出来以前，我们前端的页面在数据发生变化时，都需要手动去操作dom来更新页面，获取使用模板引擎来进行页面的重新渲染。但是，这在项目越来越大越来越复杂的今天，传统的方式必然会产生很多问题。手动

上篇文章vue生命周期中我们说过一个句话，那就是mounted中并不会保证所有子组件都被挂载完成后再触发，因此当你希望视图完全渲染完成后再做某些事情时，请在mounted中使用$nextTick。那么$nextTick到底是干嘛用的，为什么能解决我们以上的问题。下面我们来好好了解了解$nextTick。但在此之前，如果不懂js事件循环的人，请先去看下什么是js事件循环，因为要理解$nextTick

虚拟dom是当前前端最流行的两个框架（vue和react）都用到的一种技术，都说他能帮助vue和react提升渲染性能，提升用户体验。那么今天我们来详细看看虚拟dom到底是个什么鬼虚拟dom的定义与作用什么是虚拟dom大家一定要记住的一点就是，虚拟dom就是一个普通的js对象。是一个用来描述真实dom结构的js对象，因为他不是真实dom，所以才叫虚拟dom。虚拟dom的结构从下图中，我们来看一看虚