-
网站破损链接可通过五种方法修复：一、用在线工具扫描全站并导出错误报告；二、用浏览器开发者工具手动验证单页请求状态码；三、运行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 计算可视窗口，只保留屏幕附近的行。
-
引入SemanticUI的CSS、JS及jQuery；2.使用.ui.modal结构定义标题、内容和操作区；3.通过JavaScript调用modal('show')等方法控制显示与交互，快速实现功能完整的模态框。
-
绝大多数情况下应选position:fixed，因其直接锚定视口、不依赖滚动上下文；sticky仅在父容器有明确高度与滚动约束且需随内容自然进退时适用，失效主因是缺乏有效滚动容器或祖先元素触发新层叠上下文。
-
纯CSS放大镜效果核心是用CSS变量动态计算background-position以实现背景图局部放大并跟随鼠标，需配合background-size拉伸、JS实时更新--x/--y变量，并做坐标归一化与性能优化。
-
D3.js是数据驱动的SVG可视化库，需手动绑定数据与DOM元素，适合深度定制；通过select、data、enter、attr等方法构建图表，配合scale、axis、transition实现映射、坐标轴和动画。
-
grid-column:span2生效的前提是父容器必须明确定义列轨道，如通过grid-template-columns设置；否则因无列宽基准，span无法计算而失效。
-
ins和del是语义化标签，分别表示插入和删除内容，必须成对闭合、正确嵌套并合理设置display样式；diff转HTML需逐行解析与转义；cite和datetime属性须规范使用以保障可访问性与语义准确性。
-
JavaScript通过canvas和ImageData可实现图像处理，需先加载图片、绘制到canvas、用getImageData获取像素数据，遍历修改后putImageData写回；注意跨域、性能及抗锯齿问题。
-
selectonchange事件不生效需检查：函数是否正确定义、是否在DOM加载后绑定、避免重复绑定；内联写法不可访问let变量；应优先用event.target.value获取最新值，联动时需同步清空选项并重置selectedIndex和disabled状态。
-
可直接用Blob实现前端生成并下载复合海报图像：先用Canvas绘制多图层（背景、图片、文字、二维码等），再转为PNG/JPEG数据封装成Blob，最后触发下载，全程无需后端。
-
MessageChannel需同源调用且端口必须显式启动：跨域时虽可创建但消息被静默丢弃；port.postMessage后须调用port.start()或设置onmessage；port1与port2须分发给双方；传输大数据应使用transfer列表实现零拷贝。
-
弹窗被导航、地图、页脚或抽屉遮住时，单纯调大 z-index 往往治标不治本。本文按完整工作流拆解层级现场、stacking context 定位、层级表设计、Portal 容器落地和回归验证。
