-
console不只是console.log()，它有一套完整、可交互、带性能分析能力的调试工具链，但多数人只用到了20%的功能；关键在于按场景选方法，而不是堆console.log()。
-
完全行且推荐，CSSGrid负责区域划分，Flex负责内部对齐；常见问题包括Grid项高度未定义导致Flex的height:100%失效、align-items:stretch拉伸干扰、方向误判、fr单位压缩、嵌套过深难维护、IE11不支持Grid等。
-
最稳妥做法是在:root中声明全局CSS变量，确保所有基础色有默认值，再通过媒体查询或class覆盖；JS动态换肤应批量注入主题对象，var()必须带字面量fallback，构建时用style-dictionary等工具统一管理设计Token。
-
PurgeCSS删不掉class是因为它只识别静态字符串，忽略动态拼接、JS注入和模板字符串中的class；需正确配置content路径、插件顺序、避免运行时生成，并用whitelist、dry-run等手段验证。
-
JavaScript深拷贝中，JSON方法无法正确处理Date和RegExp对象，会丢失类型信息；Lodash的cloneDeep默认支持，通过newDate()和newRegExp()重建实例；手写需显式判断类型并兼容IE。
-
HTML连接外部JS文件有五种方法：一、用script标签的src属性引入；二、在script标签内嵌入JS代码；三、用defer属性延迟执行；四、用async属性异步加载执行；五、动态创建script标签按需加载。
-
本文介绍在GoogleAppsScript中根据目标列（如D列）的数值条件，动态识别当前行所属逻辑区块，并自动选取对应头部/尾部参考单元格（如A7/A8或A36/A38），实现结构化数据提取与追加。
-
rgba(0,0,0,透明度)是实现黑色半透明背景的首选方案，可精准控制明暗与通透感，且不影响子元素；需避免使用opacity以免连带降低子内容透明度；兼容性方面IE8以下需添加纯黑降级；配合backdrop-filter可实现毛玻璃效果。
-
使用第三方编辑器如VSCode或Notepad++可实现HTML语法高亮，Notepad++通过“语言”菜单选择HTML模式，VSCode可通过安装扩展增强着色功能。
-
纯CSS可通过伪类（:hover/:focus/:checked/:disabled）判断元素状态，结合伪元素（::before/::after）注入动态内容，利用data属性存储文案并用attr()读取，实现无需修改HTML的状态化标签展示。
-
最常用可靠的方式是父级类名配合后代选择器：用空格匹配所有子孙，用>匹配直接子元素；多状态组合需类名叠加；注意类名拼写、避免ID/内联样式及过度嵌套。
-
WebWorker是HTML5提供的多线程API，用于在后台线程运行耗时任务，避免阻塞主线程。它通过postMessage与主线程通信，不可直接操作DOM，适用于大数据计算、频繁分析等场景。
-
mask-image动画不动是因为默认mask-repeat:no-repeat且mask-size:border-box，无位移空间；需显式设置repeat或增大mask-size并动画mask-position。
-
JavaScript遍历应按数据类型选择：数组优先用for...of、forEach或for循环；对象用Object.keys()等避免原型链污染；Map/Set原生支持安全遍历。
-
浅拷贝只复制第一层引用，修改嵌套对象仍会影响原数据；深拷贝需递归或序列化处理所有层级，structuredClone()是现代推荐方案但有类型限制，循环引用需WeakMap缓存避免栈溢出。
