-
Symbol.iterator是ES6引入的内置symbol，用于定义对象的迭代行为；当对象拥有返回迭代器的[Symbol.iterator]方法时，即符合可迭代协议，可被for...of等语法消费。
-
src用于嵌入资源（如script、img），浏览器强制同步加载并执行；href用于建立关联（如link、a），浏览器异步处理或按需触发，二者语义与解析机制根本不同，不可互换。
-
应使用CSScolor属性而非废弃的<font>标签；推荐十六进制色值，注意继承与覆盖问题，用语义化class管理颜色并兼顾高对比度模式适配。
-
箭头函数与传统函数最核心区别是this绑定方式不同：箭头函数this词法绑定、不可变，无arguments、不能new调用、无prototype；传统函数this动态绑定，支持arguments、new及call/apply/bind。
-
行内元素默认不换行且不可设宽高，块级元素默认独占一行并撑满父容器；本质是display:inline与block的CSS默认值差异，而非语义规定。
-
Vue编译器对v-bind="obj"采用静态分析与运行时代理协同优化：编译阶段标记为DynamicProps并剥离静态属性，运行时直接透传响应式对象、按需触发getter，更新时基于引用比较跳过未变更对象。
-
使用开发者工具精准定位HTML代码片段有五种方法：一、元素面板搜索；二、Sources面板全局源码搜索；三、控制台执行DOM查询语句；四、Searchacrossallsources快捷入口；五、DOMBreakpoints定位动态插入内容。
-
<p>TailwindCSS原生不支持stroke-1、stroke-2等描边粗细类，stroke-前缀仅用于颜色；SVG描边宽度必须用stroke-width属性或内联style控制，或通过自定义theme和插件扩展。</p>
-
最基础的预览方式是双击打开HTML文件，但fetch、ES模块等需本地服务器；常见问题包括保存为.txt、编码非UTF-8无BOM、file://协议限制；推荐LiveServer或http-server；开发者工具中Network和Console优先排查路径与报错。
-
word-break:break-all需配合min-width:0、max-width及white-space:normal才生效；单独使用在Flex容器中常因min-width:auto失效，且必须避免flex-shrink:0和nowrap干扰。
-
SCSS的&不能防止类名冲突，因其仅是父选择器占位符，编译后仍生成全局类名；真正防冲突需依赖CSSModules，它在构建阶段将.card__header重命名为Card_header__abc123等唯一标识符。
-
shape-outside必须与float同时使用才生效，缺一则无效；需配合width、height、display:block，并确保父容器未创建BFC（如flex/grid/overflow:hidden），否则文字不环绕。
-
position:sticky失效主因是缺少有效滚动祖先；需确保最近可滚动祖先的overflow-y为auto/scroll且内容溢出，避免hidden、visible或transform干扰，top值受border/padding/transform影响。
-
{}与{}不是同一个键，因为Map键比较基于引用而非结构相等，每次{}创建新对象实例，内存地址不同，Map视为独立键。
-
HTML/CSS无法实现条件格式化，因CSS无法读取单元格内容或数值关系；必须用JavaScript遍历元素、判断数据并动态添加语义化class，再通过CSS统一控制样式。
