-
可使用FetchAPI或XMLHttpRequest发送数据请求：Fetch支持GET/POST，需配置method、headers、body；XHR兼容性好，需open、setRequestHeader、send；FormData专用于文件上传。
-
localStorage永久保存数据，sessionStorage仅在当前标签页会话有效；前者适合用户偏好等跨会话信息，后者适合表单草稿等临时数据；均受同源限制且仅支持字符串，禁存敏感信息。
-
可通过创建快捷方式、移动文件至桌面、设置默认程序或使用命令行实现HTML文件在桌面直接运行，双击即可用指定浏览器快速查看内容。
-
HTML离线应用的核心是通过.manifest文件实现资源缓存，具体步骤包括：1.创建.manifest文件并定义CACHE、NETWORK、FALLBACK三部分；2.在<html>标签中引用manifest属性；3.利用版本控制触发缓存更新。其原理为首次访问时下载清单并缓存指定资源，后续访问优先从本地加载。优势在于提升加载速度和离线体验，但因更新机制繁琐、缓存粒度粗、调试困难等问题，现已被ServiceWorker取代。尽管如此，精准缓存核心静态资源、合理配置NETWORK与FALLBAC
-
在HTML中插入表单的方法包括：1.使用<form>标签定义表单结构并设置action和method属性；2.添加文本框、密码框、单选按钮、复选框、下拉选择框及提交按钮等控件；3.通过name属性确保数据提交，并根据需求设置enctype属性及提交方式；4.利用HTML5验证属性或JavaScript进行表单验证，以保证输入数据的正确性。
-
本文详解如何通过classList.toggle()方法优雅实现按钮点击时动态添加与移除CSS类，解决导航栏展开/收起、状态切换等常见交互需求，并附可直接运行的代码示例与最佳实践。
-
使用grid-template-areas可定义命名网格区域实现直观布局。1.每个字符串代表一行，名称对应区域，如"headerheader"表示首行两列均属header；2.子元素通过grid-area匹配名称定位，句点表示空白；3.配合grid-template-rows和grid-template-columns设置行列尺寸，如60px1fr40px；4.适用于仪表盘等复杂布局，区域需为矩形且连续，命名一致即可自动匹配，结构清晰如拼图。
-
ES6引入的正则d标志能获取捕获组索引。1.使用d标志后，exec()返回的匹配对象新增indices属性；2.indices数组包含每个捕获组的[startIndex,endIndex]对；3.该功能解决了手动计算索引易出错的问题；4.可用于语法高亮、模板解析、富文本编辑等场景；5.match.indices与match数组对应，便于精准定位和操作子串。
-
用Flexbox替代绝对定位可根本解决错位问题，因其以内容流为基础自动对齐分布，响应性强、维护成本低；需确保父容器正确设置display:flex并避免与float、absolute混用，合理使用justify-content、align-items、gap及flex-direction等属性。
-
CSSGrid通过grid-template-columns和grid-template-rows定义行列结构，结合fr单位、repeat()函数与minmax()实现灵活布局；使用gap设置间距，grid-area配合grid-template-areas可视化划分区域；配合媒体查询与repeat(auto-fit,minmax())实现响应式，适用于复杂页面的高效构建。
-
ServiceWorker是实现Web应用离线可用的核心，通过注册、安装、缓存资源、拦截请求及更新版本完成离线支持。首先在页面中注册sw.js，检查浏览器支持并注册ServiceWorker；接着在sw.js的install事件中预缓存关键资源如HTML、CSS、JS和图片；然后通过fetch事件拦截网络请求，优先从缓存返回内容，采用“缓存优先”策略；当应用更新时，更改CACHE_NAME版本号，并在activate事件中删除旧缓存，确保用户获取最新资源。合理处理这些步骤可构建稳定离线的PWA应用。
-
答案是通过getUserMedia获取视频流，利用canvas逐帧处理并用captureStream生成新流，实现浏览器内实时视频处理。具体流程包括：1.调用navigator.mediaDevices.getUserMedia({video:true})获取原始视频流；2.创建隐藏canvas元素，使用其2D上下文对视频帧进行绘制与处理，如滤镜或AI分析；3.调用canvas.captureStream(30)将处理后的帧封装为新的MediaStream；4.将新流绑定到video标签预览或传入RTCP
-
本文详解如何在Angular模板中通过[class]绑定结合逻辑表达式，精准控制组件背景色——当设备在线且非Faulted状态时显示蓝色渐变，其余情况（包括isOnline&&status==='Faulted'）统一显示红色渐变，避免条件覆盖导致的样式误判。
-
图片浮动后文字环绕错位，本质是float触发绕排流但缺乏间距，解决关键是给图片自身添加margin（右浮加margin-left，左浮加margin-right）并检查容器padding/line-height及清除浮动。
-
position不是布局工具，而是用于脱离文档流的精确锚定，仅适用于下拉菜单、气泡提示等满足不参与主内容流、需相对参照物对齐、由交互触发且生命周期短的场景。
