有一天，甲方打开一个后台管理的项目，说有点卡，不太满意，项目经理叫我优化，重新打包一下。从输入地址 到 展示 首屏，最佳时间在 3秒内，否则，甲方挂脸，咱就有可能有被裁的风险，understand?

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

在前端开发中，虚拟 DOM 是提升性能的核心技术，它将高损耗的真实 DOM 操作转为 JavaScript 层计算。Vue 3 在此基础上实现突破，大幅减少 Diff 计算量，提升复杂场景渲染效率。

谈起作用域，我们首先要知道什么是作用域，他是几乎所有编程语言最基本的功能之一，就是能访问储存变量这个值，并且在之后能对这个值进行访问和修改。事实上，正是这种储存和访问变量的能力将状态带给了程序

浏览的渲染过程简单来说就是：解析、构建渲染树、布局、绘制、复合，的过程。浏览器将 HTML 代码解析出来，把解析出来后的结果画到页面上，相当于就是，告诉浏览器，第一个像素点上应该呈现什么颜色，依次类推

Vite 和 Webpack 的工作原理有显著的不同，以下是对它们各自原理的简要说明： Vite 原理 原生 ES 模块： Vite 利用浏览器对原生 ES 模块（ESM）的支持，实现按需加载和编译。

今天不聊技术，聊一聊前端如何做性能优化 Vue，react，微信小程序如何做性能优化，希望分享能对大家有所帮助！！

前端埋点和监控是前端开发中非常重要的一部分，尤其是在数据分析、性能优化和用户体验提升方面。以下是对前端埋点和监控的详细解读，以及如何在面试中回答相关问题。如果不知道的小伙伴可得竖起耳朵听了！ 一

这个黑科技让代码性能飙升300%！99%程序员不知道的隐藏技巧！ 震惊！原来展开运算符还能这样玩？`__proto__` 和 `prototype `的关系?类数组和真数组