-
表单自动填充应按语义开启，密码类等特殊字段必须关闭；autocomplete="off"常失效，应改用语义化值如new-password、tel、cc-number等，并确保前后端语义一致。
-
HTML5不提供音频元数据加密能力，真正防护需服务端策略与前端限制结合：避免明文嵌入敏感信息、动态注入脱敏元数据、剥离ID3标签；MediaMetadata仅用于显示，非加密机制；高安全需求应采用DRM或流式混淆方案。
-
正确插入网络图片需用完整URL（含https://协议），避免混合内容、缺失alt属性及CORS限制；外链图片存在失效风险，关键内容不宜依赖。
-
WebSockets适用于客户端与服务器间的实时文本通信，如聊天室；WebRTC用于点对点音视频通话和低延迟数据传输，需WebSocket辅助信令交换。
-
JavaScriptDate对象月份从0开始导致getMonth()返回值比实际小1，需+1修正；安全格式化推荐Intl.DateTimeFormat或手动补零；日期计算应避免直接增减月/日，而用newDate(y,m±1,d)或setDate等方法处理边界。
-
touchstart+定时器是最小可行方案，因HTML无原生长按事件，需监听touchstart启定时器、touchend/touchcancel清除，延迟500–800ms，须防滑动干扰与内存泄漏。
-
真正可用的星空效果必须用canvas+JavaScript实现，CSS方案因DOM过多、无深度感、无交互、性能差而不可取；canvas可通过requestAnimationFrame控制帧率、鼠标跟随、视差滚动及生命周期管理实现高性能动态星空。
-
作用域插槽是Vue中父组件在使用子组件插槽时能访问子组件内部数据的机制，子组件通过v-slot暴露作用域对象，父组件可解构使用其字段，作用域仅限插槽内且不污染父组件。
-
Animations面板为空主因是页面未真正触发动画，需确保Chrome≥98、元素已绑定animation/transition、状态已变化或手动触发重绘；修改duration等属性须暂停重播或清空重输才生效。
-
使用Flexbox或Grid可实现等高卡片布局。1.Flexbox通过flex容器的align-items:stretch默认行为使同排卡片等高，配合flex-wrap:wrap实现响应式换行；2.Grid通过grid-template-columns定义列轨道，结合height:100%让卡片占满网格高度；3.关键技巧包括：用gap控制间距、min-width防过窄、flex:1撑开内容区。简单布局选Flexbox，复杂二维结构选Grid。
-
flex-basis是分配空间前的初始基准，非固定值；优先用0px而非0%，因0%在旧版Safari中可能回退为auto导致布局错乱，且需配合min-width:0解除隐式最小尺寸限制。
-
fixed元素用left:0;right:0;margin:auto无法居中，因margin:auto在脱离文档流的fixed元素上水平居中无效，必须显式设置width（如width:300px或fit-content）；最可靠方案是top:50%;left:50%;transform:translate(-50%,-50%)。
-
最直接的方法是使用split()，它根据指定分隔符将字符串切分为数组；2.若需按字符拆分且正确处理Unicode字符（如表情符号），应优先使用Array.from()或扩展运算符（...），因为它们能准确识别代理对；3.split('')在处理多码元字符时可能出错，且对连续空白等分隔场景需结合trim()和正则避免空元素；4.选择方法应基于需求：按分隔符拆分用split()，字符级操作推荐Array.from()或[...str]，兼顾正确性、可读性与Unicode支持，最终确保代码稳健可靠。
-
new操作符执行四步：创建空对象、绑定Constructor.prototype到其[[Prototype]]、以该对象为this调用构造函数、按返回值类型决定最终返回结果。
-
最可靠方案是浏览器原生打印（DevTools→Ctrl/Cmd+P→另存为PDF）或Puppeteer服务端渲染；html2canvas+jsPDF因截图原理存在字体、样式、跨域及模糊等多重缺陷需慎用。
