-
customElements.define()不保证注册成功，需用customElements.get()验证；无unregister()API，需手动清理实例与资源；attributeChangedCallback不触发初始属性，须在connectedCallback中补读；ShadowDOM样式须在attachShadow后注入。
-
引入normalize.css是为统一浏览器默认样式差异，避免因用户代理样式表导致的布局错位、表单控件不一致等问题，它校准渲染但不改变语义，需正确加载且不可替代UI规范。
-
grid-column-gap控制列间水平间距，row-gap控制行间垂直间距；前者作用于列轴，后者作用于行轴，两者均推荐用column-gap和row-gap替代以提升跨布局通用性。
-
乱码本质是UTF-8编码处理缺失，非协议问题；PHP需确认源编码后转UTF-8并校验，Python须显式指定文件/输入编码，Java应URL编码查询参数并避免容器默认ISO解码，全链路需统一UTF-8。
-
Three.js从r125开始彻底移除Geometry构造器，因其是CPU端对象，无法高效映射到WebGL；必须改用BufferGeometry，通过Float32Array和BufferAttribute手动构建顶点等属性。
-
Node.js命令行工具需在文件首行添加#!/usr/bin/envnode，设执行权限，用process.argv.slice(2)或commander解析参数；通过bin字段配置并npmlink可实现全局命令。
-
optgroup是select元素内用于语义化归类option的容器标签，必须作为select的直接子元素，不可嵌套或脱离select使用，其核心价值在于提升可访问性与屏幕阅读器支持。
-
length属性写入小于当前值会同步、不可逆地删除超出元素并释放内存；仅对真数组有效，需赋非负整数，比splice(0)、赋新数组或循环pop更高效轻量。
-
<section>本质是语义化区块，需有明确主题和标题，助读屏器与搜索引擎理解结构；<div>是无语义容器，专用于布局、JS锚点等无需语义的场景。
-
PriorityExecutor是可控异步调度器，需用WeakMap管理AbortController避免内存泄漏，按字符串优先级（critical/normal/idle）调度，任务须支持取消且上下文通过参数传入、finally清理。
-
Less4.x无Math模式配置，除法仅在括号内或用./时计算；否则原样输出导致CSS错误。正确写法：(100px/4)或100px./4；乘加减无需括号但需单位兼容。
-
答案：通过HTML5拖放API实现看板需设计可拖动卡片与投放区域，绑定dragstart、dragover和drop事件，设置draggable属性并用data-*存储数据，在dragstart中设置拖动数据，dragover中阻止默认行为以允许投放，drop时移动元素并更新状态，同时添加CSS样式提供拖动和悬停视觉反馈，最后可通过SortableJS等库扩展排序与跨列拖拽功能。
-
setSelectionRange是原生input和textarea元素的方法，用于程序化设置光标位置或选中文本；仅在元素已聚焦、类型支持文本编辑（如text、search、password）且未禁用/只读时可用，否则会报错或无效。
-
服务端渲染（SSR）中不存在“微任务描述符”这一标准概念；真实风险在于全局状态污染、渲染实例未隔离及异步副作用竞态，需通过请求上下文隔离、每次创建新应用实例和正确await异步操作来防范。
-
推荐用@mixinclearfix封装，输出::before、::after及*zoom:1兼容IE6/7，避免手动重复、维护难和失效问题；但BFC已触发时（如overflow:hidden、flex/grid）不应滥用。
