-
JavaScript的空值合并运算符（??）与逻辑或（||）的核心差异在于判断“空值”的标准不同。1.??运算符仅当左侧为null或undefined时才返回右侧操作数，保留0、false和''等有效值；2.||运算符基于“假值”判断，遇到0、false、''、null、undefined或NaN都会返回右侧操作数。因此在需要区分有效假值和真正缺失值的场景，应优先使用??来避免误替换有效数据。
-
类选择器是CSS中最常用的工具之一，它通过在class名前加点（.）来选中元素，例如.btn会匹配所有class为btn的元素。一个元素可拥有多个类，用空格分隔，如class="btnprimary"，此时.btn和.primary样式都会生效。若需特定组合时生效，可使用连写形式如.btn.primary（顺序不影响），适用于主题或状态区分。为避免类冲突，建议采用命名空间前缀、统一命名规范（如BEM）、模块化方案或功能前缀。此外，属性选择器也能辅助动态匹配，如[class^="col-"]匹配以col-开
-
颜色对比度不佳主要影响五类用户群体：1.低视力用户，因文字与背景对比不足导致无法识别字符；2.色盲或色弱用户，特定颜色组合在他们眼中难以区分甚至完全混淆；3.老年用户，因年龄增长导致对比敏感度下降，对蓝光和暗色识别困难；4.处于特殊环境的用户，如强光或昏暗环境下使用设备的人；5.暂时性视觉障碍用户，如眼睛疲劳、干涩或佩戴不合适眼镜的人。颜色对比度不仅是视觉设计的一部分，更是确保信息可访问性的基础，影响所有用户的阅读体验。WCAG标准提供了对比度的衡量依据，常规文本至少需达到4.5:1，大号文本为3:1。提
-
要实现HTML表格单元格内容的省略显示，核心步骤是强制文本不换行、隐藏溢出内容并添加省略号提示。1.设置white-space:nowrap;阻止文本换行；2.使用overflow:hidden;隐藏超出部分；3.应用text-overflow:ellipsis;添加省略号；4.必须为单元格设置明确宽度（如max-width或width），否则text-overflow不生效。此外，text-overflow还支持clip值用于直接截断文本，但ellipsis更为常用。在响应式布局中，建议使用相对单位（如
-
要创建HTML单选框，必须使用<inputtype="radio">并确保同组选项具有相同的name属性；1.使用相同name属性将多个radio元素分为一组，实现单选功能；2.通过label标签的for属性与radio的id关联，提升可访问性和用户体验；3.设置value属性定义提交时的值；4.单选按钮与复选框的区别在于前者只能选一项，后者可多选；5.默认选中某个选项时，在对应radio标签上添加checked属性即可；6.使用JavaScript可通过遍历同name元素查找checked状
-
output标签用于显示计算结果或脚本输出，可通过value属性或textContent/innerHTML结合JavaScript更新内容；1.使用value属性可在表单oninput事件中动态计算并赋值；2.修改textContent或innerHTML可手动设置输出内容，推荐textContent以避免XSS风险；3.可结合fetch等API实现异步数据展示；4.浏览器兼容性良好，主流浏览器均支持，IE9及以下需通过document.createElement('output')和CSS进行poly
-
JavaScript中的动态继承主要通过Object.setPrototypeOf()、__proto__属性和Object.create()实现；2.Object.setPrototypeOf()是标准推荐方法，用于运行时修改对象原型，但可能影响性能和可维护性；3.__proto__为非标准且已废弃，不推荐新代码使用；4.Object.create()在创建对象时动态指定原型，适用于工厂模式等场景，性能更优且更安全；5.动态继承适用于运行时行为切换、模拟多重继承或Mixin模式及框架底层实现，但需谨慎使
-
CSS中的单位分为绝对单位（如px、in、cm）和相对单位（如%、em、rem）。1.绝对单位如像素（px）在任何环境下保持不变，适用于需要精确控制的设计。2.相对单位如百分比（%）基于父元素尺寸，适合响应式布局。3.em单位基于当前元素字体大小，易于调整但受父元素影响。4.rem单位基于根元素字体大小，不受父元素影响，适用于响应式设计。
-
<caption>标签是HTML中为表格提供语义化标题的专用元素，必须作为<table>的第一个子元素以确保正确的语义解析；2.与普通标题如<h2>不同，<caption>与表格具有强制性的结构关联，能被屏幕阅读器优先识别并朗读，帮助用户快速理解表格内容；3.可通过CSS对<caption>设置样式，包括使用caption-side属性控制其显示在表格上方或下方，并可通过字体、颜色、对齐等属性优化视觉呈现；4.实际使用中常见错误包括位置放错、过度
-
表单防篡改的核心在于服务器端验证，前端措施仅能优化体验而无法保障安全。通过CSRF令牌防止伪造请求，结合HMAC签名验证关键数据完整性，确保表单提交的可信性。服务器必须对所有输入进行严格校验与净化，防止恶意数据入库。同时，通过日志记录、错误提示、幂等性处理和限流风控等机制，全面应对异常提交，构建多层次、以服务器为中心的防护体系。
-
原生HTML/CSS无法实现富文本编辑，contentEditable虽提供基础但存在跨浏览器兼容性差、无内置工具栏、输出难控制等问题；推荐使用第三方库因其封装了复杂性，提供一致API、丰富功能、良好安全机制和易用性，显著提升开发效率与用户体验。
-
margin属性用于控制元素周围空白区域，影响布局；2.可通过1~4个值设置四边外边距，顺序为上右下左；3.解决外边距折叠常用方法：父元素加padding、设置overflow、添加border、使用flex/grid布局或定位；4.margin:0auto实现水平居中需满足：块级元素、设置宽度、有可用空间；5.margin百分比值始终相对于包含块的宽度计算，而非高度，这对响应式设计至关重要。
-
HTML元素可分为：1.根元素如<html>；2.文档元数据元素如<head>；3.内容分区元素如<body>；4.文本内容元素如<h1>、<p>、、<span>；5.嵌入内容元素如<img>、<video>、<audio>；6.表单元素如<form>、<input>、<button>；7.脚本元素如<script>；8.表格元素如<table&
-
Node.js能实现非阻塞I/O，核心依赖libuv；2.libuv通过操作系统原生异步API（如epoll/kqueue/IOCP）处理网络I/O，避免主线程阻塞；3.对于无法非阻塞的操作（如文件读写、DNS查询），libuv使用默认4个线程的线程池异步执行，保持主线程自由；4.事件循环是Node.js单线程调度机制，libuv为其提供底层支持，完成任务分发与回调入队；5.开发者无需直接操作libuv，但理解其原理有助于优化性能、避免阻塞事件循环，写出更高效的Node.js应用。
-
<tr>定义表格行，<td>定义行中的数据单元格，二者共同构成表格的行和列结构；2.构建可读性高的表格需使用<thead>、<tbody>、<tfoot>和<th>以增强语义化和可访问性；3.<th>用于表头，具有语义标识作用，而<td>用于普通数据单元格；4.优化布局时可通过CSS设置边框、斑马线、悬停效果，并在响应式设计中采用水平滚动、卡片化布局或列的动态显示隐藏来提升用户体验，最终实现结构清晰、易于维护且
