-
IE嵌入HTML5页面的问题根源在于语法、CSS、JS兼容性及安全策略：需检查跨域iframe响应头、引入html5shiv修复语义标签、用Babel+polyfill处理ES6+、为flex加-ms-前缀，grid则需降级或弃用。
-
父元素高度塌陷是因浮动元素脱离文档流，导致父容器无法感知其存在；常用解决方案有clear:both（需额外DOM）、BFC触发（如display:flow-root）和伪元素清除法（.clearfix::after）。
-
高效调试JavaScript需建立可复用习惯：分层输出（log/warn/error）、上下文标记（如[Auth]）、console.group/table；优先断点调试，善用Sources面板、条件断点、debugger语句；活用控制台执行环境（$0、copy、clear）；调试后必须清理console和debugger。
-
本文详解CordovaiOS应用中如何通过纯前端方式实现页面间跳转，以按钮触发为例，介绍基于window.location.href的轻量、可靠导航方案，并说明其原理、适用场景及关键注意事项。
-
100vh在移动端常“不够高”是因为Safari地址栏动态遮盖视口，导致100vh取初始高度而滚动后错位；应改用min-height:100dvh，并确保html/body显式设高，Grid才能正确布局。
-
ServiceWorker是JavaScript实现缓存策略的核心，通过拦截请求、自定义响应及持久化存储支持离线访问；需HTTPS注册，经历install（预缓存）和activate（清理旧缓存）生命周期，并依资源类型选用Cache-First、Network-First或Stale-While-Revalidate策略。
-
JavaScript中的Reflect是ES6引入的用于统一和规范化运行时对象操作的工具集，提供get、set、has等标准化方法，与Proxy协作实现可控、可组合的元编程。
-
Sass混合宏是通过@mixin定义、@include调用的可复用样式块，支持参数与默认值，能封装圆角、渐变等常用样式，结合条件判断、变量和函数减少冗余代码，提升CSS维护性与开发效率。
-
srcset未生效主因是未配合sizes或sizes描述与实际渲染宽度不符；单独用仅支持DPR切换，需sizes告知浏览器图片占位宽度才能按视口选图。
-
word-spacing为什么设了没反应常见现象是写了word-spacing:20px，但中文段落完全没变化，英文也只在空格处生效。根本原因是：它只作用于「单词之间的空白」，而中文词间本无空格，浏览器不识别“词”，只认空格、制表符、换行符这些分隔符。实操建议：对中英文混排，word-spacing只影响英文单词之间（比如“HelloWorld”中的空格），不影响“你好world”里“你好”和“world”之间的距离想控制中文字与字之间的距离，该用letter-spacin
-
本文详解如何通过正确设置viewBox属性，使SVG内部图形（如箭头）在响应式容器中实现宽高联动缩放、维持宽高比且不发生意外位移。核心在于理解viewBox的坐标系定义与transform的叠加关系。
-
本文详解Next.js项目中Jest测试因SVG等静态资源未被正确mock而报SyntaxError:Unexpectedtoken'<'的根本原因，并提供可立即生效的配置修复方案。
-
animation-delay决定动画开始前的等待时间，animation-duration定义动画持续时长。二者协同控制动画的时间节奏：延迟为负值时动画立即开始但从中途状态切入，常用于循环动画的错位效果；结合animation-fill-mode、timing-function等属性可实现链式动画与自然过渡，提升用户体验。
-
box-shadow的inset关键字用于创建内阴影效果，与普通外阴影相反。1.inset使阴影向内收缩，呈现凹陷感；2.外阴影渲染在元素边框外部，而inset阴影在内容区域内部；3.常用于模拟按钮按下状态、内边框或纹理效果；4.使用时需结合其他CSS属性精细调整以增强视觉层次。
-
Flex垂直流中align-items失效是因为它控制横轴（水平）对齐，而底部对齐需用justify-content:flex-end（容器须有明确高度）或更可靠的margin-top:auto（子项生效，不依赖容器高度），并配合align-self调整水平位置。
