Lightweight controller library for JavaScript.

文件	最后提交记录	最后更新时间
build	0.7.9	4 年前
src	Fix width on FunctionController property_name Before: Text descriptions for buttons (FunctionController) were being truncated unnecessarily to the same width as other Controllers that must share real estate with input elements. This PR sets the css width for FunctionController elements to 100%. I've added to example.html in case it's useful.	4 年前
tests	docs: Fix a few typos There are small typos in: - tests/qunit.js Fixes: - Should read `prove` rather than `proove`. - Should read `parameters` rather than `paramaters`. - Should read `modifiers` rather than `modifers`. - Should read `guarantee` rather than `gurantee`. - Should read `annotation` rather than `annotaion`.	4 年前
.babelrc	Use Rollup for UMD and ES6 builds.	8 年前
.gitignore	Shorten localStorage check.	8 年前
API.md	Bump docs.	7 年前
LICENSE	Add Apache 2.0 License Closes #60	11 年前
README.md	Removed CHANGELOG.md	4 年前
bower.json	Remove deprecated .version from bower.json See: https://github.com/bower/spec/blob/master/json.md#version	8 年前
example.html	Fix width on FunctionController property_name Before: Text descriptions for buttons (FunctionController) were being truncated unnecessarily to the same width as other Controllers that must share real estate with input elements. This PR sets the css width for FunctionController elements to 100%. I've added to example.html in case it's useful.	4 年前
licenseBanner.txt	Update license banner (fixes #252)	6 年前
package-lock.json	0.7.9	4 年前
package.json	0.7.9	4 年前
rollup.config.js	Update license banner (fixes #252)	6 年前
rollup.config.min.js	Update license banner (fixes #252)	6 年前

自动翻译

dat.GUI

一个轻量级的图形用户界面，用于在JavaScript中更改变量。

通过阅读API 文档开始使用 dat.GUI。

打包构建

在代码中使用 dat.GUI 的最简单方法是引入位于 build/dat.gui.min.js 的已打包源码。这些构建好的 JavaScript 文件包含了运行 dat.GUI 所需的所有依赖项。

在你的 HTML 文件的 head 标签中，添加以下代码：

<script type="text/javascript" src="dat.gui.min.js"></script>

从 npm 安装

$ npm install --save dat.gui

// CommonJS:
const dat = require('dat.gui');

// ES6:
import * as dat from 'dat.gui';

const gui = new dat.GUI();

目录结构

├── build - 编译后的源代码。
├── src - 源文件。
└── tests - 测试。

自行构建 dat.GUI

在终端中输入以下命令：

$ npm install
$ npm run build

npm 脚本

npm run build - 构建开发和生产版本的脚本。
npm run dev - 构建开发版本的脚本并监听文件变化。

使用内容安全策略（CSP）

如果你的服务器启用了阻止 "unsafe-inline" 的内容安全策略，那么当 dat.gui.js 尝试注入样式信息时会遇到问题。要解决这个问题，将 'build/dat.gui.css' 作为外部样式表加载。

更新日志

查看更新日志

致谢

以下库和开源项目在开发 dat.GUI 过程中被使用：

项目介绍

轻量级JavaScript控制器库。【此简介由AI生成】

Apache-2.0 JavaScript 607提交数

定制我的领域

README

1417.72 K1.06 K访问 GitHub

dat.gui:基于 JavaScript 的变量控制图形界面项目