wuhen_n

赞

1

|

搜索文章

终局之战：全链路性能体检与监控

本文介绍了构建全链路性能监控体系的关键方法：首先通过对比被动优化与主动监控的区别，强调了性能监控的重要性。接着详细说明了核心性能指标及其采集方法，如FCP、LCP、FID、CLS等。

11天前
74
1
评论

案例分析：从“慢”到“快”，一个后台管理页面的优化全记录

本文通过多维度优化显著提升性能：网络层采用并行请求和缓存策略；构建层实现路由懒加载和按需引入组件；渲染层使用虚拟滚动和keep-alive示；运行时改进监听机制避免频繁请求。

11天前
141
2
评论

案例分析：大屏可视化项目的卡顿排查与解决

本文分析了城市交通指挥中心大屏可视化项目的性能问题及解决方案，优化措施包括：复用ECharts实例、增量更新数据、关闭动画效果、实现LTTB算法降采样等。

12天前
62
1
评论

案例分析：一个复杂表单的响应式性能优化

本文分析了金融后台系统中复杂表单的性能优化案例，优化方案包括：使用shallowRef替代ref减少响应式开销；将大表单拆分为多个子组件；优化数据结构与更新方式。

12天前
42
1
评论

组件测试策略：测试 Props、事件和插槽

组件测试不是测试每一行代码，而是测试组件的行为是否符合预期。Props 是输入，事件是输出，插槽是扩展点。把握这三个核心，就能写出高效、可靠的组件测试。

13天前
51
点赞
评论

Vue3 单元测试实战：从组合式函数到组件

测试不是为了 100% 覆盖率，而是为了重构时的信心。代码是写给人看的，测试是写给未来的自己看的！

13天前
92
2
评论

CDN图片服务与动态参数优化

CDN图片优化的核心是"按需供给"——不给任何设备加载它不需要的像素，不给任何网络传输它不需要的字节。通过动态参数、格式转换、智能预加载的组合，让图片资源真正做到"恰如其分"。

14天前
108
点赞
评论

响应式图片的工程化实践：srcset与picture

用户可能不会注意到图片加载很快，但一定会注意到图片加载很慢。响应式图片优化，是对用户体验最深情的告白。

14天前
79
3
评论

异步组件与 Suspense：如何优雅地处理加载状态并优化首屏加载？

异步组件与Suspense技术可以优雅地处理前端加载状态并优化首屏性能。通过defineAsyncComponent配置加载和错误组件，结合Suspense管理多个异步依赖，能显著改善用户体验。

15天前
74
1
评论

初识Function Calling：让AI学会“调用工具”

Function Calling是AI从被动应答到主动执行的关键技术，通过结构化函数调用让AI具备实际操作能力。其核心流程包括：定义工具、AI返回工具调用请求、执行工具并返回结果、AI生成最终响应。

15天前
234
5
评论

个人成就

文章被点赞 107

文章被阅读 17,026

掘力值 3,531

加入于

2024-12-20