Simoon

摘要： 写法 grow shrink basis 用途 flex: 1 1 1 0 平分宽度的王者 flex: auto 1 1 auto 内容决定宽度，又能伸缩 flex: none 0 0 auto 不伸不缩，固定内容宽度 flex: 0 0 200px 0 0 200px 固定宽度的网格布局 flex 阅读全文

摘要： grid 关键：若希望子项实现自动缩放，需要去除宽度相关设置： width、 max-width等 width: 100%; /* 改为100%让子项填满分配的网格空间 */ max-width: none; /* 移除最大宽度限制 ， 或设置为更大的值 */ display:grid; grid- 阅读全文

摘要： flex布局设置align-items: stretch;控制子元素在交叉轴（cross axis）方向的对齐方式。也就是让所有子元素在交叉轴方向“拉伸”到和父容器一样高。 问题1:多个盒子排列时，不同盒子内容不同，导致高度不同 此时如果想让所有孩子子的高度/宽度一致，则对父级设置： display 阅读全文

摘要： 1. 基本样式 (css/footer.css:430-438) 中，.bottm-box .company-msg 设置了： - width: 100% - max-width: 1440px - display: flex - justify-content: space-between 2. 阅读全文

摘要： 1.普通模型：贴图颜色*材质颜色 2.实例化模型：贴图颜色*材质颜色*单例颜色 如果想要在实例化模型中还原普通模型的颜色混合效果，则需要把材质颜色始终设置为（1，1，1）使其在着色器颜色混合时不生效，这样下来 贴图*单例颜色 就与 普通模型的颜色混合效果一致了 方案核心点： 1.首先需要清除实例材质 阅读全文

摘要： ✅ 方法 1：使用 entries()（推荐） for (const [index, data] of iconModelData.children.entries()) { console.log(index, data); } entries() 会把数组元素转成 [index, value] 阅读全文

摘要： 事件循环机制： 主线程中存在一个「调用栈」（Call Stack） function foo() { console.log('foo'); setTimeout(() => console.log('foo timeout')); Promise.resolve().then(() => cons 阅读全文

摘要： chrome://flags/ Insecure origins treated as secure 阅读全文

摘要： 文章链接：https://threejs.org/manual/#zh/indexed-textures 案例：https://threejs.org/manual/examples/picking-gpu.html 这是因为 JavaScript 无法通过简单的查看纹理和材质，就推测出你的对象是否 阅读全文

摘要： localeCompare() 是字符串的方法，用来比较两个字符串在特定语言环境下的排序顺序。 chars.sort((a, b) => a.name.localeCompare(b.name)); 是按对象的 name 属性 按语言规则（通常是字母或拼音顺序）从小到大排序。 相比直接用 >、< 比 阅读全文