-
Symbol无法隐式转字符串是设计上的主动阻断,JS引擎在+连接、模板字面量、join等隐式转换路径中直接抛TypeError;唯一安全方式是String()或toString()显式转换,或使用sym.description获取描述。
-
根路径href、语义化nav结构、aria-current标记当前页、external链接配rel="noopener"、动态路径由模板函数生成,确保全站链接一致可维护。
-
必须将perspective设在卡片父容器(如.card-container)上,值取800–1200px;子元素需设transform-style:preserve-3d和backface-visibility:hidden,并显式声明rotateY(0deg)起始态。
-
HTML5不支持RTSP,需转为HLS或WebRTC;HLS由浏览器提供进度条但延迟高,WebRTC需自定义进度条,通过时间戳对齐与服务端seek实现,注意音视频同步和缓冲管理。
-
主线程卡顿主因是高频同步缓存操作与渲染强耦合。应通过Performance面板定位>50ms的LongTask,检查localStorage/JSON操作是否密集出现在ScriptEvaluation中,并用UserTiming打点量化耗时,单次parse超15ms即属高风险。
-
路由守卫无法防止连点跳转,因其在导航发起后才执行;防连点必须前置,在调用router.push前用防抖(如setTimeout+标记位)抑制重复调用,并需处理跳转失败的兜底逻辑。
-
可使用contenteditable容器配合keydown事件拦截实现:当e.key为Backspace且光标左侧紧邻tag元素时,阻止默认行为并移除该tag;因input不支持嵌套HTML,必须用div[contenteditable]替代,同时需处理iOS兼容性及光标边界情况。
-
动态import()不能在HTML中直接使用,必须在type="module"的JavaScript脚本中调用,且需置于async函数或.then()中;路径须为静态字符串,不可变量拼接,否则构建失败或运行报错。
-
<dialog>默认隐藏,必须设置open属性或调用showModal()才显示;仅show()为非模态浮层,不锁背景、不响应Esc;Safari兼容性差,需降级处理。
-
应使用<inputtype="tel"name="phone"requiredinputmode="tel"autocomplete="tel">,配合宽松pattern和JS清洗校验,后端必须二次验证;禁用本地存储明文手机号,绑定状态由服务端token控制。
-
必须用:link选择器设置未访问链接样式,它仅匹配含href且未被访问的链接,与:visited互斥;需遵循LVHA顺序,且仅支持color、text-decoration等非隐私敏感属性。
-
严格模式是JavaScript的限制性变体,通过顶部添加"usestrict"启用,禁用未声明变量、重复参数、八进制字面量等危险特性,并使this在非对象调用时为undefined。
-
rel="apple-touch-icon"是iOSSafari识别的专用图标链接标签,用于网站添加到主屏时显示自定义PNG图标;必须置于head中,使用绝对或根相对路径,尺寸严格正方形且Content-Type为image/png。
-
:before伪元素必须设置content属性(如content:"")才能渲染,否则不生成节点;需检查position、z-index、overflow、display类型及引号转义等常见问题。
-
可靠JavaScript流式属性控制库需确保异常下确定响应,以可控性与可退守性为底层契约;用AbortSignal.timeout精准断点并明确判断AbortError;主请求失败后双重确认signal.aborted再降级,fallback自带timeout;设计网络→缓存→默认值多级降级,统一返回data/source/timestamp;兼容旧环境启用隔离legacy路径;内建可观测性,自动打点+traceId+inspect()。