-
应优先使用URLSearchParams解析URL参数，它由浏览器原生支持（Chrome49+等），自动处理编码解码、空值及重复键；用newURLSearchParams(window.location.search)获取当前页参数，或newURL(urlStr).searchParams解析任意有效绝对URL。
-
innerHTML非万能，createElement非慢；批量插入需防重排，避免循环赋值；表单控件用innerHTML会丢失状态；小量节点createElement更快；DocumentFragment可避免多次重排；读布局信息须缓存；textContent更安全高效但不支持HTML。
-
可通过创建快捷方式、移动文件至桌面、设置默认程序或使用命令行实现HTML文件在桌面直接运行，双击即可用指定浏览器快速查看内容。
-
HTML文档大纲由语义化标题标签<h1>–<h6>的层级与顺序决定，必须连续嵌套、避免跳级，配合<section>/<article>等分组元素形成子大纲，并通过axe等工具验证真实解析结构。
-
<p>用display:grid划分顶部/侧边/主内容三区最稳，推荐grid-template-rows:64px1fr48px、grid-template-columns:240px1fr，并配min-height:100vh防底部悬空；侧边栏需设overflow-y:auto和max-height:calc(100vh-64px-48px)，主内容区用overflow:auto而非scroll，小屏响应式宜用transform位移隐藏侧边栏。</p>
-
首先确认Eclipse已安装Web开发组件，可通过Help→About检查版本或通过Marketplace安装WebToolsPlatform；接着设置内置浏览器预览，右键HTML文件选择OpenWith→InternalWebBrowser；为获得更真实渲染效果，可在Preferences→WebBrowser中配置外部浏览器，如添加Chrome路径；若涉及动态内容，需配置本地服务器（如Tomcat），将项目部署至服务器后通过http://localhost访问；最后可创建外部工具配置，设置一键在Chr
-
MediaQueryList接口是媒体查询响应式核心，window.matchMedia()仅是创建其实例的工厂函数；它提供matches属性和addEventListener()方法实现状态监听，需手动检查初始状态且注意语法正确性。
-
可行但需遵守三条铁律：无交互、无暂停、尺寸强约束；marquee已废弃且不可访问；CSS轮播须动态设容器宽度、统一logo尺寸、加will-change优化性能。
-
web-view中viewport被忽略需用JS动态重写meta标签，先移除旧标签再插入含user-scalable=no的新标签，并在DOMContentLoaded后执行；Android还需通过devicePixelRatio修正缩放误差。
-
点击表头排序需先获取数据行并转数组，清空tbody后按列值（数字用parseFloat、文字用toLowerCase和localeCompare）排序，再批量插入；须处理空值、特殊字符、移动端300ms延迟及排序状态反馈。
-
Object.assign是JavaScript中用于浅拷贝和对象合并的内置方法，按顺序将多个源对象的可枚举自有属性复制到目标对象并返回该对象；它不递归处理嵌套对象，同名属性后写入者覆盖前者，仅复制可枚举自有属性，不处理原型、getter/setter或不可枚举属性。
-
fill()无法生成独立引用矩阵，因它复制同一对象引用；正确做法是在map回调中每次新建对象，或用Array.from({length:n})替代以避免空位问题。
-
box-shadow不仅是加阴影，其默认不占布局空间，但易因blur-radius过大被裁剪、inset误用、多层阴影绘制顺序（从左到右、由远及近）及性能问题被忽视；语法须严格按h-offsetv-offsetblur-radiusspread-radiuscolorinset顺序书写，前两项必填，blur-radius模糊边缘，spread-radius扩大阴影尺寸；多层阴影用逗号分隔，每层参数须完整；inset需配合padding和border使用；响应式下应通过媒体查询、rem或伪元素适配，深色模式
-
100dvh是当前最稳的视口高度解决方案，它随视觉视口实时变化，配合env(safe-area-inset-bottom)预留系统UI空间，并用focus/blur事件精准控制键盘弹出时机，彻底解决100vh在iOS和部分Android中失效问题。
-
滚动条仍在是因为overflow设置未生效或判定失效；需检查容器高度、子元素定位、computed样式及伪元素兼容性，并注意body闪动、iframe跨域限制和Chromescrollbar-gutter等细节。
