楼主可以试下 dagger.js ( https://daggerjs.org)，纯描述式前端框架，掌握几个基本概念就可以上手了，整体学习成本相对几个主流框架来说低很多

@wjx0912 十分感谢！欢迎试用 dagger.js

如果是自己快速搭建网站的话可以考虑下 https://daggerjs.org ，上手难度远低于主流框架。

@Lenic 指令定义和 angular/vue 确实有很多类似的地方。不同之处在于，dagger 是一个基于 html 的纯描述式框架，也就是说只有指令声明而无需进行 api 调用，从开发者的角度来说心智负担会低很多。可以在 https://codepen.io/dagger8224/pens 中查看更多示例。

@hoshea dagger 的设计是纯描述式，去 api 化的。在一些典型场景中与 react/vue 版本相比可以减少 30%+的 js/html 代码。更多示例可以参考 https://codepen.io/dagger8224/pens

@hoshea 感谢提出问题。在 js-framework-benchmark 中测试的结果与 React17 基本相当。考虑到 dagger 是一个纯运行时框架，这个结果还可以。后面也会考虑再做进一步优化。

@hoshea 衷心感谢这位同学的支持和鼓励，codepen 已添加。期待做更多交流:)
PS：dagger 的设计初衷是让前端开发者可以用“普通话”（原生 js ）来实现业务逻辑。但是在方言成为官话的今天，这种正本清源的想法反而成了离经叛道一样。推广不易，能遇到理解和认同 dagger 设计思想的人是我的荣幸。

@tianzx 欢迎加入 QQ 群一起讨论： https://jq.qq.com/?_wv=1027&k=dMYdN2iM

@oyp 可以加入 qq 群： https://jq.qq.com/?_wv=1027&k=XxLkXILv 进行讨论哈

@oyp 楼主你好，可以尝试一下 https://daggerjs.org ，使用原生 js 开发 SPA ，连 jQuery 都省了:)

@ClarkAbe 您好，感谢您的评论。dagger.js 中并没有设计需要常规调用的 api 方法，您说的是指令吗？ demo 中的指令表达式写成了内联的，如果将表达式方法都放在 module 下定义 html 会看起来精简很多，可以参考： https://codepen.io/dagger8224/pen/ZErjzwm

至于指令数量，看了下 alpine 当前版本的文档，提供了 15 个指令 attributes ，6 个 properties 和 2 个方法，这与 dagger.js 在预定义指令的数目上是相当的。根据我的实际开发经验来看，dagger.js 常用的控制指令只有 10 个左右（基本都可以在 vue/alpine 中找到对应的指令），文档中介绍的部分指令，比如$file ，$result 等等，是针对特殊场景（本地文件读取）设计的，普通业务场景下使用频度较低。欢迎您继续体验 dagger.js ，提出更多意见和建议。感谢！

@dufu1991 这位兄弟也可以考虑用 dagger.js （ https://daggerjs.org ）写下试试

@liushuigs 我说的不是静态资源托管。比如说我创建了一个 id=xxx 的 demo ，那么可以单独通过 codepen/xxx.js 访问这个 demo 的 js 部分内容，也可以通过相同方式单独访问 html 和 css 。看 RunJS 的 url 是基于 hash 的，试了下貌似没有类似的功能哈

赞，具有自举性说明是一个实用的开发工具

@liushuigs 赞，刚刚在 RunJS 上试用了一下，使用起来很便捷： https://runjs.qingting.work/#/projects/c01586e50b604891
有个问题，codepen 可以通过 url 单独访问 js/css 文件，所以比较适合演示 dagger 的模块配置声明，请问在 RunJS 中也有类似的用法吗？

@liushuigs 开发者心智负担更小，上手容易，项目没有打包构建过程，线上代码量低，轻量级项目可以快速开发完成

@wzw 您好，dagger.js 对初接触者非常友好，有模板语法和 js 基础的话短时间内就能上手开发了。欢迎加入 QQ 讨论群：753706931 ，附言 dagger 即可:)。

@kyuuseiryuu 感谢您的评论。dagger.js 是基于模板+指令的工作方式的，但是与其他主流框架相比，指令系统是封闭设计的（指令数目不到 20 个），不需要进行 api 调用就可以完成大多数业务代码的开发了。可以参考下 demo 中与 React/Vue 完成相同功能的对比示例，html + js 代码可以减少 30% - 50%左右。

@tianzx 欢迎试用体验，多多交流哈