-
应优先使用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>
-
Object.assign是JavaScript中用于浅拷贝和对象合并的内置方法，按顺序将多个源对象的可枚举自有属性复制到目标对象并返回该对象；它不递归处理嵌套对象，同名属性后写入者覆盖前者，仅复制可枚举自有属性，不处理原型、getter/setter或不可枚举属性。
-
fill()无法生成独立引用矩阵，因它复制同一对象引用；正确做法是在map回调中每次新建对象，或用Array.from({length:n})替代以避免空位问题。
-
console.table仅展平一层嵌套，深层属性显示为[objectObject]；需用map预展开、columns精确指定字段、统一数据结构，并在复杂场景改用console.group分层调试。
-
HTML没有函数，所谓“HTML函数”实为JavaScript代码或HTML属性；移动端JS执行虽支持ES2015+，但在document.write、定时器、localStorage、地理位置等API及事件绑定、输入触发、伪协议等方面存在兼容性差异，需针对性适配。
-
发票必填6字段为：invoiceTitle（营业执照全称）、taxNumber（15或18位信用代码，需正则校验）、bankName（开户行全称）、bankAccount（19位纯数字账号）、registerAddress（精确到门牌号）、registerPhone（带区号固话）；字段名、格式须严格匹配财税系统要求。
-
三栏布局中，Flexbox适合轻量响应式场景，而Grid在跨设备重排、精确行列对齐及复杂嵌套时更优；前者够用于动态内容与简单顺序调整，后者胜在结构化语义与维护性。
-
PurgeCSS删不掉动态类名是因为它只识别静态字符串，无法感知运行时拼接、JS注入或模板字符串中的类名；需通过safelist显式保留、配置customextractors或改用支持AST解析的模式。
-
闭包不捕获this，其this由调用方式决定；解决方法包括缓存this、bind绑定、使用箭头函数或传参替代。
-
thead不能直接设position:sticky，因其display计算值为table-header-group，不符合CSS规范对sticky定位元素“必须是块级或行内级”的要求，所有主流浏览器均不支持。
-
backdrop-filter在旧浏览器中不生效是因未实现该特性，需用rgba()降级色并配合@supports检测，同时避免overflow:hidden、添加-webkit前缀及合成层优化。
