国王不在家-CSDN博客

原创 chrome-调试技巧个人总结

在控制台输入下面一段代码（时间自己选择），返回页面，鼠标放在需要调试的dom上，把hover样式显示出来，等待 debugger，然后就能安心调试hover样式了。先定位到要调试的元素，

2023-02-16 22:06:34 8558 2

原创 Ant Design 表单布局与实用特性总结

Ant Design 表单布局与实用特性总结：介绍了ProForm和传统Form两种表单布局方案，详细解析了标签与输入框布局控制方法。总结了ProComponents的表单预设、联动和验证等实用特性，提供表单初始化、性能优化等技巧。包含响应式设计、表单验证、状态管理等最佳实践，以及表单重置、动态表单项等常见问题解决方案。适合开发者快速掌握Ant Design表单开发核心要点。

2025-05-27 10:48:29 863

这篇文章深入探讨了前端性能优化的关键技术与工程化实践，主要包括三个核心部分：性能监测技术原理：详细分析了渲染管道性能指标跟踪方法，以及基于事件循环的性能监控实现，包含长任务检测机制。优化策略体系：资源加载优化：提出动态图片加载、资源预加载等策略运行时优化：实现虚拟列表和任务调度技术，提升页面响应能力监控系统建设：设计完整的性能监控SDK，支持LCP、INP、CLS等核心指标的采集构建性能数据分析大盘，提供指标聚合分析能力文章通过大量TypeScript实现示例，展示了

2025-05-27 10:11:13 142

原创浏览器性能指标全解析 - 从入门到精通-基础

本文介绍了三个核心Web性能指标：LCP（最大内容渲染时间）、INP（交互响应时间）和CLS（布局稳定性）。针对每个指标，文章解释了其概念、衡量标准和优化方法，包含代码示例如资源预加载、交互防抖和DOM优化等技巧。这些指标分别关注加载速度、交互体验和视觉稳定性，帮助开发者量化网站性能，指导优化方向，最终提升用户体验。

2025-05-26 17:47:00 306

原创 Webpack 5 模块联邦（Module Federation）详解与实战

本文介绍了Webpack 5的Module Federation特性，这是一种实现多个独立应用间代码动态共享的解决方案。文章详细讲解了主应用和远程应用的配置方法，包括共享依赖的配置技巧。针对"Shared module is not available for eager consumption"等常见错误提供了解决方案，并总结了版本一致性、启动顺序等实战经验。Module Federation为微前端架构和远程组件提供了强大支持，能显著提升前端开发的灵活性和扩展性。

2025-05-26 16:29:42 1259

原创提效-点击跳转到源码

提效工具

2025-05-24 15:13:50 1123

原创中台项目-微前端qiankun-umimax

这篇文章介绍了微前端架构的概念、优势及主流实现方案，重点讲解了基于qiankun的微前端项目实战。主要内容包括：微前端概念：将前端应用拆分为独立模块，支持不同技术栈和独立开发部署主流方案对比：qiankun、single-spa、ModuleFederation等 qiankun实战：基座改造（Umi/非Umi项目）子应用改造（Umi/Vue3+Vite/React）关键技术点：样式隔离（Shadow DOM） JS沙箱机制公共依赖处理应用间通信部署方案：同服务器/异服务器部署配置文章提

2025-05-24 15:02:37 922