-
async/await并非必需，而是让异步逻辑更可控、更接近同步写法；它通过try/catch统一捕获错误、简化条件判断与变量复用，但独立请求应优先用Promise.all避免串行阻塞。
-
rem单位是相对于根元素（通常是<html>元素）的字体大小计算的单位。1.rem代表“rootem”，1rem等于根元素的字体大小，如16px。2.使用rem单位可以保持网站字体大小的一致比例，并通过调整根元素字体大小改变整个网站的字体大小。3.rem单位适用于响应式设计，通过媒体查询调整根元素字体大小实现不同设备上的字体大小比例。4.rem单位可用于设置各种CSS属性，结合其他单位实现复杂布局。5.使用时需注意设置根元素字体大小，避免混合使用rem和px单位导致布局不一致。
-
首先确保HTML文件包含标准结构，如DOCTYPE声明、html、head、body等标签；其次用文本编辑器编写代码并保存为.html格式；接着通过双击文件或右键选择浏览器打开来查看效果；若需支持高级功能，则应使用本地服务器运行，例如通过Node.js安装http-server工具并在命令行启动服务后访问localhost地址；推荐使用VSCode配合LiveServer插件实现修改后自动刷新的实时预览功能。
-
JavaScript正则表达式需关注构造方式（字面量或RegExp构造函数）、标志位组合及方法选择；test()返回布尔值，exec()返回匹配详情且具状态；match()行为取决于g标志，全局匹配推荐matchAll()；注意点号、贪婪、Unicode和flag冲突等陷阱。
-
WebVTT通过HTML5的<video>和<track>元素实现自定义字幕，其核心优势在于支持精确时间控制、内嵌HTML标签、CSS样式化（::cue伪元素）及多语言切换。相比SRT等传统格式仅能显示纯文本，WebVTT允许对单个字幕设置位置、对齐、颜色等样式，并结合JavaScriptAPI动态操作TextTrack和VTTCue对象，实现字幕实时生成、交互响应与个性化呈现。主要挑战包括时间同步、浏览器兼容性、动态加载逻辑与性能优化，需借助专业工具校准时间戳、跨浏览器测试及合理
-
JavaScript模块加载器是解析、获取、执行模块并管理依赖的系统，涵盖浏览器原生ES模块、构建工具（如Webpack、Vite）及运行时加载器（如SystemJS）；动态导入import()是ES2020引入的Promise-based运行时按需加载机制，支持表达式路径、不参与静态分析、可错误捕获；浏览器原生加载器遵循同源策略与MIME校验，按需请求、解析模块图、实例化并缓存；构建工具将其转为异步chunk并注入运行时逻辑；使用时需注意默认导出访问方式、模块上下文限制及Node.js兼容性要求。
-
百度地图JSAPI必须通过HTTPS或本地服务器（如LiveServer）运行，禁用file://协议；须使用BMapGL.Map而非BMap.Map；定位需手动调用Geolocation并处理权限；AK须在script标签中携带且域名须在控制台白名单备案。
-
最简单的方法是使用浏览器打印功能将HTML转为PDF。打开页面后按Ctrl+P，在打印机选项中选择“另存为PDF”并保存即可。此方法无需额外工具，适合静态页面转换，但对复杂样式支持有限。
-
iPadSafari导入vCard仅完整支持3.0版本，需用大写字段、TYPE参数声明类型，URL必须带协议，ADR要按固定顺序分号分隔，推荐dataURL触发原生导入以减少丢项。
-
防止XSS需对用户输入进行HTML实体编码，如用textContent替代innerHTML；2.使用React、Vue等框架默认转义机制；3.富文本使用DOMPurify过滤。核心是不信任用户输入，始终安全处理数据。
-
前端JavaScript加密不能真正保障数据安全，因其运行在用户可控环境，密钥与逻辑易被窃取或绕过；它仅适用于防抓包明文、临时签名及本地存储混淆等场景，且须配合HTTPS、后端校验等措施。
-
使用原生<dialog>标签创建对话框最直接且优雅，它语义化强、可访问性好，通过showModal()实现模态阻断交互，show()用于非模态场景，配合<formmethod="dialog">简化关闭与返回值处理，CSS可定制样式及::backdrop背景效果。
-
CSS中的hue-rotate通过filter属性调整元素颜色色调，语法为hue-rotate(angle)，角度范围0deg到360deg，实现色轮旋转效果，如90deg偏黄绿、180deg反色、360deg复原；常用于夜间模式、悬停动画或主题切换，可与saturate等滤镜组合使用，但对黑白灰及透明区域影响小，且作用于整个元素渲染层。
-
选择Vite或Webpack取决于项目需求，Vite通过原生ES模块和ESBuild实现秒级启动与热更新，适合现代开发；Webpack则通过缓存、代码分割和压缩优化构建性能；统一集成代码检查与CI/CD可提升协作效率与构建稳定性。
-
隐藏滚动条需通过自定义CSS实现，但可能影响用户体验。1.在Squarespace设计面板进入“自定义CSS”；2.添加针对WebKit、Firefox和IE/Edge的隐藏代码；3.建议仅对特定容器操作，避免使用overflow:hidden锁死页面；4.完全隐藏会削弱用户对可滚动内容的感知，尤其影响无障碍访问；5.更推荐美化滚动条，如调整宽度、颜色和圆角，使其融入设计。平衡美观与可用性，应优先确保可发现性，局部隐藏或渐进式增强更安全。
