-
使用IntersectionObserverAPI实现懒加载，可异步监听元素与视口的交叉状态，在元素进入可视区域时再加载资源。相比传统依赖scroll事件的方式，它由浏览器优化调度，避免频繁重排重绘，提升性能。核心优势包括异步执行、支持阈值控制、可自定义根容器及自动解耦观察逻辑。实现时将真实图片地址存于data-src，当entry.isIntersecting为true时替换src并停止观察。通过rootMargin提前触发加载，threshold控制可见比例，提升用户体验。建议复用observer实例
-
HTML中空格被合并时，可用 、<pre>标签、white-space属性、letter-spacing/word-spacing或<span>加margin-left五种方法精确控制空格显示。
-
npm脚本可以通过以下方式优化JavaScript开发过程：自动化任务：定义在package.json中的脚本可以自动化构建、测试和部署任务，减少手动操作。组合命令：使用&&链接多个命令，如清理目录、构建项目和启动服务器，实现复杂工作流。环境管理：通过环境变量区分开发和生产环境，简化环境切换。跨平台兼容：使用cross-env包确保脚本在不同操作系统上运行一致。错误处理：npm脚本默认在错误时停止执行，确保脚本的可靠性。日志和调试：提供足够的反馈信息，方便问题定位和解决。通过这些方法，npm脚本能显著提升
-
适合纯Grid的页面/模块包括首页布局、数据看板、响应式图片画廊或商品列表；其余如导航栏、表单控件组、按钮组等更适合Flex或Grid+Flex混合使用。
-
使用Prism.js、CodeMirror、Highlight.js或MonacoEditor可实现HTML5源码高亮与编辑。首先通过Prism.js或Highlight.js在pre-code标签中高亮展示代码，其中Prism需指定语言类，Highlight.js支持自动检测；其次嵌入CodeMirror或MonacoEditor提供可编辑环境，CodeMirror轻量易集成，适合基础编辑，Monaco功能强大如VSCode，适用于复杂场景，需异步加载并初始化编辑器实例，结合使用即可实现高亮预览与实时编
-
opacity作用于整个元素及其子元素，使所有内容透明；2.RGBA仅作用于指定颜色如背景色，不影响文字等其他部分；3.推荐背景透明用RGBA，整体淡出用opacity，避免文字模糊。
-
使用记事本编写HTML代码并保存为.html文件，确保类型设为“所有文件”；2.双击文件用浏览器直接打开，即可查看渲染效果；3.修改代码后保存并在浏览器按F5刷新，实现实时预览。
-
TypeScript是JavaScript的超集，通过可选静态类型系统在开发阶段检查类型错误。它支持渐进式采用、JSDoc注释，并提升智能提示、重构安全性和接口文档化能力。
-
JavaScript可通过WebSpeechAPI的SpeechSynthesis接口实现浏览器端语音合成，需检测support、处理音色加载延迟、设置参数并调用speak，注意移动端需用户手势触发且存在兼容性限制。
-
弹性盒子中文字换行不规则主因是容器未控溢出与换行、flex-basis设置不当；应设overflow-wrap:break-word、flex-basis:0、min-width:0，并避免white-space:nowrap等干扰样式。
-
外边距（margin）对绝对定位元素并非无效，而是不参与定位偏移计算；其作用限于盒内间距、背景起始位置及margin合并等，真正控制位置的是top/right/bottom/left属性。
-
JavaScript实现颜色选择器核心是监听交互并实时计算规范颜色值；可用原生input或Canvas自绘HSV/HSL控件，需归一化处理后转CSS格式；推荐vanilla-picker等轻量库避免手写色彩转换逻辑。
-
this指向的优先级顺序为：new绑定>显式绑定>隐式绑定>默认绑定，箭头函数则采用词法作用域确定this。
-
事件循环通过区分宏任务和微任务管理执行顺序，确保异步代码合理调度；2.每个宏任务执行后会清空所有微任务再进入下一宏任务或UI渲染；3.宏任务包括script执行、setTimeout、I/O、UI渲染等，微任务包括Promise回调、queueMicrotask等；4.区分两者可提升性能：微任务保证快速响应，宏任务避免阻塞主线程；5.优化策略包括用Promise处理即时逻辑、用setTimeout/requestAnimationFrame拆分耗时任务；6.排查堵塞需用Performance面板分析长任务
-
-webkit-line-clamp仅在display:-webkit-box且-webkit-box-orient:vertical时生效，缺一不可；Firefox不支持，需JS回退；现代CSSline-clamp仍需前缀或实验性启用。
