前言 最近都在准备面试，好久没有写文章总结知识点了，这个点也是在面试中常见的问题：你了解Vue/React的hooks么？ 这个时候我们可不能蒙啊,应该很有底气的和面试官说，hooks？那不是很简单嘛

我们都知道computed是Vue3的响应式系统核心API，那么它是如何设计和实现的呢？相信阅读完这篇文章，你就能够手写computed了！

端午熬夜写了Vite项目全流程从零搭建完整教程，集成ESLint，代码格式化prettier，自动化测试，github action，git commit信息校验，交互式提交，库模式构建，demo构建

Map、Set 和 Object 区别 特性/对比项 Map Set Object 数据结构 键值对集合 唯一值的集合 键值对集合（键通常是字符串或符号） 键类型 任意类型（包括对象、函数等） 不适用

首屏加载慢、性能指标看不懂？本节聚焦首屏渲染优化（含资源加载 / 页面渲染），拆解核心 Web 指标，附 Vue3 特有技巧和监控工具。系列后续更交互优化，追更不迷路～

前言 之前的开发工作中对vue2项目也有做过不同的优化，但是都比较零散且没有系统化的记录下来。 正好最近接手了一个老项目，虽然项目不大性能也还过得去，但是我觉得可优化的空间还是比较多的。 所以也趁此机

Webpack 和 Rollup 都是现在前端领域比较流行的打包工具，这些是您应该知道的一些事情 ！

本文记录Vue项目打包优化：优化静态资源、用 splitChunks 分包及路由懒加载等，使主包和 app.js 体积分别缩减 21.2% 和 45.7%，总体减 26.7%，提升首屏加载速度。

Vite 介绍 Vite 是一种新型前端构建工具，能够显著提升前端开发体验。 Vite主要由两个部分组成 一个开发服务器: 它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更