-
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环境。
-
合理使用内联关键CSS、异步加载非关键CSS，并通过defer延迟执行依赖DOM的JS脚本，可有效减少阻塞、提升首屏渲染速度与页面交互性能。
-
事件传播分捕获、目标、冒泡三阶段，addEventListener的useCapture参数决定监听时机，结合stopPropagation等方法可精准控制响应顺序与行为。
-
ShadowDOM是Web组件的核心技术，它通过创建隔离的DOM树实现样式和结构的封装，防止外部CSS影响内部元素且内部样式不泄露。1.使用attachShadow({mode:'open'})在自定义元素中挂载ShadowDOM；2.通过shadowRoot.innerHTML动态插入HTML和样式；3.利用customElements.define()注册组件标签；4.可动态更新内容并处理事件，通过composed:true使事件跨越Shadow边界。该机制适合构建可复用、高内聚的UI组件，提升模块化
-
答案：调整CSS字体大小主要使用font-size属性，单位包括px、em、rem和%等，其中rem相对于根元素，更适合响应式设计；通过媒体查询或vw单位可实现自适应字体大小，结合font-family、font-weight、line-height等属性优化文字显示效果。
