格式化工具 | Quasar 中文网

格式化工具

帮助 Tree-Shake(Helping Tree-Shake)

¥Helping Tree-Shake

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

¥You will notice all examples import format Object from Quasar. However, if you need only one formatter method from it, then you can use ES6 destructuring to help Tree Shaking embed only that method and not all of format.

示例：

¥Example:

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

你还可以导入所有格式化程序并使用所需的任何功能，如下所示（但请注意，你的软件包中可能也包含未使用的方法）：

¥You can also import all formatters and use whatever you need like this (but note that your bundle will probably contain unused methods too):

import { format } from 'quasar'

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

提示

有关 UMD 构建的使用方法，请参阅此处。

¥For usage with the UMD build see here.

大写(Capitalize)

¥Capitalize

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

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

格式化为人类可读大小(Format to Human Readable Size)

¥Format to Human Readable Size

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

将数字标准化为间隔(Normalize Number to Interval)

¥Normalize Number to Interval

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

填充字符串(Pad String)

¥Pad String

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. Introduction

1.1. 帮助 Tree-Shake(Helping Tree-Shake)

2. 大写(Capitalize)

3. 格式化为人类可读大小(Format to Human Readable Size)

4. 将数字标准化为间隔(Normalize Number to Interval)

5. 填充字符串(Pad String)