Hyyy

前言 处在知识点贼多的前端领域，总想着学习一些“高性价比“的知识，几经搜寻后，找到了小册中修言的JavaScript 设计模式核⼼原理与应⽤实践，发现了这个有点了解但不多的“设计模式”，受益匪浅，将思

最近在面试中被多次问到“微前端”，对一些有实战经验的开发者来说可能已经驾轻就熟，但像我这样还没有在实际项目中用上它的，多少还是有些心虚。本篇文章不涉及太多代码，更多是从**概念背景、常见场景和实现方案

ref对象是对reactive不支持的数据的一个补充，让如基础数据响应式进行支持，以及更方便的对象替换操作推出的。下面我们先了解一下ref的特性。使用ref或shallowRef函数创建ref对象

解法核心： 用两个插件（unplugin-auto-import负责自动导入API，unplugin-vue-components负责自动注册组件），只打包你用到的组件和样式。 1. 安装全家桶 2.

一、前端工程化简介 我们整天在说前端工程化，那我我们思考一下，为什么会有前端工程化这个概念？ 我们来一起回顾前端的发展历史，通过这个发展历史我们就能知道为什么会有【前端工程化】这个概念。 二、前端发展

一、Vite是什么？ 首先，讲下Vite名字的由来，Vite实际上是法语中快的意思，所以顾名思义，这个工具就是为了给我们带来更快的开发体验，它是一个面向现代浏览器，基于ECMA标准的ES Module

无论Vue2还是 Vue3 ，`watch` 无论在使用还是面试中都是当之无愧的高频，它让我们能够监听响应式数据的变化，并在变化时执行相应的回调函数，今天和大家一起学习下watch的内部实现。

一、为什么需要计算属性？ 假设我们有如下模板： 当多处复用这个表达式时： 维护成本：表达式修改需全局搜索替换 性能浪费：每次渲染重复计算相同结果 逻辑隔离：业务逻辑侵入视图层 所以我们需要comput

1. 什么是 Effect？ 在 Vue3 中，effect副作用函数 是实现响应式非常关键的一环。 它代表一段“副作用”代码，当响应式数据变化时，这段代码会被重新执行。 这里的 effect 会立即