-
使用语义化HTML标签（如article、section、nav、p）构建结构，配合CSS设置字体、行高、间距与颜色，确保标题层级清晰（h1至h6逻辑嵌套），控制内容宽度并居中布局，提升可读性与可访问性。
-
JavaScript正则表达式通过元字符、量词、分组和修饰符实现高效字符串处理。1.元字符如^、$、.、*、+、?和{n,m}用于定义匹配规则，可验证密码格式等；2.字符类[abc]、1、\d、\w与捕获分组()、非捕获(?:)提升表达式结构化能力，适用于日期提取等场景；3.贪婪匹配默认尽可能多匹配，加?变为非贪婪，利于HTML标签内容提取；4.i、g、m标志支持忽略大小写、全局和多行匹配，newRegExp实现动态构建，预查(?=)可在不包含条件下匹配数字单位并进行替换操作。熟练掌握这些技巧可显著提升文
-
JavaScript组合函数是将多个函数串联执行的编程思想，核心为数据流从右向左或从内到外，常用pipe（从左到右）和compose（从右到左），依赖纯函数与一元函数，常配合Ramda等工具库使用。
-
HTML5模板需解压至项目根目录并用HTTP服务器运行才能正常预览。操作包括：一、解压并整理目录结构；二、移入项目根目录；三、用编辑器或浏览器直接打开；四、必要时用npxhttp-server启动本地服务；五、通过开发者工具验证功能完整性。
-
浮动元素导致水平滚动条的根本原因是子元素超出父容器宽度或父容器未清除浮动；解决方法依次为：控制内容宽度、设置box-sizing:border-box、创建BFC清除浮动，overflow-x:hidden仅作兜底。
-
在JavaScript中格式化日期可以使用多种方法：1)使用内置的Date对象，但不够灵活；2)使用第三方库如Moment.js、date-fns，提供强大功能但需考虑依赖成本；3)使用Intl.DateTimeFormat，灵活但需注意浏览器兼容性；4)自定义函数，提供最大灵活性和控制权，但需自行编写逻辑。
-
答案：在MyEclipse中运行HTML文件需先创建或导入HTML文件至WebContent目录，再通过右键“OpenWith→WebBrowser”预览，或部署到Tomcat服务器后通过http://localhost:8080/项目名/文件名.html访问，确保服务器配置正确、文件编码为UTF-8即可正常显示。
-
JavaScript动画核心是定时更新样式属性并依赖重绘，首选requestAnimationFrame；示例中通过递归调用animate函数，每次更新transform的translateX值实现元素水平移动。
-
使用:focus-within伪类可实现表单容器高亮，当内部输入框获得焦点时，父容器背景变蓝、边框高亮，提升交互体验，无需JavaScript，仅需CSS即可完成。
-
使用Flexbox和Grid布局结合媒体查询，可实现响应式表单中标签与输入框的良好对齐。1.Flexbox通过flex容器控制排列，支持换行与自适应；2.Grid布局利用二维网格精准定位，适合复杂结构；3.在小屏设备下，通过媒体查询将标签置于输入框上方，提升移动端操作体验；4.配合语义化HTML（如label关联id、fieldset分组），增强可访问性。综合运用这些方法，确保表单在各设备上均具备清晰结构与良好交互性。
-
localStorage单域名容量约5MB（Safari无痕模式或更低），按源隔离，超限抛QuotaExceededError；仅支持字符串，存对象需JSON序列化；应try/catch写入并降级处理；大数据量推荐IndexedDB。
-
表单验证的核心目标是及时友好提示用户并保障数据有效性，前端验证提升体验但不能替代后端校验；需结合原生API、自定义样式与提示、防误提交机制及前后端职责协同。
-
ServiceWorkers是运行在浏览器后台的脚本，独立于主线程，支持拦截请求、缓存管理、离线访问和推送通知；必须通过HTTPS（localhost除外）注册且仅对同源页面生效。
-
HTML5页面性能优化需五步：一、图片懒加载用IntersectionObserver；二、移除隐藏DOM节点；三、动画改用transform/opacity；四、长列表启用虚拟滚动；五、JS任务拆分并延迟执行。
-
代码分割是将大体积JS文件拆分为按需加载的小块以提升首屏速度和用户体验。它通过动态import()实现路由级（如React.lazy、Vue异步组件）和功能级（如点击后加载xlsx）分割，并配合SplitChunksPlugin提取公共依赖、prefetch预加载及错误降级处理。
