国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

大幅提升前端工作效率!Numeral.js數(shù)值格式化庫來了!

這篇具有很好參考價值的文章主要介紹了大幅提升前端工作效率!Numeral.js數(shù)值格式化庫來了!。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

我們?nèi)粘i_發(fā)中,時常會碰到數(shù)值格式化操作的場景,今天了不起就為大家分享一款相對比較全面的數(shù)值格式化的JS庫:Numeral.js

Numeral.js

Numeral.js 是一個用來對數(shù)值進行操作和格式化的 JS 庫??蓪?shù)字格式化為貨幣、百分比、時間,甚至是序數(shù)詞的縮寫(比如1st,100th)。

安裝

下載到本地引入

<script src="numeral.min.js"></script>

或使用CDN路徑

<script src="http://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>

當然,Node.js 環(huán)境還可以使用npm包。

npm install numeral

使用

在需要用到的地方聲明即可

var numeral = require('numeral');

這相當于創(chuàng)建一個numeral實例。接著就可以拿著這個實例使用了。

  • 數(shù)字格式化
numeral(1000).format('0,0');
// '1,000'
numeral(1234).format('0,0');
// 1,234 不帶小數(shù)
numeral(1234).format('0,0.00');
// 1,234.00 保留兩位小數(shù)
numeral(1).format('0o');
// 1st
numeral(2).format('0o');
// 2nd
numeral(10).format('0o');
// 10th

表中的格式完全夠日常開發(fā)所用了。

  • 貨幣格式化
numeral(1000.234).format('$0,0.00');
// $1,000.23

ps:自動千分位分隔,四舍五入取值。

  • 字節(jié)格式化


ps:字節(jié)格式化主要用在存儲統(tǒng)計上。

  • 百分比格式化


遵循四舍五入規(guī)則,小數(shù)轉(zhuǎn)換為百分比,同時避免了浮點運算精度的問題。

numeral(0.144252).format('0.00%');
// 14.43% 小數(shù)點四舍五入

ps:如果直接將0.144252乘以100,會得到什么結(jié)果呢?大家不妨試試!

  • 時間格式化
numeral(238).format('00:00:00');
// 0:03:58
  • 指數(shù)格式化
numeral(1123456789).format('0.0e+0');// 1.1e+9
numeral(0.000134255).format('0.0e+0');// 1.3e-4

這也就是我們的科學計數(shù)法表示方式。

  • 計算相關(guān)


哈哈,加、減、乘、除來一套!

var number = numeral(1000);
var result = number.add(100);
// 1100

其他

除了上面的方法之外,numeral.js 中還包括設(shè)值、差異求值、復制克隆、本地化、自定義格式等方法和功能。歡迎大家查閱下發(fā)地址進一步了解。

Github地址:https://github.com/adamwdraper/Numeral-js
官方網(wǎng)站:
http://numeraljs.com文章來源地址http://www.zghlxwxcb.cn/news/detail-437973.html

到了這里,關(guān)于大幅提升前端工作效率!Numeral.js數(shù)值格式化庫來了!的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 工作效率提升工具分享

    工作效率提升工具分享

    分類 技術(shù)框架 ? 常用工具 ? 解決方案 ? 原型設(shè)計 ? 攝影網(wǎng)站 ? 常用網(wǎng)站 ? 視頻點播 ? 區(qū)塊鏈技術(shù) ? 在線學習 ? 站長工具 ? 元宇宙 ? CHATGPT AI工具集 ? 技術(shù)框架 對于軟件研發(fā)人員來說,選擇合適的技術(shù)框架可以提高開發(fā)效率和代碼質(zhì)量。以下是一些常用的技術(shù)框架:

    2024年02月16日
    瀏覽(28)
  • 利用ChatGPT提升工作效率

    隨著科技的飛速發(fā)展,人工智能逐漸成為我們生活的一部分。ChatGPT作為一種先進的自然語言處理技術(shù),已經(jīng)在各個領(lǐng)域取得了顯著的成果。本文將探討如何利用ChatGPT提升工作效率,讓我們的生活變得更加便捷。 一、什么是ChatGPT? ChatGPT,全稱Generative Pre-trained Transformer,是一

    2024年02月20日
    瀏覽(32)
  • 如何用chatgpt提升工作效率

    使用ChatGPT可以提升工作效率的幾種方式: 快速撰寫文檔 :ChatGPT可以根據(jù)提供的關(guān)鍵信息,快速生成整篇文章。這樣能夠節(jié)省大量時間和精力。 自動生成報告 :無論是市場分析報告還是銷售數(shù)據(jù)報告,只需提供關(guān)鍵數(shù)據(jù)和信息,ChatGPT就可以為您生成詳實的報告。 創(chuàng)建會議

    2024年01月24日
    瀏覽(22)
  • 如何利用chatgpt提升工作效率

    項目管理: 制定項目計劃、跟蹤進度、分配任務(wù)和記錄里程碑。 客戶服務(wù): 回答常見問題、提供產(chǎn)品支持和處理客戶投訴,提升客戶滿意度。 銷售支持: 提供銷售培訓、銷售腳本和客戶資料,輔助銷售團隊進行銷售活動。 財務(wù)管理: 制定預算、進行財務(wù)分析、管理賬目和

    2024年01月23日
    瀏覽(33)
  • 使用AIGC工具提升安全工作效率

    使用AIGC工具提升安全工作效率

    新鈦云服已累計為您分享 760 篇技術(shù)干貨 在日常工作中,安全人員可能會涉及各種各樣的安全任務(wù),包括但不限于: 開發(fā)某些安全工具的插件,滿足自己特定的安全需求; 自定義github搜索工具,快速查找所需的安全資料、漏洞poc、exp等; 檢索特定應用程序的最新安全漏洞信

    2024年02月13日
    瀏覽(27)
  • “一鍵批量處理:輕松縮小圖片像素,提升工作效率“

    “一鍵批量處理:輕松縮小圖片像素,提升工作效率“

    \\\"在忙碌的工作中,時間就是金錢。使用我們的圖片批量處理工具,輕松縮小圖片像素,讓您的工作更加高效。一鍵操作,告別繁瑣,讓您有更多時間享受生活。高效工作,從這里開始!\\\" 第一步,首先我們要進入首助剪輯高手主頁面,并在板塊欄里選擇圖片批量處理板塊。

    2024年01月16日
    瀏覽(21)
  • GitHub Copilot 全新升級,工作效率提升 55%

    GitHub Copilot 全新升級,工作效率提升 55%

    2021年 6 月,GitHub 和 OpenAI 推出了 GitHub Copilot 預覽版,可根據(jù)命名或者正在編輯的代碼上下文為開發(fā)者提供代碼建議,被稱為“你的 AI 結(jié)對程序員”。 近日,GitHub 宣布,經(jīng)過去年 12 月以來的短暫測試后,發(fā)布了個人版和企業(yè)版 Copilot 的全新升級。升級后的 GitHub Copilot 將會具

    2024年02月09日
    瀏覽(20)
  • 提升工作效率與質(zhì)量——馬斯克的五步工作法

    提升工作效率與質(zhì)量——馬斯克的五步工作法

    圖片來源網(wǎng)絡(luò) 埃隆·馬斯克(Elon Musk)是一位備受贊譽的 創(chuàng)業(yè)家和工程師 ,他的成功并非偶然, 而是源于他對問題的深刻理解以及不斷追求最佳解決方案的決心。 為了實現(xiàn)這一目標,他制定了一套包含五個步驟的工作方法, 這套方法不僅指引他和他的團隊在眾多項目中開

    2024年02月06日
    瀏覽(24)
  • 10個免費的 AI 工具,提升工作效率(附網(wǎng)址)

    10個免費的 AI 工具,提升工作效率(附網(wǎng)址)

    人工智能已經(jīng)滲透到我們的日常生活中,但是,五花八門的AI工具可能會讓人感到不知所措。所以我們精選了10個免費、用戶友好的AI工具,它們既有效又實用,適合日常使用。 1.深度變換工具:DeepSwap的進化 DeepSwap,一款先進的AI工具,正迎來制作深度偽造視頻和圖像的新時代

    2024年01月21日
    瀏覽(24)
  • 從0到1:如何使用AI工具提升工作效率?

    從0到1:如何使用AI工具提升工作效率?

    目錄 1.chatPPT 2.GitHub Copilot? 3.AUto.GPT 4.newBing 5.Microsoft? Designer 6.ChatDOC 7.Excel Formularizer 8.ChatMind. chatGPT國內(nèi)鏡像網(wǎng)站? 鏈接地址 :?ChatPPT_AI一鍵對話生成PPT_智能排版美化 (chat-ppt.com) ?ChatPT是必優(yōu)科技旗下面向PPT使用者提供的A生成PPT產(chǎn)品,產(chǎn)品基于ChatGPT與韋尼克模型,面向PPT用

    2024年02月05日
    瀏覽(19)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包