-
惰性加载的核心是推迟非首屏资源加载至用户需要时：原生支持loading="lazy"；JS推荐IntersectionObserver监听视口；动态import实现代码分割；需配合占位、加载态与预加载优化体验。
-
Chrome页面闪退主因是渲染进程异常终止，包括GPU崩溃、内存超限、WebGL上下文丢失、音视频解码卡死等；需通过chrome://crashes、Console报错、chrome://gpu及Memory面板定位，并针对性处理自动播放策略、资源泄漏与Worker错误。
-
本文详解如何在JavaScript（尤其是无DOM环境如AppleScript调用的网页脚本）中正确实现可等待的延迟，解决waitisnotdefined和newunexpected等常见错误，并提供可直接运行的async/await+Promise延迟方案。
-
box-shadow动画卡顿或不生效主因是浏览器未优化合成、关键帧参数缺失或inset混用；需显式声明全部参数、避免inset混用、加will-change或translateZ(0)提升性能。
-
使用img标签插入图片并结合CSS调整大小，需设置src和alt属性，通过width和height控制尺寸，推荐使用百分比或max-width配合height:auto保持比例，避免失真，实现响应式显示。
-
z-index失效的根本原因是父元素创建了新的层叠上下文，导致子元素的z-index仅在该上下文中生效；常见触发属性包括opacity<1、transform≠none、filter≠none、will-change、isolation:isolate及position+z-index非auto。
-
能，Parcel默认直接打包HTML；以index.html为入口，自动解析script/link标签的相对路径依赖，支持JS/CSS/图片等资源打包与转译，但要求路径准确、不支持绝对路径和动态引入。
-
CSScolor属性仅控制可继承的文本颜色，无法统一全局色调；真正实现需通过:root定义CSS变量（如--color-text）并显式引用，同时兼顾background-color、border-color等多属性协同。
-
flex-wrap:wrap未换行主因是父容器宽度过大或未设宽，致子项可单行排列；需设width/max-width、检查flex-shrink及white-space；justify-content仅作用于当前行内对齐。
-
var变量提升但赋值不提升，let/const有暂时性死区且块级作用域；循环中var共享绑定而let每次迭代新建绑定；默认用const，需重赋值才用let。
-
使用记事本编写HTML代码并保存为.html文件，2.确保保存类型选“所有文件”且扩展名正确，3.双击文件用浏览器打开查看效果，4.修改时用记事本重新编辑并刷新浏览器即可，关键在于正确设置文件扩展名和保存类型。
-
:first-child匹配父元素的第一个子节点，无视标签类型；:first-of-type匹配同标签兄弟中首个出现的元素。二者在纯同标签结构中效果相同，但混排时行为迥异，且:first-child易受文本节点干扰。
-
本文详解div不可见的常见原因（如缺少内容、误用color属性、未设置背景或尺寸），结合开发者工具调试技巧，提供可立即验证的修复方案与最佳实践。
-
D3.js的核心是数据驱动DOM与SVG操作，通过enter/update/exit模式、比例尺、坐标轴、形状生成器等工具实现高度定制、响应式强、性能可控的可视化；适合需深度交互、动态更新或教学研究的场景。
-
BEM命名不应硬加项目前缀，而应依靠block语义边界隔离；需警惕多模块共用CSS时的冲突，优先采用CSSModules或构建时自动加命名空间，避免!important破坏层级，并禁用全局元素选择器。
