-
小程序无法直接运行HTML5的<script>标签，因不支持原生DOM渲染；JS插件需兼容小程序运行时，避免依赖WebAPI，应通过npm引入并适配网络、存储等API。
-
Grid项z-index生效需先创建层叠上下文：必须设置position（如relative）且z-index不为auto，或用will-change/opacity/transform等触发；单纯改grid-column等布局属性时will-change无效；优先用DOM顺序、轨道错位或伪元素控制层级。
-
正确处理Flexbox溢出需结合overflow:hidden与flex属性，关键在于设置子元素min-width:0、flex:1及text-overflow:ellipsis，确保内容可收缩且文本溢出时截断，尤其在嵌套布局中更应规范使用以避免撑开容器。
-
用background-image替代list-style实现跨浏览器一致的列表符号：SVG背景图+background-position:left0.35emcenter+padding-left:1.5em，IE11需双重URL编码。
-
JavaScript迭代器无内置关闭机制，需开发者通过return()方法或手动.close()释放资源；生成器自动触发finally，异步迭代器return()应返回Promise，关键资源须提供显式清理接口。
-
纸张折叠效果需用position:absolute分层模拟明暗与折角：正面（z-index:3）、背面（z-index:2）、折角三角（z-index:1），父容器必须设position:relative；阴影用双层box-shadow实现自然渐变，折角推荐伪元素旋转方案。
-
<linkrel="stylesheet">必须置于<head>内，放</body>前会被忽略；它默认阻塞HTML解析和渲染，无法用defer/async控制；可通过media属性条件加载、rel="preload"+JS注入或内联关键CSS优化性能。
-
制作网页需HTML、CSS、JavaScript协同：HTML构建结构，CSS美化样式与布局，JavaScript实现交互功能。初学者应从语义化HTML骨架入手，结合CSS响应式设计与JS动态操作，打造兼容多设备的完整网页。
-
Spring模板引擎负责服务端渲染，前端JS处理交互；通过data属性或初始化脚本传递数据，AJAX调用RESTAPI实现异步更新，明确分工可兼顾首屏性能与用户体验。
-
应使用CSS自定义属性（如--color-primary）统一管理主题色，定义在:root中，配合语义化原子类名（如bg-primary）和三层命名结构（语义+层级+用途），确保可维护性与一致性。
-
用Flexbox控制按钮排列需将父容器设为display:flex，再通过justify-content调节水平分布、gap设置间隙、align-items实现垂直居中对齐。
-
本文详解在React中实现自定义Tooltip时，如何通过动态计算焦点流、延迟聚焦和DOM遍历，使脱离文档流的tooltip内容自然嵌入页面原有tab顺序，确保键盘导航符合WCAG2.1标准。
-
offset-path是现代CSS路径动画最直接方案，支持Chrome75+、Edge79+、Safari15.4+，通过path()定义路径、offset-distance控制位置、offset-rotate设置朝向；不支持IE和旧Safari，需降级为SVGanimateMotion或JS。
-
适配器模式通过创建中间层解决接口不匹配问题，将不同数据源的字段格式统一，使原本不兼容的接口能协同工作，提升系统解耦性与扩展性。
-
AndroidStudio非运行HTML理想工具，可通过安装HTMLPreview插件实现预览；2.最简单方式是右键文件在资源管理器中打开并用浏览器直接运行；3.对于需HTTP服务的功能，推荐使用Node.js搭建本地服务器，通过npxhttp-server启动并在localhost查看；4.更高效方案是改用VisualStudioCode或WebStorm等专为前端设计的IDE，支持实时预览与调试。
