在前端开发的日常中，我们常常围绕着常见的 CSS 属性打转，却忽略了那些藏在规范角落里的小众特性。它们看似不起眼，却能在关键时刻简化代码、提升交互质感，成为提升开发效率的秘密武器。今天，就为大家盘点

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”**的页面切换动效！

requestIdleCallback requestIdleCallback 是 浏览器提供的 API，用于在 浏览器空闲时执行低优先级任务，不会阻塞主线程，也不会影响动画和用户交互。 使用场景 非

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨

参考链接 实现地址 CodePen 如果要实现这个功能，我想很多人第一时间想到的都是用js去计算dom容器和文字之间是否溢出吧？但今天带来一个用css实现的效果，不用自己计算，只需要寥寥几行(bush

在前端开发中，实现水平垂直居中在Flex布局下有一个更灵活的方式——使用 margin: auto;`来实现居中以及更多实际场景下的特定效果。

虚拟列表赶紧用起来，轻轻松松解决超多重复DOM节点造成的卡顿~ 以下有三种不同级别的虚拟列表，分别针对生成的重复DOM节点是固定高度、不同高度和动态变化高度~

最近在背面试题时，时常会看见浏览器缓存的作用和重要性，可是没有代码实操过，现在开始实操浏览器强缓存、协商缓存。

禁止别人调试自己的代码，防止别人通过爬虫爬取请求接口的数据，保护数据安全，每一个前端也有不可推卸的责任。