格式化工具 | Quasar Framework

格式化工具

幫助 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. 填充字串