用户5244295599910

计算资源的有效时间 1、对于设置了"cache-control":"no-cache"，"cache-control":"no-store"，"pragma":"no-cache"请求头的资源，有效期

前端项目中经常使用到开源的 npm 包，而现代前端框架的包中往往会提供不同格式的包（esm的，cjs的），如果我们在使用时没有正确的导入，便可能导致构建出来的包包含我们不需要的的内容。 举个例子@an

当在mdn看到text-shadow属性的示例时，他可能是下面这样的，平平无奇 但是，这个属性其实是可以设置多个值的，如果在配合点背景色或者其他东西，他也可能是下面这样的 效果1：不同的人，不同的距离

方案一 效果： 关键点： 1、ul采用grid布局，如果一行要展示n个六边形，则一行分为2n+1列 2、每个六边形占两列的宽度，并使用aspect-ratio和clip-path将每块裁剪成六边形

pages类是页面的静态部分静态部分，也就是灰色的线框部分 active-page类是页面的动态页，控制页面翻转的整体 嵌套的flip类将翻转的页面分割成一块一块的，并且每一块的旋转是基于父元素的旋

js字符串的split方法大家都应该很熟悉，比如我们可能经常看到如下使用来获取cookie 但是如果我们需要使用多种不同的分割符呢？比如 'a + b -c + z',我们需要将其按照不同的运算符来拆

content-visibility目前是一个实验性的属性，不过用来渐进式的优化渲染性能也是不错的，当然如果我们要在生产环境使用，还是要采用成熟的虚拟列表方案 content-visibility取值

contain属性用于将元素及其子元素独立于文档的其他部分，和bfc比较类似 其取值可以是： none 按照默认方式渲染 size 父元素的大小计算与子元素大小无关 inline-size 父元素的横

css实现 css实现靠offset-path和offset-distance属性实现按路径运动，offset-path定义运动路径，offset-distance定义当前在路径的位置 效果 svg