-
flex值分配需依布局意图匹配：固定尺寸设flex:00240px，自适应主内容用flex:110，文字块用flex:01auto，等宽按钮组用flex:110；注意flex-basis优先级高于width，auto与0行为不同，避免混用百分比basis与grow。
-
要启用HTML5应用缓存，需在html标签添加manifest属性指向清单文件，创建以CACHEMANIFEST开头的.cache文件并配置MIME类型，最后通过开发者工具验证缓存状态及更新机制。
-
WebCodecsAPI提供对浏览器底层音视频编解码器的直接访问，支持实时高效处理，其核心是通过VideoEncoder、VideoDecoder、AudioEncoder和AudioDecoder接口实现帧级操作；开发者需创建编解码器实例并配置参数（如codec类型、分辨率等），输入EncodedVideoChunk或VideoFrame进行编解码，通过output回调获取结果，并结合flush与close管理资源释放；相比传统方案，它具备低延迟、硬件加速、精细控制等优势，适用于云游戏、实时编辑等场景；
-
JavaScript通过arguments对象、类型判断或分发机制模拟函数重载，实现依据参数数量、类型执行不同逻辑，如add函数根据参数个数返回不同结果，greet函数依据类型区分调用方式，multiply利用映射支持多类型组合，提升灵活性与扩展性。
-
使用position和transform可实现流畅侧边栏折叠。通过fixed定位固定侧边栏，z-index确保层级，transition添加过渡动画；利用translateX(-100%)平移隐藏侧边栏，避免重排提升性能；JS切换collapsed类控制状态，同步调整主内容margin，实现协同布局响应。
-
纯函数是函数式编程的地基，要求相同输入必得相同输出且无副作用。它提升可测试性、可缓存性、并发安全性，并支持引用透明。
-
制作完整HTML5作品需五步：一、用HTML5语义化标签搭建结构；二、用CSS3外部样式表控制外观；三、用JavaScript添加交互；四、用Parcel等工具优化开发；五、进行跨浏览器与设备兼容性测试。
-
使用Flexbox可使footer固定在页面底部。首先设置html和body高度为100%，容器使用flex布局，主内容区域flex:1撑开，footer自然置于底部；或用绝对定位，容器min-height:100vh，footer设为position:absolute;bottom:0。推荐Flexbox方案，结构清晰且适配性强。
-
使用HTML的title属性可快速实现基础工具提示，但样式受限；通过data-tooltip属性与CSS结合可创建自定义样式提示框，支持位置调整、箭头和动画；添加JavaScript可实现延迟显示、动态内容与交互控制，提升用户体验。
-
在标准盒模型中，border-width会增加元素总尺寸，而在border-box中则压缩内容区域以保持总尺寸不变，影响布局需注意box-sizing设置。
-
可通过CSS的:focus伪类自定义元素获得焦点时的样式，常用outline属性修改轮廓颜色和样式，如input:focus{outline:2pxsolidblue;}；也可仅更改颜色，如outline-color:red；为提升美观可移除默认outline，改用border或box-shadow实现聚焦效果，但需确保键盘用户的可访问性，提供如边框变色、阴影或背景色调整等明显焦点提示，兼顾视觉设计与可用性。
-
本教程演示如何使用JavaScript动态更新HTML页面中的当前和上个月份及年份信息。通过利用Date对象及其getMonth()和getFullYear()方法，结合对月份索引的映射处理，可以轻松实现无需手动修改的自动化日期显示。文章将提供详细的代码示例和注意事项，确保日期信息的准确呈现，特别是处理月份跨年情况。
-
设置position:sticky并指定top值可使元素在滚动到距视口顶部指定距离时固定，如top:10px表示距离10px时开始吸附，常用于导航栏或标题吸顶效果。
-
内联样式优先级高于外部样式表，因权重为1000，而ID、类、标签等选择器权重依次降低，浏览器按权重累加值决定样式应用；当使用!important时，其优先级最高，可超越内联样式；开发中推荐将样式集中于外部CSS文件，通过类名控制，以提升维护性、复用性与性能。
-
答案：CSS动画通过transform:scale()结合transition或@keyframes实现图片缩放，提升交互体验；应避免修改width/height以防性能问题，优先使用GPU加速的transform，并可结合will-change优化；创意互动包括焦点放大、滚动渐显和呼吸效果；为确保跨浏览器一致性，需处理兼容性前缀、采用响应式布局并充分测试。
