- 零基础必看 零基础必看
- 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个阶段的角度进行说明。
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签