最稳妥的做法是将放在闭合标签之前；因浏览器自上而下解析HTML，此位置可确保DOM已加载完成，避免脚本执行时获取不到元素。

script 标签写在哪儿最稳妥？ 浏览器解析 HTML 是从上到下顺序执行的。如果把 <script></script> 放在 里又没加 defer 或 async，脚本会立即下载并执行，此时 DOM 还没加载完，document.getElementById 之类操作大概率返回 null。

• 推荐做法：把 <script></script> 放在 闭合标签前
• 次选但可控：放在 里，但必须加 defer 属性（适用于模块化或依赖 DOM 的逻辑）
• 避免直接用 async 加载主业务脚本——它不保证执行顺序，可能 DOM 还没就绪就跑了

  <div id="app"></div>
  <script src="main.js"></script>

内联脚本和外部文件，什么时候该选哪个？ 内联脚本（<script>console.log('hi');</script>）适合极小量、与当前页面强绑定的初始化逻辑，比如埋点 ID、页面级配置。但它无法被浏览器缓存，每次 HTML 加载都得重新传输。

外部文件（<script src="app.js"></script>）才是常规选择：

• 脚本能被缓存，复用率高
• 便于压缩、打包、 sourcemap 调试
• 不污染 HTML 结构，多人协作时更清晰
• 注意路径：如果 index.html 和 app.js 不在同一目录，要用相对路径如 ./js/app.js 或绝对路径 /static/js/app.js

ES Module 怎么引用？要注意什么？ 想用 import / export，必须显式声明 type="module"：

<script type="module" src="main.js"></script>

否则浏览器会报错：Unexpected token 'export' 或 Cannot use import statement outside a module。

Wechat Article Html

将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。

下载

几个硬性限制：

• 模块脚本默认是 defer 行为（按顺序、DOM 解析完再执行）
• 不能省略文件后缀，import utils from './utils' ❌，必须写 import utils from './utils.js'
• 模块内的顶层 this 是 undefined，不是 window
• 本地双击打开 index.html（即 file:// 协议）时，模块导入会因 CORS 被浏览器拦截，必须起一个本地服务（如 npx serve）

常见错误：脚本没反应，先查这三件事 脚本“写了但没跑”，90% 出在基础链路上： - 控制台是否报 404？检查 src 路径拼写、大小写、文件是否真在那个位置 - 是否误用了 type="module" 但脚本里没写 import/export，又没配构建工具？这时浏览器会静默忽略脚本 - 是否在非模块脚本里用了 import，或者在模块脚本里用了 var 声明全局变量却期望在其他地方访问？模块作用域是封闭的，window.xxx = 1 才能挂到全局

路径、协议、模块类型，这三个点卡住就什么都动不了。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南