fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

dagger.js
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://daggerjs.org/
GitHub:https://github.com/dagger8224/dagger.js
网站描述:一个基于html的开源(MIT)web前端技术框架

什么是 dagger.js

dagger.js 是一个基于 html 的描述式单页应用开发框架,通过在页面 dom 元素上添加语义化的指令来驱动业务逻辑。从语法特性的角度来说,dagger.js 模板 + 指令的工作方式与 angular/vue 比较接近。

dagger.js 采用去组件去 api 设计,没有对第三方代码或工具的依赖,模型简单,易于理解。与当前的主流前端框架相比,使用者的整体学习和使用成本更低。


dagger.js适合哪些开发者

无论您是一个富有经验的专业开发人员,还是对web前端开发领域感兴趣的业余爱好者,只要具备原生html/javaScript/css背景知识作为基础,都可以在短时间内理解和掌握dagger.js。


学习路线

dagger.js中的核心概念包括:指令,作用域,模块,路由。同时,框架也提供了少量的api方法(dagger.js以声明方式工作,在大多数业务场景下,开发者不需要调用这些api即可完成开发任务)。


使用 dagger.js,开发者将无须依赖于:

项目构建过程

dagger.js 工作在浏览器运行时当中。只需要通过 script 标签引入框架源码(release 版本 gzip 压缩后约 20KB)即可轻松创建单页应用程序。dagger.js 对项目代码结构是非侵入式的,您可以以极小成本对历史项目(即使是非单页应用程序)进行渐进升级。

包管理工具

dagger.js 内部实现了一个运行时模块管理器,根据路由配置按需动态加载和解析各类模块,为您的应用程序进行极限瘦身。

第三方路由管理工具

dagger.js 内置了基于 hash 的路由管理器。开发者无需引入额外的路由管理类库。

数据状态管理工具

dagger.js 倡导数据即状态的技术理念。有别于 react/Vue 等框架单向数据流模型中对于 state/prop 对象的区分,dagger.js 的作用域数据由框架本身进行维护,并具有全域视图响应性,开发者不必为不同组件间的数据状态同步而劳心费神。


dagger.js安装

您也可以在本地命令行工具中执行以下命令获取托管在npm上的最新版本:

npm install @peakman/dagger.js
dagger.js使用原生javaScript编写,工作在浏览器运行时环境中。dagger.js对您项目的源代码组织结构是非侵入的。您无需为使用它额外安装任何依赖工具,或者搭建脚手架。启动您的本地服务,打开编辑器编写代码,在浏览器中查看执行结果。这样就可以了。


链接: https://fly63.com/nav/3849

more>>
相关栏目
react
Facebook开发的一款高效、灵活、声明式设计的JS库
官网GitHub
AngularJS
Google推出有条理,可维护,易编程的MVVM框架
官网GitHub
backbone
提供:模型、集合、视图,开发重量级的javascript应用的框架
官网GitHub
jquery
一个快速、简洁的JavaScript代码库
官网GitHub
zepto.js
一个轻量级的针对现代高级浏览器的JavaScript库
官网GitHub
Ember
JavaScript MVC框架,它用来创建复杂的Web应用程序,消除了样板
官网GitHub
nw.js
轻量级桌面应用开发的捷径
官网GitHub
socket.io
一个WebSocket库,包括了客户端的js和服务器端的nodejs
官网GitHub
nuxt.js
基于 Vue.js 的轻量级、服务端渲染 (SSR) 应用框架
官网GitHub
Next.js
实现react的服务端渲染的框架
官网GitHub
Electron
基于Chromium 和 Node.js, 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用
官网GitHub
htmx
无需JavaScript的动态HTML
官网GitHub
Nerv
一款由京东凹凸实验室打造的类React前端框架
官网GitHub
lodash
一致性、模块化、高性能的 JavaScript 实用工具库
官网GitHub
ocLazyLoad
AngularJS 的延迟加载(惰性加载)模块和组件
点击进入GitHub
weui.js
WeUI 的轻量级 js 封装
点击进入GitHub

手机预览