格式化实用程序

帮助Tree-Shake

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

例子:

// 我们导入所有的 `format`
import { format } from 'format'
// 解构只保留需要的东西
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) )

TIP

有关UMD版本的使用,请参见此处.

大写

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

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

格式化为人类可读大小

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

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

将数字规范化为区间

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默认是2
// paddingCharacter默认是'0'
console.log( pad('2', 4) )
// '0002'