nodejs 終端打印進(jìn)度條實(shí)例代碼
1. 場景導(dǎo)入
當(dāng)我們對大量文件進(jìn)行批量處理的時(shí)候(例如:上傳/下載、保存、編譯等),常常希望知道當(dāng)前進(jìn)展如何,或者失敗(成功)的任務(wù)有多少;當(dāng)我們的代碼或程序已經(jīng)發(fā)布,用戶在執(zhí)行安裝的過程中,一個(gè)合適的(終端/命令行)進(jìn)度條可以準(zhǔn)確反映安裝的步驟和進(jìn)程,提升程序的可用性,一定程度緩解用戶在等待中的煩惱……
2. 基本原理
首先,在終端打印出文本是件比較容易的事情。那么使用簡單的文本和符號(hào),就夠自己拼湊出命令行的效果(下面例子):
文件已上傳: 43.60% █████████████████████░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ 150/344
當(dāng)然,進(jìn)度條的效果可以根據(jù)需要自己設(shè)計(jì)啦,我這里只是給大家一個(gè)參考。
這里,我將打印命令行的方法構(gòu)造成一個(gè)工具模塊 progress-bar.js
,具體實(shí)現(xiàn)如下 :-)
// 這里用到一個(gè)很實(shí)用的 npm 模塊,用以在同一行打印文本 var slog = require('single-line-log').stdout; // 封裝的 ProgressBar 工具 function ProgressBar(description, bar_length){ // 兩個(gè)基本參數(shù)(屬性) this.description = description || 'Progress'; // 命令行開頭的文字信息 this.length = bar_length || 25; // 進(jìn)度條的長度(單位:字符),默認(rèn)設(shè)為 25 // 刷新進(jìn)度條圖案、文字的方法 this.render = function (opts){ var percent = (opts.completed / opts.total).toFixed(4); // 計(jì)算進(jìn)度(子任務(wù)的 完成數(shù) 除以 總數(shù)) var cell_num = Math.floor(percent * this.length); // 計(jì)算需要多少個(gè) █ 符號(hào)來拼湊圖案 // 拼接黑色條 var cell = ''; for (var i=0;i<cell_num;i++) { cell += '█'; } // 拼接灰色條 var empty = ''; for (var i=0;i<this.length-cell_num;i++) { empty += '░'; } // 拼接最終文本 var cmdText = this.description + ': ' + (100*percent).toFixed(2) + '% ' + cell + empty + ' ' + opts.completed + '/' + opts.total; // 在單行輸出文本 slog(cmdText); }; } // 模塊導(dǎo)出 module.exports = ProgressBar;
3. Run 起來
基于上面的實(shí)現(xiàn),先說一下這個(gè) progress-bar.js
的用法:
// 引入工具模塊 var ProgressBar = require('./progress_bar'); // 初始化一個(gè)進(jìn)度條長度為 50 的 ProgressBar 實(shí)例 var pb = new ProgressBar('下載進(jìn)度', 50); // 這里只是一個(gè) pb 的使用示例,不包含任何功能 var num = 0, total = 200; function downloading() { if (num <= total) { // 更新進(jìn)度條 pb.render({ completed: num, total: total }); num++; setTimeout(function (){ downloading(); }, 500) } } downloading();
run 一下上面的代碼,執(zhí)行效果如下:
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
node.js事件循環(huán)機(jī)制及與js區(qū)別詳解
這篇文章主要為大家介紹了node.js事件循環(huán)機(jī)制及與js區(qū)別詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09詳解Node.js access_token的獲取、存儲(chǔ)及更新
本篇文章主要介紹了Node.js access_token的獲取、存儲(chǔ)及更新 ,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06Nodejs讀取文件時(shí)相對路徑的正確寫法(使用fs模塊)
本篇文章主要介紹了linux 環(huán)境 mysql寫入中文報(bào)錯(cuò)的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04mongoose設(shè)置unique不生效問題的解決及如何移除unique的限制
這篇文章主要給大家介紹了關(guān)于mongoose數(shù)據(jù)庫設(shè)置unique不生效問題的解決方法,以及Mongoose如何移除unique限制的方法示例,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11如何使用axios庫在Node.js中進(jìn)行代理請求(實(shí)踐案例)
axios是一個(gè)強(qiáng)大的基于Promise的HTTP客戶端,它在瀏覽器和Node.js環(huán)境中均可使用,本文將介紹如何充分利用axios庫,在Node.js中進(jìn)行代理請求的最佳實(shí)踐,并通過一個(gè)實(shí)際案例來展示其應(yīng)用,感興趣的朋友一起看看吧2024-03-03基于nodejs使用express創(chuàng)建web服務(wù)器的操作步驟
express實(shí)際上是對nodejs內(nèi)置http進(jìn)行封裝后的第三方包,其中提供了快捷創(chuàng)建web服務(wù)器以及處理請求路由的方法,使我們可以更加方便快捷的實(shí)現(xiàn)一個(gè)web服務(wù)器項(xiàng)目,本文件給大家詳細(xì)介紹基于nodejs使用express?創(chuàng)建web服務(wù)器的操作步驟2023-07-07