前言 前几天刷推特，发现尤雨溪转发了一个推特，是 H3 ( Http 简写)，空闲之余，自己根据文档写了一会，没想到这么好用～ 往期精彩推荐 🚀🚀🚀什么？浏览器也能修改项目源文件了？Chrome 团队

前言 尤雨溪团队月初宣布, VoidZero 团队以及 NuxtLabs 合作开发全新的 Vite DevTools。 文章链接：https://voidzero.dev/posts/voidzero

我们可以用 Stale-While-Revalidate 加速页面访问，策略分 3 步 在收到页面请求时首先检查缓存，如果命中缓存就直接从缓存中返回给用户 将缓存返回用户的同时，在后台异步发起网络请求

mo.js是轻量级JavaScript动画库，通过简单API创建复杂动画。支持Vue，兼容性好，提升网页动态效果和交互性。示例展示在Vue中使用mo.js创建动画效果。

通常情况下，我们要实现代码高亮功能，需要借助复杂的语法高亮库，例如Prism或highlight.js 这些库的基本原理是扫描代码，并将关键词包裹一层标签，然后通过CSS样式改变代码颜色。 但是，这种

当父元素高度为 auto 且 min-height 为 100% 时，子元素无法直接继承该最小高度。使用 flexbox 布局或绝对定位可以实现子元素适应父元素高度。

新的 CSS 属性 margin-trim CSS 中最烦人的事情之一就是边距。它们与折叠有奇怪的相互作用，并且通常会在您不想要的地方产生额外的间距。当迁移到基于组件的设计系统时，这会变得更加痛苦，因

回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是那些专注于服务端开发的工程师所难以企及的领域。

本文将介绍几个我最近遇到的奇葩进度条，需求看似繁琐，但是我们可以用简单的技巧解决，再也不用复杂的html结构和颜色渐变算法。