-
JavaScript作用域指标识符可被访问的范围，分全局作用域（script顶层声明，挂载window，生命周期长）和函数作用域（函数内声明，调用时创建，执行完销毁），块级作用域（ES6，{}内let/const）与函数作用域并列。
-
提取公共类名可能增大CSS体积，因@extend跨模块时生成冗余组合选择器，如.header.text-center等，比单独声明更大；应优先用CSS自定义属性+单一声明源替代。
-
用contenteditable实现昵称修改框需设plaintext-only或JS过滤、绑定blur/Enter提交、textContent设初始值、重置white-space/overflow；禁用拼写和自动大写，取值用textContent.trim()并正则剥离前缀。
-
JavaScript国际化（i18n）是支持多语言和区域设置的能力，本地化（l10n）是适配特定语言文化的过程；需用navigator.languages获取用户偏好、Intl.Locale解析语言标签、IntlAPI格式化日期数字、动态加载JSON资源，并处理RTL布局及HTML元信息同步更新。
-
浮动元素脱离文档流，导致父容器塌陷及定位基准错乱；绝对定位依赖已定位祖先，若其为浮动则尺寸不稳定；现代布局应优先使用Flexbox或Grid替代浮动。
-
HTML无法控制学习路径的分享权限或链接公开性，因为权限控制必须由服务端实现，涉及身份校验、路由鉴权和数据库字段管理，前端仅负责渲染。
-
HTML无法直接设置背景图片透明度，需用CSS多层背景叠加rgba色块或::before伪元素隔离图层；前者兼容性好，后者精准控制且不影响子元素。
-
用object-fit:cover可强制图片等比缩放并填满容器，多余部分裁剪；需配合明确宽高和overflow:hidden，IE不支持。
-
CSS通过transition属性实现元素平滑过渡，需设置property、duration、timing-function和delay四个参数，常用触发方式包括:hover、:focus及JavaScript操作，仅数值和颜色类属性支持动画。
-
右键“查看网页源代码”看不到真实HTML是因为现代网页依赖JavaScript动态渲染，它只显示服务器返回的初始HTML；而开发者工具的「元素」面板展示的是JS执行后的实时DOM树。
-
块级元素默认宽度占满父容器、高度由内容撑开；高度不继承父级，需显式设置父容器height/min-height；存在margin合并、content-box计算及HTML语义嵌套限制。
-
本文介绍一种不依赖显式宽高声明、利用inline-grid布局让父容器自动撑开以容纳所有绝对定位子元素的现代CSS解决方案，适用于内联文本流中叠加多层内容的场景。
-
模态窗宽度用%撑满全屏，主因是父容器无明确宽度或模态窗未脱离文档流且缺max-width约束；应设父容器width/max-width、模态窗自身合理max-width（如min(800px,90vw)），并注意box-sizing、居中方式及键盘弹出时vw抖动问题。
-
ins标签的cite属性用于指定文本插入原因的来源URL，datetime属性用于定义插入的日期和时间，两者均以语义化方式记录修改信息；ins标签默认以下划线显示插入内容，可通过CSS自定义样式，常与del标签配合使用以展示文档修订历史，相比直接添加文本，ins标签具有更强的语义化优势，有助于搜索引擎和辅助技术理解内容变更。
-
应使用aria-current="step"标记当前答题卡，因其是浏览器原生支持的语义化方式，屏幕阅读器可直接识别“当前步骤”，配合[aria-current="step"]CSS选择器与data-status区分业务状态，确保无障碍、多设备、服务端渲染下状态准确一致。
