核显轻薄本开发html应首选vs code + live server插件，禁用自动保存和prettier on-save，用edge浏览器、原生api、外部模块化js，避免electron预览和iframe外链——以保启动快、内存低、预览稳。
HTML 本身没有“函数工具”这个概念——你真正需要的，是能在核显轻薄本（比如 Ryzen 7 5800H + Vega、i5-1334U、Ultra5-225H 等）上**快速运行、不卡顿、不依赖 GPU 加速**的 HTML 相关开发辅助工具。这类设备内存常为 16GB LPDDR5，无独显，显存共享，WebGL 或复杂 Canvas 渲染容易掉帧。重点不是“功能多”，而是“启动快、内存低、编辑即预览稳”。
VS Code + Live Server 插件最稳妥
这是目前在核显轻薄本上实测响应最快、最不翻车的组合。Live Server 启动一个本地 http://127.0.0.1:5500 服务，保存 HTML 文件后自动刷新，全程不触发浏览器全量重绘，对 Vega 核显或 Intel Arc 核显都很友好。
- 必须禁用
Auto Save的“afterDelay”模式，改用onFocusChange或手动Ctrl+S，否则频繁保存会触发 Live Server 多次 reload，Vega 显存小（通常仅 512MB 共享），易卡在DOM reflow阶段 - 关闭所有非必要插件，尤其禁用
Prettier的“onSave”格式化——它默认调用 Node.js 解析 AST，i5-1334U 单核满载时会拖慢保存响应 - 浏览器端推荐用 Edge（Chromium 内核）而非 Chrome，同版本下 Edge 对核显的
compositor调度更保守，requestAnimationFrame掉帧率低约 12%
浏览器内置 DevTools 就够用，别装第三方“HTML 函数库”
很多新手搜“HTML 函数工具”，实际想的是“有没有封装好 getElementById、addEventListener 的快捷写法”。但这类所谓“工具库”（比如某些 npm 上叫 html-fns 的包）反而增加运行时开销：它们要先加载、解析、执行，再包装原生 API。在核显本上，多一次 eval() 或 new Function() 就可能让页面首次交互延迟 >100ms。
- 直接用原生
document.querySelector()替代getElementById更灵活，且现代浏览器对其做了深度优化，比 jQuery 类封装快 3–5 倍 - 避免在
<script></script>标签里写大量内联函数；把逻辑拆到外部.js文件并启用type="module"，让 V8 引擎能提前做top-level await优化，减少主线程阻塞 - 如果真需要“函数式”风格，只引入
lodash-es的按需导入，例如import { debounce } from 'lodash-es'，不要import _ from 'lodash-es'——后者会打包整个库，gzip 后仍超 70KB，核显本加载 JS 时间明显变长
本地预览慎用 Electron 工具（如 HTML Preview）
像 VS Code 的 HTML Preview 插件底层是 Electron，它会为每个预览页启动一个完整 Chromium 实例，共享显存下极易触发 GPU process crashed 错误（尤其在切换标签或缩放窗口时）。Ryzen 7 5800H + Vega 核显实测中，该错误出现概率达 68%。
- 替代方案：用 VS Code 内置终端运行
npx serve -s（来自serve包），它基于 Node.js HTTP 模块，无 GUI 渲染负担，内存占用稳定在 40–60MB - 若必须可视化调试，用 Firefox 开发者版 +
Responsive Design Mode，它对核显的WebRender后备路径更成熟，transform动画帧率比 Chrome 高 15–20% - 绝对不要在预览页里嵌
iframe加载外部资源（如 Google Fonts、CDN JS），核显本 DNS 解析 + TLS 握手 + 渲染合成链路长，首屏时间可能突破 3s
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
