-
TreeShaking依赖ES模块的静态export/import，要求模块使用命名导出、避免动态导入和副作用，且打包配置需启用相关优化，否则无法安全消除未使用代码。
-
Next.jsSSR优化需从渲染路径、资源加载、缓存与构建入手。1.减少阻塞：避免同步数据请求，用Promise.all并行获取，非首屏数据延迟加载，启用React18流式渲染提升首屏速度。2.结合SSG与ISR：静态页面预渲染+CDN缓存，动态内容用增量再生，减少服务器压力。3.压缩与分割：开启Brotli压缩，动态导入组件，优化Webpack配置缩小包体积。4.精细化缓存：CDN缓存HTML，服务端缓存数据（如Redis），静态资源带哈希长期缓存。通过合理组合这些策略，持续优化“更快首屏、更少请求、更
-
可以，background-image支持多背景语法，用逗号分隔图片和渐变，顺序决定堆叠（前上后下），需配合background-size、background-repeat等控制显示效果。
-
拖放功能必须监听dragstart、dragover、drop三个原生事件：dragstart设置dataTransfer数据，dragover需preventDefault()才能触发drop且不可读取dataTransfer，drop中才可安全获取数据。
-
:focus仅对可聚焦元素生效，需为div等添加tabindex="0"；:active仅在鼠标按下瞬间触发，iOS上非可点击元素可能不支持。
-
Safari中HTML5视频无法播放等问题，需依次启用HTML5模式、设置video标签属性、绕过自动播放限制、禁用QuickTime插件、模拟用户代理。
-
在ReactNative中，若需根据组件状态（如creatingChat）控制安卓物理返回键行为，必须将该状态加入useEffect依赖数组，否则闭包中捕获的始终是初始值，导致判断失效。
-
应优先使用构造函数或class而非工厂模式。因工厂模式返回Object实例，丢失类型信息，instanceof判断失效；而构造函数和class能建立明确类型关系、支持继承与原型方法，保障类型系统有效性。
-
可通过手机浏览器、专用编辑器、本地服务器或电脑协同四种方式查看HTML文件：首先将文件存入手机，再用浏览器输入file路径打开，或用QuickEdit等应用预览；也可通过KSWEB搭建本地服务器访问；还可借助USB或Wi-Fi传输文件实现即时测试。
-
网格溢出需协同控制盒模型、轨道约束与子项尺寸：全局设box-sizing:border-box；轨道用minmax()/fit-content()；子项设min-width:0；图文内容配max-width/word-break等。
-
使用Mocha、Chai、Supertest和Sinon搭建Node.js单元测试框架，1.选择Mocha为测试运行器，Chai作断言库，Supertest发HTTP请求；2.安装依赖并组织test/目录结构；3.编写测试用例验证API行为；4.用Sinon模拟数据库避免外部依赖；5.配置npm脚本运行测试并用nyc生成覆盖率报告。
-
必须使用<!DOCTYPEhtml>声明才能启用HTML5标准解析，需置于文档首行且无前置字符；通过开发者工具检查应显示“HTML5”或“NoQuirksMode”；禁用旧版DOCTYPE及错误写法。
-
本文介绍在Cypress测试中，如何对一组具有相同CSS选择器的多个DOM元素（如10个）中仅点击指定子集（如前5个），避免multiple:true全量点击或cy.click()报“只能作用于单个元素”的错误。
-
HTML5无法被移除，它是浏览器内置的规范集合；实际可操作的是按需禁用特定特性（如localStorage、fetch），或通过降级方案（如改用cookie、检测API可用性）应对兼容性问题。
-
opacity拼写为opaciy、box-shadow用0重置、visibility设为none均为错误；flex布局中width/min-width/flex-shrink混用易撑开容器；float元素须设width且避免直接加margin/padding；background/border/z-index使用需注意语义与堆叠上下文；默认content-box盒模型常致溢出，推荐全局box-sizing:border-box。
