-
最常用组合是contain:layoutpaint，二者必须同时启用才能实现完整隔离；contain:content不含style，主题切换需显式添加；动态设置须在DOM插入前完成；contain:size与height:auto冲突，慎用；验证需通过Paintflashing等实际表现而非computedStyle。
-
JavaScript执行与页面渲染争夺主线程资源，需用requestIdleCallback分片长任务、避免强制同步布局、WebWorker卸载计算、RAF对齐渲染节奏。
-
本文详解如何在Chart.js中通过返回数组而非字符串的方式，让自定义tooltip的label项垂直分行列出，解决\n换行失效问题，并适配嵌套对象数据结构。
-
清除浮动最稳妥方案是给父容器加.clearfix类，需确保::after伪元素正确生成（content:""必写）、display:table比block更稳、且必须作用于直接包裹浮动子项的父容器；现代项目可优先用display:flow-root或flex/grid布局替代。
-
本文详解JSON.parse()在Node.js中常见的误用场景，重点纠正赋值运算符误写为等号链导致的语法错误，并提供健壮的JSON文件读取与解析实践方案。
-
HTML5代码需保存为.html/.htm文件才能正常运行；localStorage可持久化保存字符串数据，sessionStorage仅限当前标签页；Blob可将动态HTML导出为本地文件。
-
Less运行时主题切换需通过@themesMap+each()生成CSS变量并用.theme-mixin()封装调用，避免多文件维护、变量覆盖及条件分支不可靠问题，构建工具须监听themes.less变更。
-
必须通过JavaScript遍历表格的行与列结构来提取HTML表格所有单元格数据；具体方法是用for循环访问table.rows和每行.cells，先用document.getElementById获取table，再依rows.length遍历行，逐行读取cells数据。
-
preventDefault可阻止链接跳转、表单提交等默认行为，需在事件处理函数首行调用并确保事件对象正确传递；不可靠的href="javascript:void(0)"应被JavaScript事件绑定替代；注意勿在异步中调用、勿混用returnfalse，且需兼顾可访问性与实际需求。
-
浮动元素错位因脱离文档流致父容器无法感知真实高度，矮元素右侧留空使后续元素上浮；硬设height易致溢出或留白；推荐用Grid替代，兼容性差时可退至Flex或用BFC清除浮动。
-
link[rel="import"]已被彻底移除，它从不解析HTML、不构建DOM、不执行脚本；唯一可控的替代方案是fetch+DOMParser手动解析。
-
novalidate是仅作用于form标签的布尔属性，存在即禁用全部原生验证；formnovalidate为提交按钮提供单次豁免，但Safari兼容性差；禁用后:valid/:invalid失效，且不替代后端校验。
-
JavaScript继承无统一标准，核心是理解原型链和this绑定；ES6class是语法糖，手动继承需用Object.create避免共享原型、修复constructor，并确保super()调用以初始化this。
-
BEM的block__element--modifier结构不可乱改，因其核心是保障样式作用域解耦与DOM重构低风险：双下划线标识强归属，短横线修饰符必须依附主体，违反则破坏语义层级、导致冲突或失效。
-
html-minifier默认关闭CSS压缩，仅设minifyCSS:true仅启用clean-csslevel=1基础压缩，无法处理媒体查询折叠、@import忽略、URL截断等问题；必须显式传入{level:2,inline:['all'],rebase:false}配置对象才能安全启用完整CSS压缩能力。
