- 零基础必看 零基础必看
- Nuxt3 功能篇 Nuxt3 功能篇
- 本文深度解析前端领域的PerformanceObserverAPI，阐述其如何突破传统性能监测的滞后性与碎片化局限，以实时监听模式精准捕获首次输入延迟（FID）与累计布局偏移（CLS）。文中拆解FID的输入事件识别、时间节点提取、异常过滤逻辑，以及CLS的布局变化归因、参数捕获、全生命周期监测方法。 本文深度解析前端领域的PerformanceObserverAPI，阐述其如何突破传统性能监测的滞后性与碎片化局限，以实时监听模式精准捕获首次输入延迟（FID）与累计布局偏移（CLS）。文中拆解FID的输入事件识别、时间节点提取、异常过滤逻辑，以及CLS的布局变化归因、参数捕获、全生命周期监测方法。
- Nuxt.js搭建一个官网如何简单 Nuxt.js搭建一个官网如何简单
- 免费要不要？ 免费要不要？
- npm发包自己的组件并安装更新版本应该如何做？ npm发包自己的组件并安装更新版本应该如何做？
- 本文由体验技术团队董福俊原创。一、背景关于Performance面板的基础用法介绍，可参考上一篇文章《“Performance面板”一文通，解锁前端性能优化工具基础用法！》。文章中还从一个HTTP请求的四阶段的角度来介绍Performance图的"观看方式"，并重点介绍了worker线程跟主线程的协作关系本篇文章中，我们将会以一个实际网页 ——VPC列表页为例，介绍Performance抓图... 本文由体验技术团队董福俊原创。一、背景关于Performance面板的基础用法介绍，可参考上一篇文章《“Performance面板”一文通，解锁前端性能优化工具基础用法！》。文章中还从一个HTTP请求的四阶段的角度来介绍Performance图的"观看方式"，并重点介绍了worker线程跟主线程的协作关系本篇文章中，我们将会以一个实际网页 ——VPC列表页为例，介绍Performance抓图...
- VitePress项目工程化应该如何做 VitePress项目工程化应该如何做
- Vue3 导入导出 Vue3 导入导出
- 本文围绕前端PWA开发，分享10个实用技巧，涵盖Service Worker缓存策略、离线场景设计、Manifest文件优化、推送通知把控、资源加载优先级、设备能力调用、后台同步容错、跨设备体验衔接、性能监控及安装引导等方面。这些技巧突破技术表层，深入用户场景，旨在帮助开发者平衡PWA的轻量特性与原生应用体验，提升用户粘性，展现PWA开发中“用户场景优先”的核心思维。 本文围绕前端PWA开发，分享10个实用技巧，涵盖Service Worker缓存策略、离线场景设计、Manifest文件优化、推送通知把控、资源加载优先级、设备能力调用、后台同步容错、跨设备体验衔接、性能监控及安装引导等方面。这些技巧突破技术表层，深入用户场景，旨在帮助开发者平衡PWA的轻量特性与原生应用体验，提升用户粘性，展现PWA开发中“用户场景优先”的核心思维。
- 本文深入剖析前端性能监控的完整脉络，从其对用户体验与业务增长的关键价值切入，解读加载、交互、视觉稳定性等核心性能指标，阐述利用原生API、开源库及自定义埋点的指标采集策略，探讨数据上报传输优化与分析洞察方法，还涉及实践中的兼容性、数据准确性等挑战及未来发展趋势，为理解前端性能监控提供全面且深入的视角。 本文深入剖析前端性能监控的完整脉络，从其对用户体验与业务增长的关键价值切入，解读加载、交互、视觉稳定性等核心性能指标，阐述利用原生API、开源库及自定义埋点的指标采集策略，探讨数据上报传输优化与分析洞察方法，还涉及实践中的兼容性、数据准确性等挑战及未来发展趋势，为理解前端性能监控提供全面且深入的视角。
- 前言表格作为组件库高频使用的组件，它作为承载、展示和交互数据的核心载体,每一次卡顿都可能意味着时间的浪费与耐心的消磨。然而有小伙伴反馈说，表格组件树表数据滚动场景卡顿，偶尔会出现白屏现象，甚至会出现表头和表体滚动不同步的情况。后来据了解是小伙伴的机器性能较为普通，加上表格树表大数据虚拟滚动确实存在较大的性能瓶颈，存在大量的计算与dom操作。问题在性能较好的机器上被“屏蔽”了。打开 perf... 前言表格作为组件库高频使用的组件，它作为承载、展示和交互数据的核心载体,每一次卡顿都可能意味着时间的浪费与耐心的消磨。然而有小伙伴反馈说，表格组件树表数据滚动场景卡顿，偶尔会出现白屏现象，甚至会出现表头和表体滚动不同步的情况。后来据了解是小伙伴的机器性能较为普通，加上表格树表大数据虚拟滚动确实存在较大的性能瓶颈，存在大量的计算与dom操作。问题在性能较好的机器上被“屏蔽”了。打开 perf...
- 本文围绕前端中的错误边界展开，阐述其作为特殊组件机制的核心价值——锁定局部错误影响，避免应用整体崩溃。解析了其运行机制，包括对组件渲染、生命周期及构造函数中错误的监控，以及捕获错误后的状态转换、备用UI呈现和错误上报流程。还探讨了其与不同前端架构的融合、与其他技术的协同，实际项目中的部署策略、与业务逻辑的融合，以及面临的挑战与未来趋势，强调其对提升应用稳定性和用户体验的重要性。 本文围绕前端中的错误边界展开，阐述其作为特殊组件机制的核心价值——锁定局部错误影响，避免应用整体崩溃。解析了其运行机制，包括对组件渲染、生命周期及构造函数中错误的监控，以及捕获错误后的状态转换、备用UI呈现和错误上报流程。还探讨了其与不同前端架构的融合、与其他技术的协同，实际项目中的部署策略、与业务逻辑的融合，以及面临的挑战与未来趋势，强调其对提升应用稳定性和用户体验的重要性。
- 事件循环（Call Stack、Task Queue、Event Loop） 事件循环（Call Stack、Task Queue、Event Loop）
- 本文重点讨论了Performance面板的一些功能、用法。特别是针对Network面板、Main面板 以及Thread pool面板的功能，从一个HTTP请求的4个阶段的角度进行说明。 本文重点讨论了Performance面板的一些功能、用法。特别是针对Network面板、Main面板 以及Thread pool面板的功能，从一个HTTP请求的4个阶段的角度进行说明。
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签