帮助 Tree-Shake(树摇)
下面所有的示例都从 Quasar 中导入了 format 对象。然而,如果您只需要其中的一个函数,您可以使用 ES6 的解构来帮助更好的 Tree Shaking(树摇),使其只留下一个函数,而不是全部的 format。
示例:
// 我们先导入所有的 `format`
import { format } from "quasar";
// 解构只留下我们需要的
const { capitalize, humanStorageSize } = format;
console.log(capitalize("some text"));
// Some text
console.log(humanStorageSize(13087));
// 12.8kBcontent_paste
您也可以像下面这样导入所有的格式化相关工具函数并随意使用(但是这样,您的构建产物中也会包含没有用到的函数):
import { format } from "quasar";
console.log(format.capitalize("some text"));
console.log(format.humanStorageSize(13087));content_paste
TIP
有关构建 UMD 版本,请看这里。
首字母大写
import { format } from "quasar";
const { capitalize } = format;
console.log(capitalize("some text"));
// Some textcontent_paste
格式化为易读的单位
import { format } from "quasar";
const { humanStorageSize } = format;
// humanStorageSize(value, decimals = 1)
// "decimals" 参数需要 Quasar v2.15.3+
console.log(humanStorageSize(13087));
// 12.8KB
console.log(humanStorageSize(1024 * 1024 * 2.25, 3));
// 2.250MBcontent_paste
标准化数字间隔
import { format } from "quasar";
const { between } = format;
// (Number) between(Number, Number min, Number max)
console.log(between(50, 10, 20));
// 20content_paste
import { format } from "quasar";
const { normalizeToInterval } = format;
// (Number) normalizeToInterval(Number, Number lower_margin, Number upper_margin)
console.log(normalizeToInterval(21, 10, 20)); // 10
console.log(normalizeToInterval(33, 10, 20)); // 11
console.log(normalizeToInterval(52, 10, 20)); // 19
console.log(normalizeToInterval(5, 10, 16)); // 12content_paste
填充字符串
import { format } from "quasar";
const { pad } = format;
// (String) pad(String toPad, Number length, String paddingCharacter)
// length 填充长度默认为 2
// paddingCharacter 填充的字符默认为 '0'
console.log(pad("2", 4));
// '0002'content_paste