-
<metacharset="utf-8">必须置于<head>最前面，且为唯一推荐写法；值须为标准编码名，服务端响应头优先级更高。
-
map、filter、reduce是JavaScript数组高阶函数，用于映射、筛选和累积计算，不修改原数组，返回新数组或值，支持链式调用，结合箭头函数使代码更简洁清晰。
-
使用CSSGrid布局导航菜单可提升结构清晰度与响应式灵活性。相比传统方法，Grid具备二维布局优势，适用于复杂对齐需求。通过grid-template-columns定义列数，如repeat(4,1fr)实现四等分水平导航，菜单项自动均宽，无需手动计算。结合minmax()与auto-fit，如repeat(auto-fit,minmax(120px,1fr))，可在屏幕变窄时自动换行，保持最小宽度并均分空间，增强移动端适配。对于含Logo、主菜单和操作按钮的复合导航，使用grid-template-c
-
1、确保项目为动态Web项目，通过ProjectFacets启用DynamicWebModule和Java支持；2、使用Eclipse内置浏览器右键HTML文件选择“OpenWith”→“WebBrowser”直接预览；3、配置外部浏览器在Preferences中设置“Useexternalwebbrowser”并选择Chrome等默认浏览器；4、对于复杂Web项目，将项目部署至已配置的Tomcat服务器，通过“RunonServer”运行以模拟真实环境。
-
掌握CanvasAPI绘制复杂图形需先理解绘图上下文方法。1.使用beginPath、lineTo、arc等路径方法构建图形轮廓，如圆角矩形通过多个arcTo连接；2.设置fillStyle、strokeStyle、lineWidth等属性控制样式，可用createLinearGradient创建渐变填充；3.通过translate、rotate、scale进行坐标变换，结合save和restore管理状态；4.利用clip限制绘制区域，globalCompositeOperation控制图层叠加。综合运
-
可使用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())实现响应式，适用于复杂页面的高效构建。
