使用 React Suspense 预缓存图像
Suspense 是 React 的一个令人兴奋的即将推出的功能，它将使开发人员能够轻松地让他们的组件延迟渲染，直到它们“准备就绪”，从而带来更流畅的用户体验。“准备就绪”在此上下文中可以指许多事情。…
4275 篇文章
使用 webpack 强制执行性能预算
您可能知道，单一的整体 JavaScript 包（曾经的最佳实践）不再是现代 Web 应用程序的最佳选择。 研究表明，更大的包会增加内存使用量和 CPU 成本，尤其是在…
以编程方式更改 Emoji 表情肤色
所以，您知道有多少个表情符号有不同的肤色吗？表情符号肤色非常流行，尤其是在文本和社交媒体上。举起的黑色拳头表情符号 (✊🏿) 被 Emojipedia 的世界表情符号奖评为 “2020 年最受欢迎的表情符号”。…
从六十天用手工编码 CSS 重新制作僵尸学到的教训
在讨论我学到的教训时，我会链接到各个 Pen，但如果您想了解整个项目，请查看 Undead Institute 上的 60 天动画。我开始这个项目是为了在 2020 年 8 月 1 日结束，与我撰写的一本书的出版日期一致，这本书以 CSS 动画、幽默和僵尸为特色——因为，显然，如果您不挥舞您的 Web 技能并阻止末日，僵尸会毁灭世界。没有什么比移动的 HTML 元素更能伤害僵尸了！
content-visibility：新的 CSS 属性，可提升您的渲染性能
Una Kravets 和 Vladimir Levin
…[…]您可以使用另一个名为
content-visibility的 CSS 属性来自动应用必要的包含。content-visibility确保您获得浏览器可以提供的最大性能提升，而您作为…
交互式媒体特性及其潜力（用于错误的假设）
媒体查询级别 4 交互式媒体特性——指针、悬停、任何指针和任何悬停——旨在允许网站根据用户输入设备的特定特征实施不同的样式和功能（无论是 CSS 特定的交互性，如 :hover，还是 JavaScript 行为，当使用 window.matchMedia 查询时）。