版本信息
dagger.js的最新版本是0.9.13,程序发布包中包含4个不同的文件:
| 文件名 | 代码压缩 | 运行时代码检查 | 适用环境 |
|---|---|---|---|
| dagger.js | ❌ | ✔️ | 开发 |
| dagger.min.js | ✔️ | ✔️ | 开发 |
| dagger.release.js | ❌ | ❌ | 发布 |
| dagger.release.min.js | ✔️ | ❌ | 发布 |
您也可以在本地命令行工具中执行以下命令获取托管在npm上的最新版本:
npm install @peakman/dagger.js
如何搭建dagger.js开发环境
dagger.js使用原生javaScript编写,工作在浏览器运行时环境中。
dagger.js对您项目的源代码组织结构是非侵入的。您无需为使用它额外安装任何依赖工具,或者搭建脚手架。
启动您的本地服务,打开编辑器编写代码,在浏览器中查看执行结果。这样就可以了。
浏览器兼容性
dagger.js与支持ECMA2015及以上版本的浏览器兼容。
如何在页面中引入dagger.js
您只需在项目入口页面的head标签内插入下列标签即可开始使用dagger.js:
1. 通过一个type为“module”的script标签引入dagger.js:
<script type="module" crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/@peakman/dagger.js@0.9.13/dagger.release.js" defer></script>
2. 通过一个type为“dagger/modules”的script标签引入模块配置项,声明渲染页面所需的模块资源。一个最简单的模块配置项是如下的空标签(未定义任何路由和模块):
<script type="dagger/modules"></script>
3. 插入一个style标签(可选),用于隐藏尚未渲染完成的html内容:
<style>[dg-cloak] { display: none !important; }</style>
完成了!现在您已经创建好了第一个dagger.js应用程序:
接下来让我们继续了解如何为应用程序添加代码。