格式化工具 | Quasar 框架

格式化工具

帮助 Tree-Shake

您会注意到所有示例都从 Quasar 中导入 format 对象。但是，如果您只需要其中的一个格式化程序方法，那么您可以使用 ES6 解构来帮助 Tree Shaking 仅嵌入该方法，而不是所有 format。

示例

// we import all of `format`
import { format } from 'quasar'
// destructuring to keep only what is needed
const { capitalize, humanStorageSize } = format

console.log( capitalize('some text') )
// Some text
console.log( humanStorageSize(13087) )
// 12.8kB

您也可以导入所有格式化程序并像这样使用您需要的任何东西（但请注意，您的捆绑包可能也会包含未使用的方法）

import { format } from 'quasar'

console.log( format.capitalize('some text') )
console.log( format.humanStorageSize(13087) )

提示

有关 UMD 构建的用法，请参见此处。

首字母大写

import { format } from 'quasar'
const { capitalize } = format

console.log( capitalize('some text') )
// Some text

格式化为人类可读的大小

import { format } from 'quasar'
const { humanStorageSize } = format

// humanStorageSize(value, decimals = 1)
// "decimals" param requires Quasar v2.15.3+

console.log( humanStorageSize(13087) )
// 12.8KB

console.log( humanStorageSize(1024 * 1024 * 2.25, 3) )
// 2.250MB

将数字标准化为区间

import { format } from 'quasar'
const { between } = format

// (Number) between(Number, Number min, Number max)
console.log( between(50, 10, 20) )
// 20

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) ) // 12

填充字符串

import { format } from 'quasar'
const { pad } = format

// (String) pad(String toPad, Number length, String paddingCharacter)
// length is default 2
// paddingCharacter is default '0'
console.log( pad('2', 4) )
// '0002'

发现错误了吗？在浏览器中编辑此页面

1. 简介

1.1. 帮助 Tree-Shake

2. 首字母大写

3. 格式化为人类可读的大小

4. 将数字标准化为区间

5. 填充字符串