扫一扫分享
dagger.js 是一个基于 html 的描述式单页应用开发框架,通过在页面 dom 元素上添加语义化的指令来驱动业务逻辑。从语法特性的角度来说,dagger.js 模板 + 指令的工作方式与 angular/vue 比较接近。
dagger.js 采用去组件去 api 设计,没有对第三方代码或工具的依赖,模型简单,易于理解。与当前的主流前端框架相比,使用者的整体学习和使用成本更低。
无论您是一个富有经验的专业开发人员,还是对web前端开发领域感兴趣的业余爱好者,只要具备原生html/javaScript/css背景知识作为基础,都可以在短时间内理解和掌握dagger.js。
dagger.js中的核心概念包括:指令,作用域,模块,路由。同时,框架也提供了少量的api方法(dagger.js以声明方式工作,在大多数业务场景下,开发者不需要调用这些api即可完成开发任务)。
项目构建过程
dagger.js 工作在浏览器运行时当中。只需要通过 script 标签引入框架源码(release 版本 gzip 压缩后约 20KB)即可轻松创建单页应用程序。dagger.js 对项目代码结构是非侵入式的,您可以以极小成本对历史项目(即使是非单页应用程序)进行渐进升级。
包管理工具
dagger.js 内部实现了一个运行时模块管理器,根据路由配置按需动态加载和解析各类模块,为您的应用程序进行极限瘦身。
第三方路由管理工具
dagger.js 内置了基于 hash 的路由管理器。开发者无需引入额外的路由管理类库。
数据状态管理工具
dagger.js 倡导数据即状态的技术理念。有别于 react/Vue 等框架单向数据流模型中对于 state/prop 对象的区分,dagger.js 的作用域数据由框架本身进行维护,并具有全域视图响应性,开发者不必为不同组件间的数据状态同步而劳心费神。
您也可以在本地命令行工具中执行以下命令获取托管在npm上的最新版本:
npm install @peakman/dagger.js
手机预览