外部样式表应置于head最上方用link引入，脚本除非带defer或为模块否则不应放head中；@import和内联style属反模式，应统一使用外链CSS。
在 HTML5 的 head 标签中嵌入外部样式表与脚本，核心是遵循加载顺序、资源优先级和浏览器行为规范。样式表必须早于脚本声明，且全部置于 head 内（除非明确需要延迟执行的 JS）。
外部样式表：用 link 标签引入，位置靠前
外部 CSS 应使用
DeepBI DHTML 页面生成器
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力：
- 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面；
- 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”；
- 提及位于 `apps/console/src/featur
下载
之后、任何 <script> 之前）：
<ul>
<li>确保 href 路径正确：推荐相对路径（如 <code>css/main.css），CDN 资源用完整 URL（如 <code>https://cdn.example.com/ui.css）
<li>不写 type 属性也可，但显式加上 <code>type="text/css" 更清晰
<li>避免把 <code><link> 放进 <strong>body——部分浏览器会阻塞渲染，甚至触发重排
<li>如果页面出现闪白（FOUC），大概率是 <code><link> 位置错或路径 404；可查 Network 面板确认状态码和 MIME 类型是否为 <code>text/css
<H3>脚本声明：多数情况不放 head，例外需加 defer
<p>普通 JavaScript 插件脚本一般<strong>不应直接放在 head 中执行，除非满足以下任一条件：
<ul>
<li>脚本体积小、无 DOM 操作、纯工具函数（如 Polyfill）
<li>明确添加 <code>defer 属性：保证在 DOM 解析完成后执行，且保持顺序
<li>是 ES6 模块（<code>type="module"），天然具有 defer 行为
<p>若脚本依赖 DOM 元素（如初始化轮播图、绑定按钮事件），更稳妥的做法是：<strong>移至 <code></script>
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
