Qite.js 极致轻量化框架：告别主流框架！回归 HTML！

当前位置：点晴教程→知识管理交流 →『技术文档交流』

admin

2026年9月30日 10:16 本文热度 149

最近，一个叫 Qite.js 的前端框架在 Hacker News 上引发不少讨论。

它的定位很特别：无构建、无 NPM、SSR 优先，主打原生 HTML，直接操作真实 DOM。简单说，它想吸引的，是那些对 React 那套工程化感到疲惫、又更喜欢原生 HTML 的开发者。

它的口号也很直白：

给 HTML 爱好者的 JS 框架：不用构建，不用 npm，SSR 优先。

这不是要取代谁，而是提供另一种思路：让前端回到 HTML 本身。

最大卖点：把工程化拿掉

Qite.js 不需要 Vite、Webpack、Rollup。

没有编译，没有复杂配置，也没有 node_modules。你直接写 HTML，在页面里引入脚本，就能跑起来。源码可以复制进项目，也可以当子模块引入，基本摆脱 Node 环境。

对不想维护构建链的人来说，这一点很省心。

不玩虚拟 DOM，直接改真实 DOM

React、Vue 依赖虚拟 DOM 做 diff，Qite.js 不走这条路。

它把真实 DOM 当作视图来源，只更新发生变化的节点。好处是：

内存开销更小；
调试更直观；
浏览器 DevTools 里看到什么，就是什么；
同时保留细粒度响应式。

也就是说，它想兼顾原生 DOM 的直接，和响应式更新的效率。

HTML 和 JS，各管各的

React 把结构写进 JSX，Vue 常用单文件组件把模板和逻辑放一起。

Qite.js 反过来：HTML 负责页面结构，JS 负责状态和交互。

不用学新模板语法，不用把 HTML 塞进 JS。对喜欢原生 HTML 语义的人来说，上手门槛低很多。

SSR 优先，但 SPA 也能渐进

Qite.js 不强迫你选开发模式。

你可以：

整站纯 SSR；
SSR 页面里只把局部组件做成交互式 SPA；
做完整单页应用 SPA。

这三种模式可以自由切换。对 CMS、电商、官网这类重视首屏速度的场景，SSR 优先很实用。

轻、小、门槛低

框架源码轻量，没有冗余运行时。会原生 JS 和 HTML，基本就能开发。现代浏览器直接兼容，不用额外 Polyfill。

学习曲线比大型框架平缓不少。

和 React、Vue3、QuteJS 的区别

一句话对比：

构建：Qite.js 不用打包；React、Vue3 通常要；QuteJS 需要 npm 和编译器。
DOM：Qite.js 用真实 DOM；React、Vue3 用虚拟 DOM；QuteJS 是真实 DOM MVVM。
HTML/JS：Qite.js 完全分离；React 是 JSX 混写；Vue 是 SFC 混合；QuteJS 用 .jsq。
依赖：Qite.js 无 NPM；其他多数依赖 npm。
渲染：Qite.js 是 SSR 优先、渐进 SPA；React 偏客户端优先；Vue 双向支持；QuteJS 偏客户端组件。

注意：Qite.js ≠ QuteJS。

QuteJS 是另一套 MVVM 组件库，需要 npm、.jsq 组件文件和编译器。Qite.js 则完全免构建、免 npm。两者是独立项目，别搞混。

适合哪些场景？

中小型官网、博客、静态 CMS，想快速上线；
讨厌复杂打包配置，不想维护前端工程化环境；
需要优秀首屏性能，只做局部动态交互；
老旧 HTML 项目增量改造，不想重写全站；
轻量内部工具、简单后台页面，不想上重型框架。

短板也很明显

Qite.js 不是没有代价：

生态很小，成熟 UI 组件库、路由、状态管理配套少；
大型复杂 SPA 缺少工程化配套；
社区规模远小于 Vue、React，文档和解决方案少；
没有官方 CLI、组件工具链，大型项目复用成本高。

所以它更适合小步快跑，而不是超复杂中后台。

快速上手：一段 HTML + 一段 JS

HTML 里直接引入：

<!DOCTYPE html>
<html>
<body>
<div q-component="counter">
    <p>计数：{{count}}</p>
    <button @click="add">+1</button>
</div>

<script src="./qite.js"></script>
<script src="./counter.js"></script>
</body>
</html>

JS 里定义状态和方法：

Qite.component('counter', {
  state: {
    count: 0
  },
  methods: {
    add() {
      this.state.count++
    }
  }
})

没有 npm install，没有 build，打开页面就能运行。

官网是 qitejs.qount25.dev。

总结

Qite.js 更像一次“反工程化”的前端尝试。

它把原生 Web 标准放回中心，解决现代框架配置重、HTML 与 JS 耦合强的问题。适合追求简单、快速、SSR 优先的小型项目。

但如果你要做大规模复杂业务系统，它的生态和工程能力仍然是短板。

它不是万能答案，但对 HTML 爱好者来说，确实是一个值得关注的新选项。

阅读原文：点击这里

该文章在 2026/9/30 10:16:37 编辑过

关键字查询

html

轻量

正在查询...