-
WebWorker能缓解卡顿，但仅对纯计算任务有效；用错会加重卡顿，因其不解决DOM或IO阻塞，且高频postMessage、不当通信或低端设备多实例反而引发新卡顿。
-
最轻量兼容的无脚本跳转是使用<metahttp-equiv="refresh"content="0;url=https://example.com">，注意协议完整、引号规范；JS跳转用window.location.href更灵活；服务端301/302重定向最可靠；跳转前须校验URL有效性并防范开放重定向。
-
本文介绍如何在R的leaflet交互地图中，为每个城市标记自动抓取并嵌入Google图片搜索首页首张图片作为弹窗内容，同时附带跳转链接，实现可视化增强。
-
box-shadow模拟烟花可行但有硬伤：粒子方向固定、数量上限低（20–30个）、无法真正放射，适合轻量装饰而非物理引擎；其本质是单DOM节点叠加静态投影，省资源但缺乏动态散射能力。
-
小项目用基础静态网站结构，够用且零配置；中大型项目必须分src/dist。小项目指单人维护、页面≤5个、无构建需求的展示型站点，核心是路径稳定、一眼能猜到文件在哪：index.html放根目录，css/下只放main.css和reset.css，js/里放main.js和utils.js，images/按用途分icons/、banner/但不超过两层，多页面统一放pages/about.html等。中大型项目一旦用Sass、ES6模块等，源码必须与构建产物分离：src/存可编辑源码，dist/为构建产物（
-
atob解码Base64配置流仅完成字节还原，后续需显式清洗、UTF-8重建、JSON解析及安全映射；服务端必须确保UTF-8编码全流程，前端须清理前缀/字符并用TextDecoder转义，再异步注入校验后的配置。
-
WebGL是OpenGLES2.0在浏览器中的JavaScript绑定，需手动搭建渲染管线、传数据、写GLSL着色器；常见黑屏源于着色器编译失败、viewport未设或帧缓冲不完整。
-
媒体查询重写grid-template-columns没反应，大概率是选择器优先级不足或断点条件错误（如缺单位、漏括号），必须用相同或更高优先级的选择器完整重声明，且需确认viewport标签和gap叠加问题。
-
手柄在网页可用但在游戏无反应，因操作系统将同一手柄分为HID（浏览器GamepadAPI）和DirectInput/XInput（游戏）两套隔离通道；网页无法直接模拟系统输入，需本地服务中转，存在延迟与权限限制。
-
能直接写但不推荐——语义污染、执行时机失控、重复执行风险；推荐放<head>（defer）、<body>底部或type="module"且作用域隔离的结构内。
-
background-size:cover需配合background-position和稳定容器尺寸才能精准裁剪；单独使用易因图片构图、默认居中及容器浮动导致关键内容被裁；应统一用百分比定位、伪元素隔离+aspect-ratio保形，小屏优先换图或改contain。
-
SVG中<circle>与<ellipse>的核心差异在于坐标系理解：原点在左上角，cx/cy为绝对坐标，r或rx/ry需匹配svg宽高防溢出，且均不支持百分比单位。
-
最稳的模态框垂直水平居中方案是position:absolute/fixed+top:50%;left:50%;transform:translate(-50%,-50%)，尤其适用于宽高不固定场景。
-
需借助JavaScript库将Markdown转HTML：一、用marked.js实时渲染；二、用fetch加载外部.md文件；三、用showdown.js增强兼容性；四、服务端预渲染优化SEO与性能。
-
:empty伪类选择完全无内容的元素（不含文本、子元素或空格），可用于设置占位背景或提示文字。例如为空容器添加斜纹背景或通过::before显示“暂无内容”；适用于表单上传、评论区、数据表格等场景，提升空状态用户体验。使用时需确保元素纯净，避免空格导致匹配失败。
