-
HTML5中class属性用于样式控制和JavaScript操作，需在起始标签内以空格分隔多个合法类名；CSS用“.类名”选择器复用样式；应语义化命名并避免冲突；JavaScript可通过classList动态增删切换单个或多个类。
-
首先创建CMD批处理文件扫描目录并生成HTML报告，接着编写包含媒体查询的CSS实现响应式设计，然后修改脚本自动嵌入viewport元标签，最后通过开发者工具和真实设备测试多端显示效果，确保布局适配手机、平板和桌面。
-
fixed元素被盖住的本质是祖先元素意外创建层叠上下文，截断z-index全局比较；需排查opacity、transform、filter等触发属性并移除或替换。
-
边框颜色与背景不协调的常见原因是边框过实，应使用rgba()设置透明度以增强融合感；深色背景用浅色低透明边框，浅色背景用深色低透明边框，并配合border-radius和微弱box-shadow提升整体协调性。
-
fetch返回Promise，网络异常（如断网）会触发catch，但HTTP状态码错误（如500、404）仍返回Response对象，需手动检查response.ok或response.status；直接用.then().catch()无法捕获网络失败，而try/catch配合await才能统一处理异步错误流。
-
Node.js与浏览器事件循环机制不同，前者基于libuv分阶段执行，微任务在阶段切换前清空，后者遵循HTML5规范，微任务在宏任务后立即执行。
-
Map在频繁插入删除、复杂键类型、大量数据遍历时性能优于Object，因内部机制更高效且支持任意键类型；2.Object仅支持字符串或Symbol键，小规模简单数据下因引擎优化可能更快；3.Map遍历顺序确定且原生支持for...of，而Object需额外转换；4.大量数据时Map内存占用更高但性能稳定，优先推荐使用Map。
-
制作HTML表格的核心是使用<table>标签作为容器，其内部通过<tr>定义行，<td>定义单元格；1.使用<thead>、<tbody>和<tfoot>语义化标签区分表头、主体和脚注，提升可读性和辅助功能；2.通过<th>标签定义表头单元格，并可使用colspan和rowspan属性实现单元格的跨列和跨行；3.表格样式应由CSS控制，包括border-collapse合并边框、padding增加内边距、nth-chil
-
display:none使元素脱离文档流且不占空间，布局重排；visibility:hidden保留空间，布局不变，仅视觉隐藏。
-
最稳比例方案是用grid的fr单位，如grid-template-columns:3fr2fr；Flex布局则用flex:310和flex:210；响应式用repeat(auto-fit,minmax(300px,1fr))；辅以min-width:0和aspect-ratio保障子项不溢出、高度可控。
-
memoize是一种手动实现的缓存策略，用Map存储输入与输出，提升纯函数（尤其递归）性能；手写需支持可序列化参数、保持this上下文，JSON.stringify有局限，Map可避免键冲突。
-
static为默认定位，不脱离文档流，不支持偏移；2.relative相对自身原位置偏移，仍占文档流空间；3.absolute脱离文档流，相对于最近已定位祖先定位；4.fixed相对于视口固定，不随滚动移动；5.sticky在滚动到阈值时由relative变为fixed，常用于表头吸附。
-
柯里化是将多参数函数转为单参数函数链的技术，通过闭包保存已传参数实现分步调用；如add(1)(2)(3)等价于add(1,2,3)，支持暂停、复用与组合；通用实现依赖fn.length判断参数是否齐备，不足则递归返回新函数。
-
JavaScript通过arguments对象、类型判断或分发机制模拟函数重载，实现依据参数数量、类型执行不同逻辑，如add函数根据参数个数返回不同结果，greet函数依据类型区分调用方式，multiply利用映射支持多类型组合，提升灵活性与扩展性。
-
<p>用min-height是解决内容区高度不够最直接安全的方式，它设最小高度且允许内容增多时自动延展；height则强制固定易致溢出。常用值有300px、100vh、calc(100vh-80px)，配合flex布局时需父容器设column和100vh，子项用flex:1加min-height兜底；注意百分比需父元素有明确高度，推荐box-sizing:border-box。</p>
