用JavaScript创建浏览器扩展的关键是理解其结构和权限机制：需正确编写manifest.json（ManifestV3标准），配合内容脚本、后台serviceworker、弹出页等协同工作，并通过chrome.runtimeAPI通信，调试时依赖chrome://extensions和DevTools。

要精确显示不同时区的当前时间，必须使用JavaScript的Intl.DateTimeFormatAPI结合IANA时区标识符进行转换和格式化。1.获取当前时间（基于UTC）；2.使用Intl.DateTimeFormat并指定timeZone选项（如'Asia/Shanghai'）来格式化目标时区时间；3.确保使用准确的IANA时区名称以支持夏令时自动调整；4.通过setInterval每秒更新显示以保持实时性；5.注意浏览器兼容性，必要时引入polyfill。最终，所有时间显示都应基于UTC这一全球标

HTML5的speechSynthesis可用，但需用户手势触发、监听voiceschanged事件获取语音、检查zh-CN支持并设置语速等参数；HTML4不支持该API，无原生语音合成能力。

JavaScript创建自定义事件需用CustomEvent构造函数定义类型与detail数据，并调用dispatchEvent在目标元素触发；监听时用addEventListener，通过event.detail获取数据。

JavaScript操作DOM需先获取元素，再通过属性、方法或事件动态修改内容、结构、样式与属性，并监听用户交互实现响应式更新。

CSS网格布局可高效实现拼图式响应式页面：通过grid-template-areas定义区域、fr/minmax设置不规则尺寸、aspect-ratio与object-fit控制图片比例、grid-auto-flow处理动态项，并用媒体查询适配移动端单列布局。

动态导入通过import()函数实现按需加载，结合Webpack等工具的代码分割，可优化首屏性能。常见应用有路由级、功能级和第三方库的懒加载，配合React.lazy与Suspense可实现组件级延迟加载。使用魔法注释如webpackChunkName、webpackPreload和webpackPrefetch可命名chunk并控制预加载行为。需注意避免过度分割、处理加载失败、兼容SSR及动态路径打包问题，合理规划以提升用户体验。

必须先掌握display、flex和grid等原生CSS布局能力，再学框架；否则无法理解优先级、盒模型等底层逻辑，导致框架“不生效”；Tailwind是CSS属性的class映射，非替代品，需结合原生CSS分层协作。

JavaScript字符串是不可变原始类型，方法均返回新字符串；常用方法分四类：查找判断（includes、indexOf等）、提取截取（slice、substring等）、转换格式化（toUpperCase、trim等）、分割连接（split、join等），调用前需校验null/undefined。

要让CSS动画不断循环播放，需将animation-iteration-count设为infinite。该属性控制动画执行次数，设为数字表示具体次数，默认值为1；设为infinite则无限循环。结合@keyframes定义动画，并在元素上设置animation-name、animation-duration和animation-iteration-count即可实现。可使用animation简写属性合并设置，如animation:slide2sinfinite。还可配合animation-directio

可用记事本、TextEdit（设为纯文本）、VSCode等编辑HTML，保存为UTF-8无BOM；双击打开可预览，但开发推荐LiveServer或python3-mhttp.server；路径须相对于HTML文件，注意大小写和404错误。

本文介绍如何使用SVG原生<animateTransform>实现多个路径围绕同一中心点（如8080）以不同持续时间独立旋转，无需JavaScript，兼容性好且语义清晰。

快速判断表单是否使用HTML5新属性：直接检查input、textarea、form标签的required、placeholder、autofocus、pattern、list等语义化属性及email、date等type值，结合手动测试与JS检测验证实际支持情况。

本文介绍如何将用户在第一个登录页输入的邮箱地址，通过前端方式（如localStorage）传递到第二个OTP验证页，并自动填充到对应输入框中，无需后端参与，适合初学者快速实现。

HTML5的FileReaderAPI支持读取本地文件内容及获取基本信息：一、通过inputtype="file"获取File对象；二、用readAsText读取文本；三、用readAsDataURL生成DataURL预览资源；四、用readAsArrayBuffer读取二进制数据；五、直接访问File属性获取元数据。