-
JavaScript移动端性能优化核心是减少主线程阻塞、降低内存占用、适配弱网与低端设备,重点包括控制JS执行时间≤16ms、懒加载、TreeShaking、passive事件、RAF节流、及时清理资源及使用WeakMap等。
-
Docusaurus不解析纯HTML文件,需将HTML重写为MDX:静态内容转Markdown,内联样式改用注释或CSS类,JS行为替换为官方插件或组件,链接改为相对路径.md,资源移至static/并更新引用路径,导航与多语言需配置驱动。
-
line-clamp不生效主因是父容器未满足-webkit-box布局前提,须同时设display:-webkit-box、-webkit-line-clamp和-webkit-box-orient:vertical,且仅对块级元素有效,Firefox118+才支持无前缀语法。
-
HTML测试需分层验证语法、结构、语义、行为与可访问性,须组合W3C校验器(粘贴代码更准)、HTMLHint(需正确配置)、ChromeDevTools(查真实DOM)、Lighthouse(验lang等标准)等工具协同判断。
-
video标签的poster属性能显示封面,但仅在视频未加载或未播放时作为占位图生效,加载元数据后自动消失;需用合法图片路径,不支持base64;加载失败无原生兜底,须JS监听error或用img模拟封面层。
-
fixed遮罩未撑满全屏的根本原因是默认宽高为内容尺寸且受父容器transform等影响;需显式设width:100vw、height:100vh、top:0、left:0,并注意z-index层级、pointer-events及兼容性问题。
-
Sass的lighten()/darken()在深色模式下失效,因其仅机械调整明度而不感知背景明暗;应改用mix()、预定义双色值或contrast-color()等方案。
-