-
text-overflow:ellipsis必须同时满足三个条件才生效：white-space:nowrap、overflow:hidden和明确的宽度限制（如width或max-width）；仅支持单行省略，多行需借助-webkit-line-clamp等方案。
-
用纯HTML+CSS实现数字徽章：父容器设position:relative，徽章<span>设position:absolute;top:-6px;right:-6px;background:#ff4757;color:white;font-size:12px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;，避免overflow裁剪、确保不塌陷、适
-
打印表格边框消失或错位需用@mediaprint显式声明border、padding等样式并加!important；长表格跨页需用thead{display:table-header-group}和tr{page-break-inside:avoid}；移动端Safari需固定table-layout、设单元格width并禁用缩放。
-
最可靠方法是用urllib.parse.parse_qs或parse_qsl：前者返回值为列表的字典，适合多值参数；后者返回有序元组列表，支持空值和重复键，且自动处理URL解码。
-
类继承基于ES6的class语法，通过extends和super实现，语法简洁、可读性强，底层为原型链；组合继承结合构造函数与原型链，兼容性好但代码冗长。前者是后者的语法优化版本，现代开发推荐使用类继承，理解组合继承有助于掌握原型本质。
-
Cookie的path和domain必须显式指定且严格匹配，否则跨路径或子域无法读取或删除；path须以/开头（如path=/），domain需带前导点（如domain=.example.com），删除时path和domain必须与写入时完全一致。
-
bind创建的函数this永久绑定于绑定时指定的对象，后续调用无法更改；它固定this并预设参数，支持柯里化，多次bind仅叠加参数而不改变首次绑定的this。
-
同构渲染需分层策略、统一路由逻辑与服务端可控HTML输出；路由配置、数据预取、SEO标签、key绑定及初始状态必须严格一致，否则触发重渲染或hydration失败。
-
单例模式确保全局唯一实例，如配置对象；观察者模式实现组件解耦通信，通过事件总线通知状态变化；工厂模式统一创建相似对象，按角色生成按钮；装饰器模式动态扩展功能，如为方法添加日志和性能监控。
-
HTML气泡需防范XSS：仅允许白名单标签（strong、em、br、a且href限https?），禁用script等执行类标签及on事件；时间戳应作为子元素用margin微调对齐，禁用绝对定位；Safari需用JS而非:hover控制提示；z-index、伪元素定位、scrollHeight计算是跨端兼容关键。
-
BEM是通过命名规则将样式意图编码进类名的协作方案，而非美化CSS的技巧；其双下划线和双破折号语法支持工具链识别、避免命名冲突、保障重构安全，并需配合函数化生成与渐进式落地。
-
Autoprefixer不能直接处理SCSS文件，因为它只解析标准CSS，不识别SCSS语法（如$color、@mixin）；必须先用Sass编译器转为CSS，再经PostCSS流程添加前缀。
-
通过设置flex-grow:1，子元素可在Flex布局中自动填满父容器的剩余空间，解决响应式设计中的尺寸适配问题。
-
Permissions-Policy（原FeaturePolicy）是声明式策略，通过HTTP响应头或iframe的allow属性在资源加载前限制API访问；allow属性仅作用于该iframe及其子上下文，权限需显式指定来源并用分号分隔，空格分隔已废弃，且不控制父页面行为。
-
TrustedTypes是需服务端、策略层、调用层三方对齐的强制拦截机制；必须配置CSP响应头（如require-trusted-types-for'script'），否则JS策略无效，且策略名须与CSP中声明的一致，否则抛TypeError。
