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