首页 技术社区 ( Page 16 )

技术社区

被甲方催到崩溃?这1000+模板让你准时下班

深夜十一点,写字楼的灯光依旧惨白。你盯着屏幕上密密麻麻的代码,甲方的夺命连环Call刚刚挂断,需求文档又发来了第三版修改意见。这种场景,对于无数奋斗在一线的程序员和开发者来说,早已…

Vue 3 的 `defineProps`/`defineEmits` 为什么能提升性能?

Vue 3 中的 defineProps 和 defineEmits 之所以能提升性能,核心原因在于它们是编译器宏(Compiler Macros)。 它们并不是在运行时执行的普通…

`v-memo` 指令的作用是什么?它的使用场景?

v-memo 是 Vue 3 中的一个内置指令,用于通过缓存组件子树或元素来优化渲染性能。其核心机制是:在重新渲染前,对比依赖项的值,若依赖项未变化,则直接复用缓存的虚拟 DOM(…

如何优化 Vue 项目的首屏加载速度?(如路由懒加载/CDN/按需引入)

优化 Vue 项目首屏加载速度是前端性能优化的核心场景之一,我会从你提到的路由懒加载、CDN 引入、按需引入三个核心方向展开,同时补充其他关键优化手段,所有方案都附带可落地的代码示…

什么是内存泄漏?Vue 项目中常见的内存泄漏场景有哪些?如何避免?

内存泄漏详解:概念、Vue 场景与解决方案 什么是内存泄漏? 内存泄漏(Memory Leak)是指程序中已分配的内存由于某种原因未能被正确释放,导致这部分内存无法被再次使用,即使…

图片懒加载在 Vue 项目中如何实现?

图片懒加载是前端性能优化的重要手段,核心思路是只加载可视区域内的图片,当图片进入视口时再去请求加载,能有效减少页面初始加载的资源请求数量。在 Vue 项目中,有两种主流实现方式:基…

如何减少 Vue 组件的重渲染?(如 `v-once`/`computed`/`shallowRef` 等)

减少 Vue 组件的重渲染是提升应用性能的关键。Vue 的响应式系统虽然强大,但如果使用不当,会导致不必要的组件更新。 以下是基于 Vue 3(部分适用于 Vue 2)的核心优化策…

虚拟列表(Virtual List)的作用是什么?Vue 中如何实现虚拟列表?

虚拟列表(Virtual List)是一种优化长列表渲染性能的技术,其核心思想是仅渲染当前视窗(viewport)内的可见项,而非整个列表,从而大幅减少 DOM 节点数量,提升页面…

如何优化 Vue 的响应式性能?(如 `Object.freeze` 的使用)

Vue 的响应式性能优化核心是减少不必要的响应式追踪和降低依赖更新的触发频率,Object.freeze 是最基础也最常用的手段之一。下面我会从核心原理、具体优化手段(含 Obje…

Vue 项目中常见的性能优化手段有哪些?

在 Vue 项目中,性能优化是一个系统工程,通常可以从代码层面、构建打包层面、运行时层面以及用户体验层面等多个维度入手。 结合最新的技术趋势(截至 2026 年),以下是 Vue …

1 14 15 16 17 18 119