-
需用<frameset>替代<body>构建多页面框架布局，通过rows划分区域、frame指定src和name，设置border="0"、noresize、scrolling="auto"优化显示，用target跳转，noframes提供降级内容，并避免嵌套及SEO问题。
-
先通过JavaScript获取表格行并转换为数组，再根据点击的列索引进行排序。使用sort()方法比较单元格内容，区分数字和字符串类型，中文采用localeCompare('zh')确保正确排序。每次排序后更新行顺序，并切换升序降序状态。通过sortDirection对象记录各列排序方向，点击表头时切换顺序。最后将排序后的行重新插入tbody完成更新。可添加箭头符号提示当前排序方向，提升用户体验。核心是处理数据类型和本地化比较，避免文本方式排数字或中文乱序问题。
-
hsl()是实现平滑循环色相动画的唯一可靠方案，需用0→360线性插值、避免混用色彩模型、提供rgbfallback并真机实测。
-
用contain:layoutpaint或contain:strict可实现局部重绘，但需容器尺寸稳定、子元素不越界且浏览器支持；contain:layoutpaint最常用，strict隔离最强但要求明确尺寸和定位约束。
-
分代回收是现代运行时内存管理的底层事实，新对象默认在第0代因绝大多数对象存活时间极短，运行时据此高频次扫描小区域以精准回收；晋升由GC次数而非时间决定。
-
下拉刷新在纯HTML中完全无效，因为HTML是静态标记语言，无事件循环和手势监听能力，必须依赖JavaScript通过touch事件、CSS位移与过渡及手动数据获取实现。
-
最推荐方式是navigator.clipboard.writeText()，现代浏览器均支持，需HTTPS或localhost安全上下文，必须用户触发；旧浏览器降级用document.execCommand("copy")。
-
答案是使用文本编辑器编写HTML代码并保存为.html文件，用浏览器打开即可运行。1.用记事本编写包含基本结构的HTML代码，保存为index.html，编码选UTF-8；2.双击该文件，浏览器自动解析并显示网页内容；3.修改文本后重新保存，刷新浏览器即可查看更新效果；4.推荐使用VSCode、SublimeText或Notepad++等支持语法高亮的编辑器提升效率。整个过程无需服务器或编译，仅需文本+浏览器即可完成HTML运行。
-
用grid创建单单元格叠图容器需将两张图片包裹在position:relative的wrapper中，各自设position:absolute;top:0;left:0;并通过z-index和opacity/mix-blend-mode控制叠层与融合效果。
-
一个<th>可通过id被多个<td>的headers属性引用（如<tdheaders="name">和<tdheaders="name">），而单个<td>也可用空格分隔多个id（如headers="nameage"）关联多个<th>，其顺序决定读屏器播报次序。
-
Sticky定位失效主因是父容器设置overflow或transform导致粘性失效；需确保top值明确、非浮动/绝对定位子元素；Flex/Grid容器中需用align-self/justify-self修正；iOSSafari存在性能问题，建议兜底fixed切换；z-index需足够高且避免被兄弟元素遮挡。
-
二级菜单错位的根本原因是position:absolute的定位基准错误，应给一级菜单项设position:relative作为锚点，并确保HTML嵌套正确、避免overflow隐藏和transform干扰，桌面端用@media(hover:hover)隔离hover，移动端必须用JS控制。
-
Sticky定位在表格元素中失效，因<table>、<tbody>、<tr>等不支持sticky，浏览器直接忽略；正确做法是用div模拟表格并设sticky，或采用双层table、CSSGrid、第三方库等替代方案。
-
Grid布局元素视觉错乱的本质是未在CSS中明确控制排列而依赖HTML源顺序；用grid-template-areas通过命名区域定义“平面布局图”，配合grid-area指定位置，可读性强、易维护且天然支持响应式重排。
-
transform:rotate()单独使用无动画效果，需配合transition或@keyframes；hover中直接写会瞬变，须加transition:transform0.3sease并定义起始态；@keyframes旋转进入需明确from/to、单位、forwards及transform-origin。
