-
Flex元素无法放大主因是缺乏剩余空间或受固定尺寸限制，需确保父容器为flex布局、移除width/height、合理设置flex属性并处理内容最小尺寸。
-
sessionStorage是浏览器原生提供的、仅在当前标签页会话生命周期内有效的前端键值对存储机制，关闭标签页即确定性清除，不与服务器通信，仅存字符串，且同域名下各标签页间完全隔离。
-
按需加载结合预加载、共享依赖提取、条件性分割等策略可显著优化大型应用性能。通过import()实现功能模块动态加载，降低初始包体积；利用webpackPrefetch/Preload提升感知性能；SplitChunks与externals减少冗余；ModuleFederation共享依赖；根据网络、设备、权限动态加载，实现精细化控制。
-
flex-direction决定主轴方向，影响justify-content和align-items的作用轴；column时justify-content控制垂直居中，align-items控制水平居中；需检查显式/隐式设置、父容器高度及align-self冲突，单子项可用margin:auto居中。
-
IndexedDB是W3C标准的客户端数据库，支持存储大量结构化数据，具备异步操作、事务机制、索引查询和大容量存储等特点，适用于离线应用与高性能前端场景。
-
1、安装LiveServer插件并右键选择“OpenwithLiveServer”可启动本地服务器实时预览HTML文件，自动在浏览器中打开并支持热更新。
-
OffscreenCanvas是HTML5接口，可在WebWorker中进行Canvas渲染，通过transferControlToOffscreen将控制权移交Worker，实现主线程与绘图线程分离，提升性能。
-
在Canvas2D游戏中，通过将所有可交互对象（角色、敌人、道具等）按其视觉“地面高度”（如y+feetY）升序排序后统一绘制，可自然模拟前后遮挡关系，营造出可信的伪3D纵深感。
-
JavaScript异步编程本质是事件循环驱动的非阻塞执行，依赖EventLoop、CallbackQueue和MicrotaskQueue协同调度，异步≠并发或并行，仅避免阻塞主线程。
-
优化HTML5语义搜索需结合语义化标签与Schema.org结构化数据：首先使用<article>、<nav>等标签明确页面结构，帮助搜索引擎理解内容区域；其次通过JSON-LD格式的Schema标记提供具体实体信息，如产品价格或食谱详情，提升搜索结果展现形式；最后利用Google富媒体测试工具和SearchConsole持续验证与维护数据准确性，确保内容在搜索中获得更好曝光与点击率。
-
固定导航条导致内容被遮挡，应通过padding-top为内容区预留高度；响应式可用CSS变量联动；慎用margin-top；滚动条宽度变化可用scrollbar-gutter或强制显示解决；需确保导航条定位、尺寸设置正确。
-
表单验证应使用addEventListener监听submit事件并调用e.preventDefault()拦截无效提交，避免onsubmit内联写法；文本字段需trim()并结合required属性；邮箱、手机号正则宜宽松，密码强度分项校验；推荐setCustomValidity实现原生样式与实时反馈。
-
jQuery已非新项目必需，因现代浏览器原生API成熟、主流框架减少DOM操作、体积负担与维护成本高；仅老系统、特定插件依赖或极简静态页等场景暂难替代。
-
外边距叠加会导致垂直间距异常，相邻块级元素间取较大margin值而非相加；父子元素间可能因无BFC触发导致margin穿透，使父元素下移。可通过重置margin、添加border或padding、设置overflow:hidden创建BFC解决。推荐使用CSSReset统一默认样式，用gap替代margin控制布局间距，对列表统一设底部margin并用:last-child清零，建立可控的间距体系。
-
HTML5无法直接生成二维码，需借助JavaScript库（如qrcode.js）将字符串转为二维码图案并渲染到canvas或img；扫码则需getUserMedia+jsQR等组合实现，且须HTTPS环境。
