-
class用于元素分组和样式复用，id用于唯一标识和精确操作；class适合多数样式和交互场景，id适用于锚点、表单关联及JavaScript唯一引用，避免滥用id定义样式和重复id确保代码可维护性。
-
JavaScript类继承通过extends实现子类复用父类属性方法，基于原型链但用class语法更直观清晰，提升代码可读性与维护性。
-
:only-child选择父元素中唯一子元素，而:only-of-type选择同类型标签中唯一的元素；2.前者要求该元素是独生子，后者允许其他类型兄弟元素存在；3.实际应用如单张图片居中、单一列表项突出显示、单输入框占满容器等场景；4.掌握二者区别可精准控制样式，避免依赖类名或JavaScript。
-
Node.js使JavaScript服务端编程成为现实，它通过C++底层（libuv、V8）封装系统能力，提供fs、path、http等核心模块及CommonJS/ESM双模块系统，但二者不可混用。
-
Proxy通过handler对象的陷阱方法拦截对象操作，Reflect提供与之对应的标准方法以安全执行默认行为；二者协作实现对象行为的精细控制与可靠转发。
-
JavaScript模块系统分浏览器ES模块和Node.js双机制：Node需.mjs后缀或"module"类型声明才支持import/export，CommonJS仍广泛使用但二者不可混用。
-
图标字体颜色可通过CSS变量统一管理，定义--icon-color等变量于:root，用color:var(--icon-color)应用至.icon或.fa类，并支持hover、disabled状态及深色模式动态切换，注意避免内联样式覆盖和fill属性误用。
-
async/await是基于Promise的现代异步语法，使代码更简洁可读；async函数返回Promise，await暂停执行但不阻塞线程；错误可用try/catch捕获，需注意作用域与并发处理。
-
本文介绍在JavaScript中如何仅删除URLSearchParams中具有相同键名但特定值的单个参数，避免误删其他同名参数，适用于处理如foo=1&foo=4这类多值场景。
-
background-image不可动画化，因CSS规范禁止其插值；可用linear-gradient模拟（改透明度）或伪元素+opacity切换图片。
-
用rgba()或hsla()设边框透明色时，border样式（如solid）不可省略，否则声明失效；不可用opacity替代，因其影响整个元素；需兼容IE8时应添加不带alpha的fallback声明。
-
浅拷贝只复制第一层引用，深拷贝递归复制所有层级；Object.assign()和展开运算符仅顶层浅拷贝，JSON.parse(JSON.stringify())最简但限制多，structuredClone()是现代推荐方案，支持更多类型且性能更优。
-
生成器通过yield和next()实现异步流程控制，其核心在于1.使用function*定义生成器函数；2.在函数内部用yield暂停执行并产出Promise；3.通过外部执行器捕获Promise结果并用next()传回生成器恢复执行；4.以线性方式处理异步操作从而避免回调地狱。生成器结合Promise为async/await奠定基础，但实际应用中需依赖执行器、调试复杂且普及度不如async/await，因此已被更简洁的async/await取代。
-
本文介绍如何修改JavaScript汇总逻辑，使countTotal()函数仅对display!=='none'的行（<tr>）和列（<td>/<th>）参与求和，从而确保员工/流程过滤后totals仍准确反映当前可见数据。
-
需用WebRTC的getUserMedia()实现实时摄像头调用：一、确保HTTPS/localhost环境并检测mediaDevices支持；二、请求video权限并处理拒绝异常；三、将MediaStream赋给带autoplay/muted的video元素；四、用enumerateDevices筛选视频设备并指定deviceId调用；五、监听oninactive事件释放轨道资源。
