视频弹幕层需在外层容器设position:relative定位，容器宽高与视频一致。弹幕层必须加pointer-events:none避免遮挡视频控件。动画使用transform+transition替代left操作，避免卡顿。轨道防重叠需通过JavaScript动态计算空闲轨道并控制行数，同时及时清理屏幕外DOM防止内存泄漏。

嵌套可拖拽元素时，子元素拖拽会连带激活父容器，因dragstart事件冒泡。正确做法是在子元素的dragstart处理函数中调用stopPropagation()阻止事件传播，父容器无需修改。此外，draggable属性仅加于需拖拽元素，视觉反馈区分层级，移动端需另做适配。

表单方法属性仅对类型为submit或image的按钮控件生效，其他类型无效。其值仅支持get与post两种，且严格区分大小写。此属性必须与表单动作属性配合使用，否则只改变请求方法而不修改提交地址。此外，它仅影响浏览器原生提交，通过JavaScript手动提交表单时完全无效。

使用书写模式CSS属性可实现文字竖排，推荐垂直从右向左配合文本方向混合和方向从右向左。竖排后文本对齐方向改变需同步调整。现代浏览器支持良好，但IE不支持。需重新理解内边距、行高等样式在竖排中的表现。

Canvas图形变换中，setTransform直接设定参数并清空历史状态，避免累积误差；利用数学公式可一步实现绕任意点旋转缩放；需配合save restore保存与恢复状态，防止污染后续绘图。

undefined是引擎自动赋予的未初始化默认值，null是开发者主动清空的明确空值。二者语义、来源、类型及比较行为不同。开发中应按意图区分：undefined用于系统未触及状态，null用于主动干预表达“此处已清空”。

隐藏文字是否构成SEO作弊？这需要具体问题具体分析。核心判断标准在于：如果隐藏文字的意图是欺骗搜索引擎而非为用户提供价值，那么它就属于SEO作弊行为。Google的Search Essentials明确将“向用户展示的内容与向搜索引擎展示的内容不一致”列为违规项，典型手法包括display: non

你是否曾遇到这样的情况：为一个造型别致的工具提示框或者含有伪元素的图标添加阴影时，最终呈现的却是一个方方正正的黑色矩形？按理说阴影应紧密贴合不规则轮廓，为何会变回规整的方形？ 问题的根源在于drop-shadow的工作原理——它依据的是元素的Alpha通道（即透明度轮廓边缘），而非盒模型定义的矩形边