-
HTML表格每行加复选框应直接置于<td>内，用唯一name="row-select"、data-row-id标识业务主键，避免id重复和内联JS；全选逻辑需双向同步：监听行复选框change事件动态更新表头复选框的checked与indeterminate状态。
-
SourceMaps是混淆后精准定位原始代码的关键工具，通过.map文件将压缩代码映射回源码位置；需在构建工具中正确配置生成与加载，兼顾生产环境的安全与调试需求。
-
:last-child用于选中父元素的最后一个子元素，如li:last-child使最后一个li变红；常用于移除列表末尾边框或调整卡片样式，需注意仅当末尾元素匹配时才生效，支持IE9以上浏览器。
-
::after清除浮动失效的根本原因是伪元素默认display:inline，无法触发BFC且不撑高父容器；必须同时满足content非none（如""）和display为block/table/flex等块级显示值。
-
通过展开运算符实现多层嵌套对象的非破坏性局部更新，需逐层展开、只改目标路径、保持其余结构不变，如更新user.profile.settings.theme需四层展开；函数封装（如updateIn）可提升可读性与复用性；含数组时需结合map与展开；严禁覆盖整层或直接赋值等破坏性写法。
-
应优先在配置文件中通过theme.extend或shortcuts定义语义化按钮样式，而非在HTML中堆砌原子class；Tailwind用theme.extend.colors/spacing/borderRadius，Bootstrap5重写SCSS变量，UnoCSS用shortcuts+theme.colors；生效前需重启服务、核对class名与插件启用、确保CSS加载顺序及变量引用正确。
-
HTML函数工具无法绕过硬件限制，因其运行于浏览器沙箱内，仅能通过受限WebAPI间接访问摄像头、麦克风等授权设备，WebAssembly亦无法突破隔离；软件模拟仅适用于纯逻辑设备，复杂或实时硬件行为不可行。
-
JavaScriptDecorator是处于Stage3提案阶段的语法糖，需Babel或TypeScript转译，本质是修饰类、方法等的函数，接收固定参数并返回修改后的描述符或构造函数，执行于类定义阶段而非运行时。
-
本文介绍在不破坏现有SCSS架构的前提下，仅通过最小化CSS修改将表单中的<inputtype="submit">按钮水平居中对齐的可靠方法。核心方案是使用display:block+margin:auto，兼容性强、无副作用、无需改动HTML结构。
-
HTML5inputtype="number"不自动格式化数值，仅做基础约束；显示格式化需JS（如Intl.NumberFormat）或CSS；Intl.NumberFormat对locale敏感，需fallback；移动端数字键盘应优先用inputmode；旧项目易忽略空值和非法输入处理。
-
页面权限分级的核心是将权限标识写入路由meta字段，并在router.beforeEach中校验用户权限，不满足则跳转或拦截。
-
Blob配合URL.createObjectURL可纯前端导出文本：先用指定UTF-8编码的Blob封装字符串，再生成临时blobURL，通过动态创建带download属性的a标签模拟点击触发下载，最后移除元素并释放URL。
-
trimStart仅去除字符串开头空白符，trimEnd仅去除结尾空白符，trim则同时处理两端；三者行为独立不可互换，非语法糖。
-
浏览器支持NotificationAPI需同时满足：Notification构造函数存在（typeofNotification!=='undefined'）且Notification.permission可读；Safari旧版、IE不支持，Edge18+、Chrome、Firefox、新版Safari支持。
-
暗黑模式需结合CSS变量与data-theme类控制，媒体查询仅作初始兜底；必须同步localStorage与HTMLclass，所有颜色须用语义化变量，避免硬编码。
