-
Less中url("@{var}/img.png")不生效，因变量需用~"@{var}/img.png"强制插值；路径值须匹配构建工具规则（如Vite用/img，Webpack用../assets/img），且应统一定义于paths.less中导入。
-
TypeScript 为 React 开发提供完整的类型支持，提高代码可靠性。 使用 TypeScript 可以让 React 组件、Props、State 等都有完整的类型检查，减少运行时错误。 React 教程查看：https://www.runoob.com/vue3/react-tutori
-
直接删掉冗余的<div>和<span>比任何CSS/JS优化都有效；DOM节点超2000时，低端设备layout耗时呈指数级增长。真正拖慢渲染的是人为嵌套的“结构惯性”，如多层<div>套娃、误用<ul>渲染表单、SSR空wrapper、图标单独包层等；应优先用::before/after、gap、outline、语义化标签（如<fieldset>）替代；可通过document.querySelectorAll('*').length快速检测节点
-
@media(color-gamut:p3)仅检测设备P3能力，不触发颜色升级；要显示更鲜艳色必须用color(display-p3)函数配合@supports检测，并提供sRGBfallback。
-
autofocus仅对原生可聚焦且处于可交互状态的表单元素有效，如text、email、textarea、select、button等；在iOSSafari中静默失效，动态插入、隐藏、禁用或非可聚焦元素上均无效。
-
移动端分栏堆叠失效的根本原因是viewport缺失、父容器未设flex-wrap:wrap、子项使用固定宽或百分比硬编码；应改用flex:1或grid配媒体查询，配合max-width和响应式gap、line-height等。
-
return()方法是迭代协议中保障资源安全释放的关键机制，用于在迭代被提前终止时执行清理逻辑并返回{value:any,done:true}。
-
响应式系统SSR“注水”报错本质是客户端激活时DOM结构、文本或节点顺序与服务端输出不一致，导致丢弃HTML重渲染；关键在于确保两端渲染结果严格一致，需统一初始数据、隔离请求状态、规避环境敏感逻辑、校验VNode结构。
-
用 CSS text-wrap: balance 处理中文卡片标题和文章标题的断行，配合 max-width、@supports 和可访问性检查，避免标题一行孤零零或切换时跳动。
-
页脚需用flex或grid布局实现多栏响应式，禁用float；必须加flex-wrap:wrap或grid-template-columns配合断点；每列用ul包裹链接以保障可维护性、无障碍和深色模式适配。
-
Bulma通过.columns和.column类封装Flexbox布局，实现响应式设计；使用.is-centered和.is-vcentered控制对齐，.buttons和.field.is-grouped用于按钮与表单布局，结合.is-mobile、.is-multiline等辅助类可灵活调整显示效果。
-
网站破损链接可通过五种方法修复：一、用在线工具扫描全站并导出错误报告；二、用浏览器开发者工具手动验证单页请求状态码；三、运行Python脚本批量检测本地HTML文件内链接；四、直接修改HTML源码修正内部路径；五、配置服务器301重定向处理外部引用的失效URL。
-
word-break:break-all在Grid中常失效，是因为grid-item默认min-width:auto（近似min-content），优先撑宽容器而非换行；必须同时设置min-width:0、word-break:break-all和明确宽度（如max-width:100%），并确保未被white-space:nowrap覆盖，四者缺一不可。
-
SockJS通过协议协商自动选传输方式：先请求/info获取服务端支持的transports列表，再按优先级依次尝试WebSocket、XHR流、XHR轮询等，全程对业务透明，且自带会话管理、消息确认与自动重连机制。
-
用一个 10 万条数据的列表场景讲清楚前端虚拟列表的核心思路：不一次性渲染全部 DOM，而是根据 scrollTop 计算可视窗口，只保留屏幕附近的行。
