-
text-overflow:ellipsis对面包屑无效，因其需单行块级元素且依赖white-space:nowrap与overflow:hidden；而面包屑由多个行内元素组成，浏览器无法确定省略位置。
-
根本原因是ShadowDOM样式隔离机制阻断外部CSS匹配，即使类名存在且Tailwind已生成对应规则，外部tailwind.css中的全局类（如.p-4）也无法穿透作用域生效；必须手动注入完整编译后的CSS到shadowRoot，且content配置需覆盖模板路径或safelist预声明动态类名。
-
子元素margin撑不开父容器是因外边距折叠，需触发BFC（如display:flow-root）；width:100%溢出因box-sizing默认为content-box，应设border-box；absolute定位需父设position:relative；Flex中margin:auto可居中，前提父为flex且未覆盖对齐属性。
-
Array.prototype.sort()默认按字符串Unicode码点排序，数字数组需用(a,b)=>a-b升序或b-a降序；对象数组可按属性用减法或localeCompare排序，多级排序用逻辑或实现优先级。
-
:first-child伪类选择父元素中第一个子元素，且该子元素需匹配指定选择器。例如p:first-child选中作为首个子元素的p标签；若首个子元素为其他类型（如h2），则p:first-child不生效，此时可用p:first-of-type选中首个p类型元素。样式应用需注意子元素实际顺序，:first-child基于位置而非类型，结合:first-of-type更灵活可靠。
-
使用BEM命名、控制特异性、CSS模块化和合理加载顺序可避免样式冲突。通过block__element--modifier命名隔离组件，统一类选择器避免!important，利用CSSModules或Scoped封装作用域，先载入通用样式再组件最后主题，确保团队规范一致，提升维护性与可控性。
-
单选按钮必须用相同name属性分组，value应为简洁标识符，label负责显示文案，checked用于默认选中，且需保障无障碍支持。
-
HTML5GeolocationAPI依赖底层系统且需HTTPS/localhost环境；失败主因是权限拒绝、定位服务关闭或超时未设；须完整处理error回调并适配坐标系与设备兼容性。
-
使用gap配合flex-wrap可优化弹性布局间距，避免传统margin导致的错乱问题。gap能自动控制项目间行与列距，统一管理响应式间隙，且不产生首尾多余空白，适用于卡片网格、表单组等多行布局场景。主流浏览器已支持，旧版本可通过@supports降级处理。结构更清晰，维护更简便。
-
JavaScript原型链是对象通过[[Prototype]]链接逐级向上查找属性和方法的继承机制；普通对象、数组、函数的原型最终都指向Object.prototype，其[[Prototype]]为null；构造函数的prototype指定实例原型，__proto__指向直接原型；属性查找沿__proto__链进行直至null；主流继承方式包括组合继承、寄生组合继承和ES6class，均基于原型链实现。
-
max()函数可从多个值中选取最大值用于字体大小，实现响应式文本。例如font-size:max(1rem,1.5vw)在小屏用1rem，大屏随视口放大；相比clamp()仅设下限无上限，适合无需严格限制字体上限的场景，主流浏览器已支持，旧版可加降级方案兼容。
-
html5play不是HTML5标准函数，而是项目自定义封装；正确监听播放事件应绑定在video/audio元素上，如playing、pause、ended等标准事件。
-
sizes必须带单位（如vw、px），用于告知浏览器图片渲染宽度，再结合srcset中宽度描述（如100w）匹配最适源；写错则选图偏差。
-
Symbol通过创建唯一属性键避免命名冲突，确保扩展内建对象时的唯一性和未来兼容性，其非枚举特性提升代码可维护性与可读性，同时需注意误用Symbol.for、序列化丢失及过度依赖等问题，最佳实践包括使用描述性名称、避免直接修改原型链并做好文档说明。
-
模态窗口的层叠显示依赖CSS定位与层级控制，需注意以下要点：1.使用position:absolute使模态框脱离文档流，并相对于最近的已定位祖先定位，配合top、left和transform实现居中；2.当父容器设置overflow:hidden且为定位上下文时，absolute元素会被裁剪，解决方法是将模态框移出该容器或使用position:fixed；3.通过z-index控制层叠顺序，确保模态框（如z-index:1000）高于遮罩层（如z-index:999）及其他页面元素；4.推荐将模态框挂载
