-
ServiceWorker是浏览器后台运行的网络拦截器，可拦截请求、缓存资源、实现离线访问；需注册、安装预缓存、拦截响应三步完成离线能力，支持多策略缓存与推送通知，但须HTTPS环境且注意生命周期控制。
-
不能用opacity因为它会使子元素（文字、图片等）一同变透明；应使用background-color的rgba()值，仅让背景透明而内容保持100%不透明，兼容性好且语义清晰。
-
Babel插件通过操作AST实现代码转换，其核心是visitor模式遍历节点，利用pathAPI修改、删除或插入节点，结合@babel/types进行类型判断，并可通过babel-plugin-tester测试，最终发布为npm包供项目使用。
-
可通过opacity属性、rgba/hsla颜色值及伪元素实现HTML5元素透明效果：opacity作用于整体，rgba/hsla分别控制背景/文字透明，伪元素可创建遮罩层。
-
link是HTML标签，置于<head>中，支持并行加载、媒体查询，性能更优且兼容性好；@import是CSS规则，需写在CSS文件内，延迟加载影响性能，维护性差，推荐优先使用link引入样式。
-
使用overflow:hidden触发BFC可解决父容器因子元素浮动导致的高度塌陷，使其正确包裹浮动内容。2.clear属性通过设置left、right或both防止元素与浮动元素同侧排列，常用于清除浮动影响。3.在实际布局中，overflow与clear常结合使用，如侧边栏浮动时，主内容区通过overflow:hidden形成BFC避免文字环绕并隔离布局影响，后续元素再用clear:both确保脱离浮动流。4.现代推荐做法是使用伪元素clearfix方案，即.clearfix::after{conten
-
在HTML表单中为重置按钮添加确认提示，可以通过结合HTML和JavaScript实现。1)使用onclick事件和confirm函数直接在重置按钮上添加确认提示；2)将JavaScript逻辑从HTML中分离，提高代码可维护性；3)使用自定义模态框替代标准confirm对话框，增强用户体验；4)添加ARIA属性，确保无障碍访问。
-
答案：响应式图片的核心是使用max-width:100%、height:auto和object-fit等CSS属性，结合srcset、picture、懒加载和现代格式优化性能，避免常见布局问题。
-
文字颜色闪烁动画应使用@keyframes配合ease-in-out缓动实现平滑过渡，时长≥1.5s；避免transition与animation同时作用于color；推荐HSL模型仅调节hue值以保证色彩连贯；动画周期≥2s并提供关闭开关以满足可访问性要求。
-
flex布局最可靠，通过根容器设flex-column、主内容区flex:1撑开空间，使footer自然贴底；grid更简洁但不兼容IE；fixed易遮挡内容且难适配高度变化。
-
opacity影响整个元素透明度，而RGBA和background-gradient可单独控制背景透明与渐变效果，结合伪元素能实现文字清晰、背景渐变的视觉层次。
-
HTML5广受青睐因其五大核心优势：一、原生多媒体支持替代插件；二、跨平台一致运行能力；三、语义化标签提升可访问性；四、本地存储与离线能力增强韧性；五、实时通信与设备集成扩展交互边界。
-
HTML5图像拖动需设draggable="true"，用drag-and-dropAPI实现目标定位或鼠标事件实现自由拖动，配合边界限制与视觉反馈提升体验。
-
该网站采用HTML5技术，依据包括：DOCTYPE为<!DOCTYPEhtml>；使用<nav><header><main>等语义化标签；调用localStorage、canvas、geolocation等HTML5API；服务器返回Content-Type:text/html且无旧版兼容头；W3C验证通过并标识HTML5。
-
Canvas.getContext('2d')是唯一绘图入口，漏调用则所有绘图方法报错；需先获取上下文对象才能调用fillRect、arc等方法，并注意路径管理、状态机特性及图片加载完成后再绘制。
