-
动态调整HTML表格结构需用JavaScript操作DOM：一、用insertRow(-1)和insertCell(-1)在末尾添加行列；二、遍历rows为每行插cell实现加列；三、用insertRow(index)在指定位置插行；四、用cloneNode(true)复制行并修改；五、用innerHTML批量插入，但会丢失事件绑定。
-
<p>隐式类型转换是JavaScript在运算时自动转换数据类型的过程。例如5+"5"得"55"，"2"*3得6，true==1为true；加法中遇字符串则转字符串拼接，其他算术运算转数字，逻辑判断依据真/假值转换，==会进行类型转换而===不会；对象通过ToPrimitive规则转原始值，优先调用valueOf，再toString，可自定义Symbol.toPrimitive；==存在陷阱如null==undefined为true，"0"==false为true，建议使用===避免错误。&l
-
所有浏览器都支持的CSS颜色关键字仅有transparent和16个HTML4标准色（如red、blue）；其余如orange、rebeccapurple等在IE8或旧版WebView中会静默失效，且darkslategrey等英式拼写不被IE8识别。
-
使用fr单位可让CSSGrid子元素按比例分配空间。例如grid-template-columns:1fr2fr1fr将容器分为1:2:1三列，中间占一半；fr可与px混合，如200px1fr实现侧边栏+自适应主区；结合repeat(auto-fit,minmax(150px,1fr))创建响应式卡片网格；用minmax(100px,1fr)限制最小宽度同时保持比例，灵活应对不同屏幕尺寸。
-
justify-items控制grid项目在行内（水平）方向的对齐，align-items控制块内（垂直）方向的对齐，二者均作用于直接子元素在各自单元格内的定位，不干预项目内部布局。
-
grid-auto-rows控制隐式创建的行高，grid-auto-columns控制隐式创建的列宽。当内容超出显式定义的网格范围时，浏览器自动创建新行或新列，其尺寸由这两个属性分别指定，如grid-auto-rows:60px和grid-auto-columns:120px分别设置隐式行高和列宽。
-
JavaScript剪切板操作须通过navigator.clipboardAPI在安全上下文且用户手势触发下进行；readText()读纯文本需权限授权并捕获异常，writeText()写纯文本无需授权但需校验内容，write()可写图片但兼容性差；须检查API支持、避免自动读取、防范XSS与信息泄露。
-
本文详解为何body元素默认不占据浏览器视口全部高度，以及如何通过html和body的协同设置（如height:100%+min-height:100%）实现真正全屏覆盖，同时避免破坏相对定位元素的布局。
-
可通过Spotlight搜索、Finder标签筛选、终端grep命令或代码编辑器跳转四种方式在Mac上快速定位HTML关联的CSS文件。
-
Vite项目部署到GitHubPages后出现白屏，通常因资源路径错误导致静态文件（JS/CSS）404；核心解决方法是在vite.config.js中正确配置build.base，适配GitHubPages的子路径部署结构。
-
border画三角形的本质是利用border斜角渲染特性实现“留白+裁剪”：宽高为0时，三边透明、一边有色的border交汇形成尖角视觉区域。
-
JS中无原生注解，但可通过JSDoc添加文档说明、Decorator实现运行时修饰。1.JSDoc用于描述类功能、作者、示例等，提升可读性；2.Decorator为实验性语法，需TypeScript支持，可修饰类行为；3.两者可结合使用，JSDoc专注文档，Decorator增强逻辑；4.注意兼容性与维护性，合理选择适用场景。
-
CSS天然无作用域，.button会全局生效导致样式冲突；CSSModules通过构建时重命名（如Button_button__abc123）并限定作用域解决，需.module.css后缀、JS导入使用，且仅转换顶层类名。
-
构建可访问的HTML树状视图需遵循以下步骤：首先，使用语义化HTML结构（<ul>、<li>）作为基础；其次，添加ARIA角色如role="tree"、role="treeitem"和role="group"以明确结构与层级；第三，通过aria-expanded、aria-selected、aria-level、aria-setsize和aria-posinset等属性管理节点状态与位置信息；第四，实现完整的键盘导航支持，包括上下箭头切换节点、左右箭头展开/折叠及移动焦点、Home
-
用插入水平分割线，不是HTML5中是一个**自闭合的换行级元素**，但语法上不写斜杠更稳妥。浏览器普遍支持，而在某些旧文档类型或严格XML解析环境下可能出问题。常见错误现象：–页面里看起来正常，但在XHTML模式下报解析错误–用JS动态插入时，innerHTML=''被某些浏览器自动修正为，导致意外嵌套始终用，不加结束标签，也不加斜杠如果项目强制XHTML兼容，改用前需确认DOCTYPE和解析器行为它默认是块级元素，前后自带换行，不需
