-
HTML5通过FileAPI和FormData实现文件上传，首先利用input选择文件，再用FileReader读取并预览图片，接着将文件添加到FormData对象中，最后通过XMLHttpRequest发送请求，支持进度监控与多字段提交，实现高效前端文件操作。
-
JavaScript表单验证应“提前拦截+清晰反馈”，邮箱验证需避免简单正则，推荐/^1+@2+.3+$/并限制长度。\s@↩\s@↩\s@↩
-
Proxy是JavaScript用于拦截并自定义对象基本操作的原生API，通过handler拦截get/set等行为，配合Reflect提供标准化底层操作，实现响应式数据劫持；但仅代理第一层，需手动递归处理嵌套对象。
-
迭代器是JavaScript中统一的遍历接口，要求对象实现[Symbol.iterator]方法并返回含next()的对象，next()返回{value,done}；自定义对象可通过实现该方法或使用生成器函数（yield）变为可迭代。
-
HTML5中唯一可靠支持的字符编码是UTF-8；非UTF-8编码需用<metacharset>声明且限前1024字节，但浏览器已基本不支持GBK等旧编码，混用会导致乱码或解析错误。
-
margin:auto用于块级元素水平居中，需设置宽度且左右外边距为auto；position结合transform可实现绝对居中，不依赖尺寸；两者结合可用于绝对定位容器内的完全居中，通过四向偏移0与margin:auto触发浏览器自动计算。
-
border-radius不支持直接transition，应改用四个独立半径属性（如border-top-left-radius）并统一单位；响应式场景可用CSS自定义属性+calc()配合transition；避免同时修改layout属性或未启用硬件加速导致卡顿。
-
CSS变量实现配色方案实时切换最灵活可维护，核心是将颜色定义为语义化变量（如--color-primary），通过JS动态修改:root下的值，所有引用自动更新，支持预设主题、localStorage持久化及开发者工具即时调试。
-
本文详解如何在Dash应用中，通过回调函数将动态生成的Plotly图形实时导出为本地HTML文件，解决常见“下载空白页”问题，关键在于使用dcc.Download组件与dcc.send_file()配合服务端临时文件写入。
-
导航菜单小屏显示不全的解决思路有两种：一是用flex-wrap:wrap实现自动换行，适用于菜单项少、允许垂直延伸的场景；二是用媒体查询+display:none隐藏次要项，配合“更多”下拉或汉堡菜单，兼顾可访问性与触控体验。
-
HTML文件显示源码而非渲染，通常因扩展名错误或服务器返回text/plain类型。1.确保文件保存为.html后缀，非.html.txt；2.通过浏览器打开文件，使用file://协议；3.用代码编辑器将文件编码设为UTF-8无BOM；4.若使用本地服务器，确保响应头Content-Type为text/html；5.检查HTML结构完整性，包含<!DOCTYPEhtml>等基本标签；6.清除缓存或换浏览器测试，排除缓存或插件影响。多数问题由扩展名错误或MIME类型不当引起，正确配置即可正常渲
-
space-evenly是justify-content的属性值，使flex容器内子元素间的间距及与容器边缘的距离完全相等，实现视觉对称布局。1.设置display:flex后使用justify-content:space-evenly；2.子元素之间及首尾与容器边距相同；3.适用于导航、图标组等需均匀分布的场景；4.现代浏览器支持良好，注意避免margin干扰布局效果。
-
需按五步开发HTML5交互游戏：一、明确类型与玩法，绘制操作路径并列出核心机制；二、选Phaser3等引擎并初始化项目；三、搭建requestAnimationFrame主循环与多场景结构；四、实现键盘控制与Arcade物理交互；五、集成手势触发的音频加载与播放管理。
-
HTML5视频需在loadedmetadata事件后设currentTime属性（单位秒）才能精准跳转，URL的#t=参数可静态指定起播时间但仅首次加载有效，preload应设为metadata，跨域视频须配置CORS头否则静默失败。
-
SourceMap是前端调试的基石，它将压缩混淆后的代码映射回原始源码，使开发者能在浏览器中直接调试TypeScript或ES6+代码；通过构建工具生成，支持错误堆栈还原，提升生产环境bug定位效率；需注意生产环境安全，避免源码泄露，常用hidden-source-map并配合Sentry等平台使用；在多框架多语言项目中需确保映射链完整，防止因配置不当导致调试失效。
