UU

最近在做一个项目的重构，技术选型为vue-cli 3.0 + typescript + vue-router + sass.因为我负责的模块比较少比较简单，所以老大让我先把负责部分的测试代码写好。至此我才第一次接触到测试代码，我们项目使用的测试工具是jest，与vue官方出的单…

状态是隐藏在组件中的信息，组件可以在父组件不知道的情况下修改其状态。我更偏爱函数组件，因为它们足够简单，要使函数组件具有状态管理，可以useState() Hook。 本文会逐步讲解如何使用useState() Hook。此外，还会介绍一些常见useState() 坑。 可以找…

Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等，因此性能优化也主要从这些方面来分析。本文主要是根据自己的理解对《深…

近几个月，接手了一个老项目的重构规划，有多老呢？就是前端青铜时代的项目，一个前后端都在同一个锅里的项目、完全没有使用任何的打包工具。 前端 html、css、js三剑客 加上 jQuery 复制粘贴就是干。 前端不够后端来凑。如果前端有一些需求不是很复杂的话，后端人员有时候也会…

顺序执行，执行同步任务，输出‘1’，宏任务的event queue中放入 setTimeout1, 微任务的event queue中放入process1。即 macrotasks = ['setTimeout1']，microtasks=['process1'] 到此第一轮事件…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

关于 Proxy 的基础知识，可以去MDN学习直达链接。 本文将实现响应式的核心函数命名为 reactive， 这个函数返回一个被代理之后的结果，可以通过操作这个返回结果来触发响应式。 首先，给出测试数据：一个有 name 属性的对象 obj，我们希望经过 reactive 函…

如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Diff-白话版终于到了最后一块内容了！今天我们就来简单概括一下Diff，内容一点都不多哦，全是图片Diff作为Vue比较