04 2021 档案
摘要：什么是 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 规定应该从父元素
阅读全文
摘要：黑色的框是设置这些属性的盒子，红色的框是父盒子。 1、max-content 内容有多宽，盒子就有多宽，不会顾及父级盒子有多宽，只满足自己的需求 2、min-content 装下单个最大内容的最小宽度，下面这个图片能够直观的说明这是什么意思 3、fit-content 在不超过父级盒子宽度的情况下，
阅读全文
摘要：ES6 规定，默认的 Iterator 接口部署在数据结构的Symbol.iterator属性，或者说，一个数据结构只要具有Symbol.iterator属性，就可以认为是“可遍历的”（iterable）。 原生具备 Iterator 接口的数据结构如下。 Array Map Set String
阅读全文
摘要：1、bit指“位”，是数据传输速度的计量单位，常简写为“b”；Byte指“字节”，是文件大小的计量单位，常简写为“B”。 2、Byte和bit的换算关系是：1 Byte=8 bits。在电脑上，一个英文字母需要占用1 Byte的硬盘空间，一个汉字则需占用2 Byte，数字占内存储为1Byte。 这里
阅读全文
摘要：什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 1.) 资源跳转： A链接、重定向、表单提交 2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-f
阅读全文
摘要：编程语言可以分为两大类：静态语言和动态语言 静态语言（强类型语言）： 静态语言是在编译时变量的数据类型即可确定的语言，多数静态类型语言要求在使用变量之前必须声明数据类型。 例如：C++、Java、Delphi、C#等。 动态语言（弱类型语言）： 动态语言是在运行时确定数据类型的语言。变量使用之前不需
阅读全文
摘要：一、什么是 requestAnimationFrame？ requestAnimationFrame常用来执行动画效果。 实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html
阅读全文
摘要：一、以下报错可能是网络不稳定或连接超时引起的 如果检查网络后还是报错，可以通过以下命令解决：修改设置，解除ssl验证 git config --global http.sslVerify "false"2、Node环境从8到10后会出现下面的问题解决办法：npm rebuild node-sass如
阅读全文
