摘要：
今天在配置文件中换了个线上地址，然后就报了301的错误，截图如下： 查了一下解释是自动缓存的问题，与代码无关。 关于301报错情况说明： 解决方案：其实就是清除一下缓存，重新运行 ctrl+shift+p 输入 c s d(clear site data) 运行项目时删除缓存。 阅读全文
摘要：
什么是 CSS 容器查询（Container Queries）？ 在之前，对于同个样式，我们如果希望根据视口大小得到不一样效果，通常使用的是媒体查询。 但是，一些容器或者组件的设计可能并不总是与视口的大小有关，而是与组件在布局中的放置位置有关。 所以在未来，新增了一种方式可以对不同状态下的容器样式进 阅读全文
摘要：
案例： 结果：设置了flex-grow:1后，父盒子变大，子盒子随之增大，分配父盒子剩余空间。 flex-grow的默认值为0，意思是该元素不索取父元素的剩余空间，如果值大于0，表示索取。 阅读全文
摘要：
保持元素容器一致的宽高比（称为长宽比）对于响应式 Web 设计和在某些布局当中至关重要。 现在，通过 Chromium 88 和 Firefox 87，我们有了一种更直接的方法来控制元素的宽高比 -- aspect-ratio。 首先，需要设置盒子的宽度或者盒子的高度， 结果： 再次改变盒子的宽或高 阅读全文
摘要：
gap 并非是新的属性，它一直存在于多栏布局 multi-column 与 grid 布局中，其中： 1、column-gap 属性用来设置多栏布局 multi-column 中元素列之间的间隔大小 ； 2、grid 布局中 gap 属性是用来设置网格行与列之间的间隙，该属性是 row-gap 和 阅读全文
摘要：
通过一个案例解释arr.length var arr = []; arr[0] = 0; arr[1] = 1; arr.foo = 'c'; console.log(arr.length); // 2 这里要理解所谓‘数组’其实是array类型对象的一个特殊作用，就是：我们可以对它进行一种模式的数 阅读全文
摘要：
这种情况下需要找配置文件，将某个属性添加并设置为true就好了。下边是几种添加情况的截图，仅供参考： 1、找到config文件夹下的index.js配置文件 2、找到全局下的config.js文件 阅读全文
摘要：
数组扁平化是指将一个多维数组变成一维数组。 一、flat方法 flat()方法创建一个新数组，其中所有子数组元素都以递归方式连接到该数组中，直到达到指定的深度为止 const arr1 = [1, 2, [3, 4, [5, 6]]];arr1.flat(2); // [1, 2, 3, 4, 5, 阅读全文
摘要：
一、ES6最常用Set去重 Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。 function unique(arr) { return Array.from(new Set(arr)) } let arr = [1, 1, 'tr 阅读全文
摘要：
text-transform属性控制文本的大小写。 值 描述 none 默认。定义带有小写字母和大写字母的标准的文本。 capitalize 文本中的每个单词以大写字母开头。 uppercase 定义仅有大写字母。 lowercase 定义无大写字母，仅有小写字母。 inherit 规定应该从父元素 阅读全文