-
BEM表格结构应以业务功能为Block（如user-list-table），行、单元格作为Element，列职责用Modifier标识；禁用colgroup，列宽/对齐/响应式均通过ElementModifier控制；原生标签仅保语义，样式全由BEM类接管；Modifier需分层：职责类必选、状态类可选、交互类严格限定。
-
HTML多选仅提供选择入口，批量操作需JS驱动并对接后端；关键在于稳定获取选中项唯一标识，注意动态渲染时机、空数组校验、数据格式匹配、防重提交及用户反馈。
-
应使用CSScolor属性而非废弃的<font>标签；推荐十六进制色值，注意继承与覆盖问题，用语义化class管理颜色并兼顾高对比度模式适配。
-
backface-visibility:hidden能解决Safari下transition闪烁，但必须加在正在动画的元素本身上；因其向浏览器明确声明独立稳定图层，而Safari的WebKit对图层复用更保守，易反复重建导致闪烁。
-
String.fromCharCode()是JavaScript中根据Unicode码点（十进制整数）生成字符的静态方法，仅支持0–0x10FFFF范围内的数值，不解析代理对逻辑；处理补充平面字符应使用String.fromCodePoint()。
-
<br>是纯视觉换行指令，无语义；<p>是语义化段落容器，自带间距与结构。前者用于地址、诗歌等同段内强制换行，后者用于逻辑完整的独立文本块，混用会损害可访问性、SEO和CSS控制力。
-
纯CSS无法实现真正虚拟滚动，因其不能感知滚动位置、计算可视索引或动态更新渲染；核心逻辑必须由JS完成，CSS仅负责高效位移（如transform）与视觉优化。
-
JavaScript需借助第三方物理引擎实现物理模拟，推荐Matter.js（2D易用）、Planck.js（高精度2D）、Cannon.js（3D）、Impulse.js（轻量）；集成时应隔离物理循环与UI框架，谨慎同步状态以保证稳定性。
-
IE6–8中position:absolute偏移不准的本质是父容器未触发hasLayout，导致绝对定位参考错误包含块；需用zoom:1等可靠方式主动触发，而非仅依赖position:relative。
-
本文详解如何在保留HTML表单结构的前提下，通过event.preventDefault()阻止默认提交行为，结合fetch发起异步请求，并将响应结果精准渲染至指定输出容器（如#output-box），彻底解决页面意外刷新、结果跳转新页或请求未触发等问题。
-
使用WebComponents可构建与框架无关的UI组件系统，通过CustomElements定义标签、ShadowDOM实现样式隔离、HTMLTemplates提升可维护性，并结合属性监听与事件通信，使组件可在任意技术栈中复用，适用于设计系统与微前端场景。
-
无用。Flex容器默认已是定位上下文，加position:relative纯属冗余；absolute子项脱离flex流，定位受overflow、transform等影响，需显式设置偏移并确保容器有明确尺寸。
-
TailwindCSS不支持selection修饰符，需在@layerbase中手动添加::selection和::-moz-selection样式，且仅color、background-color等少数属性有效。
-
移动端长按触发文字选中是浏览器默认行为，iOSSafari和AndroidChrome均支持；可通过user-select:none禁用，但需配合-webkit-touch-callout:none才能彻底屏蔽长按菜单。
-
:required伪类需配合HTML中真实存在的required属性才能生效，仅对<input>、<select>、<textarea>等原生表单控件有效；required="false"无效，动态添加需确保DOM更新，旧版Safari存在兼容性问题。
