-
添加和删除DOM节点需先创建并插入或直接移除。1.用document.createElement()创建节点，appendChild()或insertBefore()插入；2.用removeChild()或更简洁的remove()方法删除节点，推荐使用后者。
-
PWA核心在于ServiceWorker可靠接管请求、匹配场景的缓存策略及健壮的安装/更新逻辑。注册需在load事件中同步执行，缓存按资源类型选策略并带版本号，manifest关键字段缺一不可，更新需skipWaiting+controllerchange监听+手动清理旧缓存。
-
Set是JavaScript中用于存储唯一值的数据结构，其核心特点是元素不可重复。1.创建实例后通过add添加元素，重复值不会被加入；2.使用has检查存在性，delete删除元素，size获取数量；3.Set遍历可用for...of或forEach；4.清空使用clear方法；5.常见用途包括数组去重、快速查找判断、集合运算（如并集、交集、差集）；6.与数组相比，Set更适合需要唯一性和高效成员检测的场景，而数组适合依赖索引顺序和允许重复的情况；7.Set可存储原始值和对象引用，但对象比较基于引用地址，
-
触发回流的操作包括：读取offsetTop等布局属性、增删可见DOM节点、修改影响盒模型的CSS属性、className或style变更；避免多次回流需批量操作，如用className切换、先读后写、documentFragment缓存、优先使用transform/opacity。
-
float导致父容器高度塌陷是CSS规范行为，非bug；clear仅作用于后续兄弟块级元素，不能修复塌陷；clearfix伪元素是主流解法；现代布局应优先使用Flexbox或Grid。
-
可以使用@import结合媒体查询按条件加载CSS文件，如@importurl("mobile.css")screenand(max-width:768px);实现响应式设计，但需注意@import必须置于CSS文件开头，每条@import发起额外HTTP请求影响性能，加载优先级低于link标签，不建议在大型项目中大量使用；更推荐在HTML中用<link>标签配合media属性实现并行加载，提升性能与可维护性。
-
推荐使用正则/^[a-zA-Z0-9.\_%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}$/配合test()方法校验邮箱，需加^$、trim()，并辅以后端完整校验。
-
requestAnimationFrame（rAF）是实现JavaScript动画最推荐的方式，它由浏览器调度、与屏幕刷新率同步（通常60fps），比setTimeout/setInterval更高效流畅省电；其回调自动传入时间戳，需手动递归调用以实现循环动画，后台标签页会自动降频。
-
<p>应直接使用grid类启用原生CSSGrid布局，避免混用Bootstrap的row/col或flex类；优先选用框架提供的grid、grid-cols-、gap-等类，并注意断点配置、列宽控制与对齐属性的正确组合。</p>
-
本文详解为何display:inline会导致宽高失效，并通过改用inline-block让渐变小方块正常渲染，同时提供完整可运行的CSS+HTML示例与关键注意事项。
-
fetchAPI更适合日常使用因其基于Promise、支持async/await、语法简洁；但需手动处理HTTP错误、显式配置credentials，而上传进度和中断请求等高级功能仍需XMLHttpRequest。
-
可通过CSS媒体查询orientation特性检测横竖屏：orientation:landscape匹配横屏（宽≥高），portrait匹配竖屏（高＞宽），判断基于视口尺寸而非物理传感器；可叠加min-width等条件提升精度；JavaScript可用matchMedia或resize事件动态监听，需配合viewportmeta标签确保生效。
-
答案：通过HTML结构、CSS样式和JavaScript控制实现动态进度条。首先创建外层容器和内层进度元素，用CSS设置外观和过渡动画；接着使用JavaScript修改内层元素的width属性来更新进度百分比，可通过setInterval模拟递增效果；在实际应用中结合文件上传等异步操作，监听onprogress事件实时计算上传进度并调用setProgress更新UI；还可通过在进度条内部添加文本显示当前百分比，并利用flex布局居中文字，提升用户体验。关键在于实时绑定数据源并处理边界情况如重置和异常。
-
嵌套Grid需独立设置gap，父级不继承；通过统一变量管理间距，确保视觉一致。示例：根变量设--base-gap，父容器gap用该变量，子Grid也应用相同变量，避免错位或拥挤。使用gap而非margin，保持对齐整洁，配合开发者工具检查盒模型，提升维护性与响应式体验。
-
元素无法移动通常因CSS定位不当、JavaScript事件未正确绑定或父容器限制导致。首先应确保元素设置position为relative、absolute或fixed，并移除pointer-events:none等禁用交互的样式；其次检查JavaScript是否在DOM加载后绑定mousedown、mousemove等事件，且无语法错误；还需排查父元素的overflow:hidden或transform属性对子元素的限制影响；若使用HTML5拖放API，需设置draggable="true"并正确实现d
