-
fr单位用于按比例分配网格容器的剩余空间，1fr代表一份，2fr为两份；它不作用于已设固定宽度的部分。例如grid-template-columns:200px1fr2fr时，后两列在减去200px后按1:2分剩余空间。fr可与px、%、auto混用，如250px1fr实现侧边栏+自适应主区，或结合minmax(200px,1fr)限制最小宽度。注意：全固定列无剩余空间则fr无效；容器过窄可能溢出，需用min-width控制；嵌套时fr基于父项空间计算。通过实践不同组合可掌握其弹性布局特性。
-
本文详解如何修改GoogleAppsScript，使其从GoogleSheets读取文件夹名称和对应邮箱，并自动创建文件夹、嵌套子文件夹，同时为指定用户授予编辑权限。
-
Promise是JavaScript处理异步操作的标准容器，用于解决回调嵌套问题；适用于需串行执行多个有依赖的异步任务，且是理解async/await的前提。
-
本文详解如何在现有HTML/JavaScript测验应用中安全、高效地实现题目随机化展示，涵盖随机索引生成、去重逻辑、代码集成及关键注意事项，助你快速升级自用学习工具。
-
Map比Object更适合实现LRU缓存，因其迭代顺序严格按插入序、支持O(1)增删查、set自动置尾、可高效删除首项；而Object无法直接删除最久未用项且需手动维护顺序。
-
答案：使用CSSfloat属性可实现图片画廊横向排列，通过设置img宽度、左浮动及清除浮动避免塌陷，并结合媒体查询实现响应式布局。
-
data-属性选择器需HTML真实存在且值完全匹配（含大小写、空格），引号不可省略；CSS变量不能直接响应data-变化，须通过预设选择器声明变量并利用作用域继承实现动态样式。
-
使用CSS的opacity属性可实现元素渐隐渐显，结合transition或@keyframes创建平滑动画；2.opacity变化不影响布局，适合交互反馈与自动循环效果；3.配合visibility和will-change优化性能，避免频繁重排，提升移动端体验。
-
fr单位按剩余空间分配而非容器总宽，受padding、gap、min-width影响；响应式需用repeat(auto-fit,minmax(280px,1fr))；等高靠align-items:stretch或flex-column+margin-top:auto；IE11不支持fr，应降级为Flexbox。
-
JavaScript正则表达式元字符需用双反斜杠转义，escapeRegExp函数通过字符类匹配14个特殊字符并统一替换为"\$&"，兼容字面量和RegExp构造函数，确保动态字符串安全匹配。
-
使用:focus伪类可提升表单交互体验，如改变边框色、添加阴影；需保留或替换outline确保可访问性，配合transition实现平滑动画，增强用户体验。
-
HTML5元数据升级聚焦charset、viewport及语义化name值，强化SEO与可访问性；charset须置head最前，viewport禁用user-scalable=no，keywords已失效，canonical等标签冲突会直接损害页面可信度。
-
sizes必须带单位（如vw、px），用于告知浏览器图片渲染宽度，再结合srcset中宽度描述（如100w）匹配最适源；写错则选图偏差。
-
Chrome禁用JS后页面仍可交互，因disabled属性、:hover伪类和原生表单验证不受影响；禁用JS仅使fetch、addEventListener等脚本逻辑失效，而DOM结构、CSS响应和部分HTML行为照常运行。
-
用grid-template-columns:repeat(auto-fit,minmax(100px,1fr))+gap实现等宽步骤指示器最稳妥，自动适配步数变化；连接线用容器伪元素+inset-block:50%居中绘制；IE11降级用inline-block+text-align:justify配合隐藏::after撑开。
