向大家推荐一个轻量完备的描述式开源前端框架dagger.js
与 React/Vue 等主流框架相比,dagger.js 提供了更加简单易用的代码组织方式:指令是业务代码的唯一调用入口(指令中可以使用作用域和模块回调参数)。 使用 dagger.js ,您将不再需要:
dagger.js 工作在浏览器运行时环境当中,无需编译构建过程。通过 script 标签引入框架脚本即可轻松完成应用程序创建。dagger.js 实现了一个运行时模块管理器,按需动态加载模块。为您的应用做极限瘦身。
dagger.js 内置了基于 hash 的路由管理逻辑。您无需为开发单页应用引入额外的路由管理类库。
dagger.js 倡导数据即状态的技术理念。有别于 React/Vue 单向数据流模型对 state(data)/prop 的定义,在 dagger.js 中,数据作用域独立于页面组件定义,并具有全域视图响应性。指令作为数据的消费者,可以自由读写其声明位置上可见的作用域字段,您无需再为组件间数据状态同步而劳心费神。
更多介绍请参见官方文档。
Talk is cheap, let's see the code😄:
empty page
Hello dagger
scope demo animation
communication between isolate $scope
lifeCycle directives
html directive
add tags
to do list
Tic Tac Toe
module
router
Form
each
欢迎大家体验试用 dagger.js ,提出宝贵意见和建议。您的支持和帮助是对我莫大的鼓励!!
1
tianzx 2022-06-26 09:00:38 +08:00 via Android
大佬牛逼
|
2
dagger8224 OP @tianzx 欢迎试用体验,多多交流哈
|
3
kyuuseiryuu 2022-06-26 12:15:01 +08:00 via iPhone
还是 模板 + 指令 试的,到头来还得背指令。
|
4
dagger8224 OP @kyuuseiryuu 感谢您的评论。dagger.js 是基于模板+指令的工作方式的,但是与其他主流框架相比,指令系统是封闭设计的(指令数目不到 20 个),不需要进行 api 调用就可以完成大多数业务代码的开发了。可以参考下 demo 中与 React/Vue 完成相同功能的对比示例,html + js 代码可以减少 30% - 50%左右。
|
5
hoshea 2022-07-10 22:50:09 +08:00
大佬牛逼!!!
现在的框架用起来垃圾代码写太多了,用着真不爽。手动点赞! |