-
HTML5AppCache已废弃，必须迁移到ServiceWorker；因其设计缺陷（缓存不可控、白屏陷阱等）且被Chrome94+、Firefox85+、Safari16.4+彻底移除，manifest文件无效，需通过register()注册sw.js并手动管理缓存策略。
-
JavaScript中阻止事件冒泡的核心方法是调用event.stopPropagation()，它终止事件向父级传播但不影响当前元素其他监听器；event.stopImmediatePropagation()更彻底，还阻止同元素其余同类型监听器执行。
-
HTML注释以<!--开始、-->结束，用于添加不显示在页面中的说明文字，帮助开发者理解代码或标记待办事项，可跨多行但不可嵌套。
-
元素无法撑满可用空间的常见原因包括：父容器Flex/Grid对齐设置不当（如align-items非stretch）、子元素自身尺寸限制（如height/max-height）、display类型不匹配（如inline-block）、box-sizing或padding/margin干扰。
-
使用组合选择器和BEM命名规范可有效避免CSS嵌套样式污染，通过提升特异性和作用域隔离，确保组件样式互不干扰。
-
HTML5动态页面爬取需根据渲染方式选择策略：一、无头浏览器模拟执行JS；二、分析XHR/Fetch接口直取JSON；三、Hook前端框架数据对象；四、CDP协议监听资源；五、识别SSR页面直取HTML。
-
HTML5盒子模型调试需掌握五种技巧：一、用box-sizing:border-box统一盒模型；二、margin负值配合绝对定位实现居中；三、padding-top百分比维持响应式宽高比；四、border与outline协同消除边框间隙；五、box-shadowinset模拟内边距。
-
JavaScriptIntlAPI提供内置国际化支持，含DateTimeFormat和NumberFormat等接口，可自动适配多语言日期、时间、数字、货币格式，需注意语言标签准确性、浏览器兼容性及时区/货币显式配置。
-
浮动与网格可共存，主结构用Grid布局，局部图文环绕等效果可保留浮动；关键在于明确分工：Grid负责整体架构，浮动仅用于特定视觉效果，并注意清除浮动防止塌陷，适用于兼容旧项目或内容型页面。
-
使用Flexbox和overflow-x可实现水平滚动卡片，容器设display:flex、overflow-x:auto，子项设min-width和flex-shrink:0；2.可隐藏滚动条提升美观；3.结合响应式与交互优化适配多设备。
-
Vue是专注视图层的渐进式JavaScript框架，通过声明式渲染和响应式系统实现数据与DOM自动同步，支持模板语法、指令及组件化开发，并在Vue3中采用Proxy提升响应能力。
-
JavaScript作用域是词法作用域，由代码结构在运行前确定，分全局、函数、块级（ES6起）；var提升至函数顶，let/const有TDZ；闭包捕获变量绑定而非值；this与作用域无关，取决于调用方式。
-
JavaScript是让网页具备交互性、动态性和智能化的核心技术，支持事件响应、DOM操作、数据处理、异步请求及框架开发，显著提升用户体验与开发效率。
-
opacity不能实现透明颜色代码效果，它控制整个元素不透明度而非颜色alpha通道；真需颜色透明应使用rgba()或hsla()。
-
从零开始制作HTML网页需先明确目标与内容结构，如个人简介页包含标题、介绍、技能列表和联系方式。接着创建基础HTML文件，使用标准模板定义文档类型、语言、字符编码及页面标题。在body中添加h1、p、ul、li等标签填充内容，并通过a标签插入邮箱链接。然后在head中加入style标签编写CSS，设置字体、背景色、文字颜色等样式提升视觉效果。保存后用浏览器预览，持续调整代码优化显示效果，逐步熟悉HTML与CSS协作机制，最终完成一个简单但完整的网页。
