-
移动端position:sticky不生效主因是父容器限制或浏览器兼容性问题：iOSSafari15.4+才完整支持overflow非visible祖先内的sticky；AndroidChrome中transform/will-change/filter会禁用sticky；需避免父级overflow:hidden/auto/scroll及硬件加速属性，优先用top:0并配合height/滚动上下文，小屏降级fixed+JS动态适配。
-
可在Jimdo网站通过“HTML区块”嵌入HTML5代码：先添加HTML区块并粘贴合法代码，再验证语法与兼容性（禁用内联JS、确保HTTPS绝对路径），Pro用户可启用高级模式支持脚本和CSS，最后发布并在真实环境调试。
-
:hover伪类实现鼠标悬停交互，支持样式变化与transition平滑过渡，可控制子元素或相邻元素，但移动端支持有限，关键信息不可依赖:hover。
-
可选链?.是ES2020正式引入的运算符，用于安全访问嵌套属性或调用方法，遇null/undefined即停止并返回undefined，不提供默认值，仅适用于读取操作且不可用于赋值左侧。
-
VSCode中Vue文件的template/script/style标签显示为白色，是因默认主题未对HTML标签作用域（如entity.name.tag.html）配置前景色；需通过editor.tokenColorCustomizations手动为当前主题定制标签颜色。
-
auto-fill保留空轨道适合hover动画，auto-fit收缩空列更省空间；minmax(200px,1fr)实现响应式列宽，需配合display:grid和合理父容器宽度；clamp()可替代minmax()第一参数实现平滑响应式，但需注意Safari兼容性。
-
Flexbox布局需厘清主轴与交叉轴：flex-direction定义主轴方向，justify-content沿主轴分布子项，align-items在交叉轴对齐所有子项；注意容器尺寸、子项flex属性及wrap设置。
-
断点应依据内容表现而非设备尺寸，如文字拥挤、图片变形、导航重叠时的宽度即为合理断点；推荐使用min-width向上增强，结合clamp()、flex-direction和grid-template-columns等渐进式调整方案。
-
Canvas绘制水印图片是最可行方案：先drawImage绘制原图，再用fillText叠加半透明旋转文字，通过globalAlpha、字体、坐标和循环密度控制实现全覆盖水印。
-
响应式多列布局通过Flexbox与MediaQuery协同实现。1.使用display:flex、flex-wrap:wrap和flex:1创建可换行的等宽列，结合min-width防止压缩；2.在不同屏幕宽度下，用MediaQuery控制列数：992px以上三列，768-991px两列，767px以下单列堆叠；3.注意使用gap统一间距，合理设置断点并测试主流设备，确保布局流畅适配。
-
class是构造函数的语法糖，本质基于原型链和new调用；两者行为等价但class不可枚举、不提升、强制new调用；继承推荐class，简单工厂用构造函数更灵活；兼容性和维护性比语法选择更重要。
-
使用Express的res.json()或原生res.end(JSON.stringify())返回JSON数据，需设置Content-Type为application/json；推荐Express方式，自动序列化并支持状态码，如res.status(200).json({code:200,message:'成功',data:{}})；原生需手动设置头和字符串化，处理中文时应加charset=utf-8避免乱码。
-
overflow:hidden裁剪溢出内容并禁用滚动，非仅隐藏滚动条；可用于图片圆角裁切，但会触发BFC、影响动画性能及焦点管理，需配合其他属性保障可访问性。
-
HTML5原生不支持RTSP，video标签加crossorigin无效；跨域问题实际发生在代理服务（如Nginx转FLV/HLS）或前端JS库（如flv.js）请求HTTP流地址时，需服务端正确配置CORS响应头。
-
JavaScript无法直接访问本地文件系统，上传必须通过<inputtype="file">触发用户选择，再用FileReader读取或fetch+FormData上传；大文件需分片处理，后端负责合并与校验。
