-
使用CSSGrid创建弹性图片网格，关键在于grid-template-columns配合repeat()和auto-fill实现自动响应式布局。核心概念中，auto-fill尽可能填充列且保留空轨道，auto-fit则拉伸项目填满空间；图片网格通常选用auto-fill以保持固定尺寸并自动换行。结合minmax()可设定列宽范围，如repeat(auto-fill,minmax(200px,1fr))，确保每列最小200px、最大1fr，容器宽度变化时自动调整列数，无需媒体查询即可实现流畅响应式画廊布局
-
JavaScript沙箱是一种隔离代码执行的机制，用于防止不可信代码污染全局环境或引发安全问题。它通过限制脚本对全局变量、敏感API和DOM的访问，实现避免全局污染、控制权限和提升安全性。常见实现方式包括：1.函数作用域结合with关键字，简单但存在逃逸风险；2.Proxy与iframe隔离，利用iframe的独立环境和Proxy的属性拦截，实现精细控制，适合高安全需求；3.AST解析与变量重写，通过分析语法树重定向变量引用，可在无iframe下实现强隔离，但实现复杂。主要挑战包括原型链逃逸、动态执行绕过
-
使用CSS的:required伪类可为表单必填字段添加视觉提示。1.通过HTML的required属性标记必填项，CSS的:required伪类选中这些元素。2.用:required设置边框、背景色等样式提升可读性。3.结合::after与:has()在label旁添加红色星号标识，或直接在HTML中写入兼容性更好。4.利用:invalid和:valid区分未填与已正确填写的字段，分别显示红绿边框。通过简单CSS即可实现清晰的表单反馈，关键是保持样式一致，明确提示用户必填项及其状态。
-
在JavaScript中查询Firebase可以通过RealtimeDatabase或Firestore实现。1.初始化Firebase应用并获取数据库引用。2.使用RealtimeDatabase时，通过ref()和on()方法查询数据；使用Firestore时，通过collection()和get()方法查询数据。3.注意实时更新、查询优化、安全规则、错误处理和性能考虑。
-
使用float可实现左右布局，通过设置左浮动和右浮动使元素同行排列，常用于侧边栏与内容区布局。1.左侧设float:left，固定宽度；2.右侧设float:right或通过margin-left留白并创建BFC；3.父容器用overflow:hidden清除浮动，防止高度塌陷。虽现代推荐Flexbox或Grid，但float仍适用于老项目维护，有助于理解文档流。
-
Array.prototype.some方法会在数组中找到至少一个元素满足给定的测试函数时返回true，否则返回false；Array.prototype.every方法则要求数组中的所有元素都必须通过测试函数的检查才会返回true，否则返回false。1)some方法适用于验证数组中是否存在满足特定条件的元素，如检查用户列表中是否有成年人。2)every方法适用于验证数组中所有元素是否满足某个条件，如检查班级所有学生是否通过考试。3)在实际开发中，这些方法提高了代码简洁性和性能，特别是在处理大型数组时，
-
<img>标签是HTML中插入图片的唯一方式，必须包含src和alt属性，路径需准确，响应式需用srcset/sizes，SVG/Base64可内联但需权衡体积与缓存。
-
z-index不生效的主因是元素未定位或处于独立层叠上下文中；必须设置position且避免父级触发opacity、transform等新层叠上下文，否则子元素z-index仅在内部有效。
-
要让box-shadow变化平滑，需显式声明transition:box-shadow0.3sease;，保持阴影层数与参数顺序一致，并避免触发重排；推荐使用will-change或transform替代大幅阴影变化。
-
font-weight设为600未变粗，是因为字体文件未提供该字重轮廓数据，浏览器只能模拟或降级；需用@font-face引入含600字重的Web字体并验证加载。
-
justify-self用于Grid布局中控制子元素在行内轴（横轴）的对齐，如center、start等；align-self在Grid和Flexbox中均有效，控制块轴（纵轴）对齐，如center、flex-start。前者仅适用于Grid，后者通用，优先级高于父容器设置。
-
text-stroke不可动画，需用mask或clip-path模拟描边生长；推荐CSSmask+transform方案，注意Safari兼容性及writing-mode影响。
-
推荐用「操作符优先级+双栈法」安全解析数学表达式：先正则清洗并归一化符号，再按优先级计算，特殊处理负数和括号，配合token化与实时校验防错。
-
首先使用Notepad编写HTML代码，输入正确格式的代码后，通过“另存为”选择“所有文件”类型并保存为.html扩展名，编码选UTF-8；接着双击该文件即可用默认浏览器打开运行；如需修改，右键用记事本重新编辑并保存，刷新页面即生效。整个过程关键在于正确设置文件类型与扩展名，确保能被识别为网页文件。
-
后引入的CSS会覆盖先引入的同权重样式，这是CSS层叠机制的设计而非bug；顺序决定覆盖关系，推荐硬性引入顺序：normalize.css→variables.css→base.css→components/.css→pages/.css或themes/dark.css。
