Computed 在 Vue 中常用，是一种计算属性，里面的值是响应式的，但你知道 getComputedStyle 这个 CSS 属性吗？Computed + Style ，没错，样式也能做到响应

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性

与之对应的，还有 svmin、dvmin、svmax、dvmax、svi、dvi、svb、dvb，总之 s 就是 small；d 就是 dynamic；看图说话，你学废了吗？

什么是原子化CSS，UnoCSS又是什么，对此有疑问的推荐看下antfu的这篇文章——重新构想原子化 CSS (antfu.me) 相信看完这篇文章的你也会跟我一样热衷于UnoCSS 准备 首先，使用

「这是我参与2022首次更文挑战的第9天，活动详情查看：2022首次更文」 去年有一段时间，写了好几个大屏，有一些动效觉得挺实用的，记录如下，也有一些还不错的插件也记录下。 一个会动的渐变色背景 代码

本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不执行)，在需要执行的时候再执行。提供的好处主要是 目前我们支持的浏览器主要为高版本 Chrome，所以可放…

本文主要介绍字体加载优化的常用策略，大部分内容为引用和翻译。 这样就可以使我们的网页用上自定义字体了。 除了font-family 和 src属性之外，还拥有font-style以及font-weight属性。 src可以指定多种字体，会按顺序依次适用，比如上面的示例中会先加载…

本文将介绍 CSS 中一个比较有意思的新增伪元素 ::marker，合理使用，让文字序号变得更加的有意思！

以下是提高 UI 动效的实用建议，让我们一起看看 UI 交互动画从良好走向优秀的实例。他们是如何通过细节的调整，使用交互动画来提升用户的界面体验。 本文所列出的界面主要显示状态之间的连续性，表示共享元素之间的关系并将用户的注意力引向他们应该注意和采取行动的事物上。 为了创建这些…