-
poster不能替代首帧，仅可作加载占位；因其为静态图、早于视频解码渲染，与真实首帧来源和时机均不同，需用ffmpeg导出首帧覆盖并处理加载失败fallback。
-
Vue3中inject不创建响应式，仅透出provide侧已声明的响应式代理；若provide未用reactive/ref包装，则inject返回的普通值无法触发更新。
-
trimEnd()比trim()更合适，因为用户粘贴文本常在末尾有多余空行或空白符，trimEnd()仅清除末尾空白，避免误删开头有意保留的缩进或空格。
-
@media(orientation:landscape)不稳定，根本原因是viewport缺失或被覆盖、依赖重排导致延迟触发、iOS/安卓兼容性差异；需配合viewport设置、aspect-ratio兜底、dvh单位及主动matchMedia监听。
-
不能直接将React或Vue的render函数用于Canvas渲染，因其默认生成DOMVNode或ReactElement，依赖document.createElement等DOMAPI；Canvas需自定义renderer接管VNode解释权，手动实现绘制逻辑与坐标映射。
-
v-show通过直接操作DOM的display样式实现显隐，跳过虚拟DOM的diff和patch流程；初始即渲染所有元素，仅切换display值，适合高频切换但需注意内存常驻问题。
-
不能直接用CSS选择器定位带阴影的元素，因为CSS选择器无法基于已应用的样式（如box-shadow）进行匹配，只能依据DOM结构、属性或状态。正确做法是通过类名（如.has-shadow）、数据属性（如data-shadow）或语义化标签等结构性标识，在添加box-shadow时同步赋予元素可被选择的特征，从而实现精准定位与管理。
-
事件委托高效是因为将多个子元素的事件监听集中到父元素，利用冒泡机制统一处理，节省内存、提升性能，且动态增删子元素时无需重新绑定或解绑。
-
HTML水印仅为视觉提示，非真正版权保护；background-image水印易被删除，因伪元素和背景图属标准CSS层级，无封装加密，且跨域图片需设置crossOrigin='anonymous'并服务端支持CORS。
-
float在现代开发中已无布局未来，仅剩邮件模板多栏排版和图文环绕两个不可替代场景；display:flow-root是标准清除方案，而迁移本质是思维重构——从“让元素浮起”转向“定义数据流与轴向”。
-
局部同构更新不能实现“不重刷页面却更新SEO”，SEO内容必须由服务端直出并存在于初始HTML中；局部刷新仅能安全更新与服务端输出严格匹配的子树，不得破坏已有SEO结构。
-
优先选iframe嵌入第三方地图，因其开箱即用、兼容性好、无需密钥和JS初始化；需从官方“嵌入地图”页签获取代码，注意src格式、响应式写法及国内GFW下的fallback方案。
-
用CSS变量实现多页面主题色：在:root定义语义化变量（如--primary-color），通过body或容器的style属性、data-theme属性或JS动态设置覆盖，依赖继承生效；注意all:unset会清空变量，服务端需预注入避免闪屏。
-
overflow:hidden能撑开父容器是因为触发BFC，使父容器包含浮动子元素高度；但会裁剪溢出内容，推荐用display:flow-root替代。
-
要让侧边栏的特定元素固定在底部对齐，最有效的方案是使用Flexbox布局；2.将侧边栏设置为display:flex且flex-direction:column，使其成为垂直方向的Flex容器；3.给需要底部对齐的元素添加margin-top:auto，使其自动占据上方剩余空间并被推至底部；4.该方法优于position:absolute，因它保持元素在文档流中，避免重叠和定位混乱；5.Flexbox能自适应内容高度变化，无需JavaScript干预，确保布局稳定；6.此外，Flexbox还支持侧边栏与主
