在 Flexbox 布局中，flex: 1 与 height: 0 的配合使用是一个常见的技巧，主要是为了处理不同浏览器对 flex 项内容高度计算的差异。

前端开发中经常会遇到大数据量列表展示的性能问题，即大数据量一次性展示时前端渲染大量 Dom，触发渲染性能问题，造成初始加载白屏，交互卡顿等。解决这类问题的方案也有很多，使用虚拟列表展示是一个比较

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

UI走查是现在转转C端需求开发流程中相当重要的一环，然而UI走查这一环节难以接入自动化流程中，导致其没有如同测试环节一样的冒烟环节，导致UI还原度难以得到保证。本文基于此问题提出了自动化解决方案

Claude Skills：给 AI 装上专业"技能包" 用 Claude Code 开发项目的时候，经常遇到这些困惑： 让 Claude 做代码审查，它给的建议太泛泛，不够专业？ 写 Python

Playwright是新一代Web自动化测试框架，有着极致的测试速度，今天分享一下如何给Playwright自定义测试报告。 Playwright官方测试报告 在介绍自定义报告前，先了解官方提供的

让chrome浏览器变成你的智能助手，让AI接管你的浏览器，将您的浏览器转变为强大的 AI 控制自动化工具。

Cursor 继 Agent、ASK 之后推出了 Plan Mode，可以完美执行复杂任务了？赶快瞅瞅怎么个事儿？

之前一直用的脚手架，这次自己搭建webpack前端项目，花费了不少心思，于是做个总结。 public文件夹存放一些静态文件，src文件夹存放源码。每个页面通过一个入口文件（page1.js，page2.js,..）生成vue实例，挂载到插件生成的html文件的#app元素上。 …