-
高度塌陷由子元素脱离文档流导致，解决方法包括：1.使用clearfix类通过伪元素清除浮动；2.触发父元素BFC，如设置display:flow-root或overflow:hidden；3.采用flex或grid布局，自动包裹子元素；4.避免使用固定高度。推荐优先使用display:flow-root或现代布局方式。
-
优先选position:sticky；它支持滚动吸附且不脱离文档流，适用于导航栏等场景；absolute仅用于精确偏移（如气泡），fixed仅用于视口级固定（如全局toast）。
-
直接修改element.style仅影响内联样式且需驼峰命名；读取真实样式用getComputedStyle()；批量改样式推荐切换className或classList；CSS变量通过setProperty设置，优先使用语义化类名和属性控制而非硬编码style。
-
内存泄漏在JavaScript单页应用中可能导致性能下降或崩溃。常见类型包括：意外的全局变量、未解绑的事件监听器、闭包引用、定时器回调和DOM引用未释放。使用ChromeDevTools的堆快照、内存分配时间线、DetachedDOM树和Performance面板可定位泄漏。预防策略有：避免全局变量、及时解绑事件和清除定时器、使用WeakMap/WeakSet、框架中正确管理生命周期。通过代码模拟并结合工具验证，可有效发现并解决泄漏问题。关键在于养成定期检查与规范编码的习惯。
-
本文详解Bootstrap资源加载失败的常见原因（如路径错误、协议混淆、本地文件引用失效等），并提供CDN引入、本地部署、HTML结构规范三大可靠方案，附可直接运行的代码示例与关键注意事项。
-
<nav>标签仅用于语义化标记主要导航链接组，不触发跳转或高亮；适用于主导航栏、侧边菜单等，不可用于零散链接或非导航内容；可嵌套<a>、<button>、<ul>、<form>等导航相关元素，但需确保无障碍可用。
-
应使用CSS自定义属性（如--color-primary）统一管理主题色，定义在:root中，配合语义化原子类名（如bg-primary）和三层命名结构（语义+层级+用途），确保可维护性与一致性。
-
本文详解如何在SvelteKit中优雅、响应式地实现图片悬停时显示信息覆盖层，避免直接操作DOM，推荐使用class:指令与局部状态管理，兼顾可维护性、作用域样式支持和编译器兼容性。
-
在JavaScript中实现WebSocket通信的方法包括：1.创建WebSocket连接，使用newWebSocket('ws://example.com/myChat')；2.发送和接收数据，使用socket.send()和socket.onmessage；3.处理连接状态变化，使用socket.onopen、socket.onclose和socket.onerror；4.实现重连机制，使用定时器重连；5.使用JSON格式处理数据，发送时使用JSON.stringify，接收时使用JSON.pars
-
CommonJS与ES6Modules的核心区别在于：前者为动态、运行时加载，适用于服务端同步读取；后者为静态、编译时解析，支持tree-shaking和异步加载，更适配浏览器环境。
-
最简单可靠的方式是每个HTML页面在<head>中用<linkrel="stylesheet">引入同一外部CSS文件；推荐将common.css置于css/子目录并统一引用href="css/common.css"；公共CSS应只含通用规则，页面专属样式须后引入以控制覆盖顺序。
-
通过设置:hover伪类和transition属性可提升按钮交互效果。1.为按钮悬停状态设置更明显的背景色与文字色对比；2.添加transition使颜色变化平滑；3.结合边框、阴影和缩放增强反馈，确保视觉差异清晰且过渡自然，提升用户体验。
-
Vue路由跳转时不应直接传递对象，应采用预存状态、sessionStorage或动态路由+API兜底方案；避免将对象塞入URL、使用history.state或router.replace传参。
-
JavaScript模块化经历从全局变量到ESM的演进，通过CommonJS、AMD、UMD逐步完善，最终ESM成为标准，支持静态分析、依赖优化与动态加载，结合打包工具实现高效工程化管理。
-
blocking="render"不是标准HTML属性，浏览器完全不识别，加了也无效；真正控制脚本渲染阻塞的只有async、defer和默认同步模式。
