欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

nodejs 終端打印進度條實例代碼

 更新時間:2017年04月22日 16:29:10   作者:parksben  
本篇文章主要介紹了nodejs 終端打印進度條實例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

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ū)別詳解

    這篇文章主要為大家介紹了node.js事件循環(huán)機制及與js區(qū)別詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • 詳解Node.js access_token的獲取、存儲及更新

    詳解Node.js access_token的獲取、存儲及更新

    本篇文章主要介紹了Node.js access_token的獲取、存儲及更新 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • Nodejs讀取文件時相對路徑的正確寫法(使用fs模塊)

    Nodejs讀取文件時相對路徑的正確寫法(使用fs模塊)

    本篇文章主要介紹了linux 環(huán)境 mysql寫入中文報錯的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧
    2017-04-04
  • node-red File讀取好保存實例講解

    node-red File讀取好保存實例講解

    在本篇文章里小編給大家整理了關于node-red File讀取好保存的相關知識點內(nèi)容,有需要的朋友們可以參考下。
    2019-09-09
  • mongoose設置unique不生效問題的解決及如何移除unique的限制

    mongoose設置unique不生效問題的解決及如何移除unique的限制

    這篇文章主要給大家介紹了關于mongoose數(shù)據(jù)庫設置unique不生效問題的解決方法,以及Mongoose如何移除unique限制的方法示例,文中通過示例代碼介紹的非常詳細,需要的朋友們可以參考借鑒,下面隨著小編來一起學習學習吧。
    2017-11-11
  • 如何使用axios庫在Node.js中進行代理請求(實踐案例)

    如何使用axios庫在Node.js中進行代理請求(實踐案例)

    axios是一個強大的基于Promise的HTTP客戶端,它在瀏覽器和Node.js環(huán)境中均可使用,本文將介紹如何充分利用axios庫,在Node.js中進行代理請求的最佳實踐,并通過一個實際案例來展示其應用,感興趣的朋友一起看看吧
    2024-03-03
  • node.js中的fs.realpath方法使用說明

    node.js中的fs.realpath方法使用說明

    這篇文章主要介紹了node.js中的fs.realpath方法使用說明,本文介紹了fs.realpath的方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下
    2014-12-12
  • 基于nodejs使用express創(chuàng)建web服務器的操作步驟

    基于nodejs使用express創(chuàng)建web服務器的操作步驟

    express實際上是對nodejs內(nèi)置http進行封裝后的第三方包,其中提供了快捷創(chuàng)建web服務器以及處理請求路由的方法,使我們可以更加方便快捷的實現(xiàn)一個web服務器項目,本文件給大家詳細介紹基于nodejs使用express?創(chuàng)建web服務器的操作步驟
    2023-07-07
  • JavaScript第三方庫delegates的用法詳解

    JavaScript第三方庫delegates的用法詳解

    delegates?庫為?JavaScript?社區(qū)提供了一種高效的方式來聲明對象之間的委托關系,讓代碼結(jié)構(gòu)更加清晰,減少不必要的重復,并提高可維護性,本文將詳細介紹如何在?Node.js?項目中使用?delegates?庫進行高級委托,需要的朋友可以參考下
    2024-01-01
  • 詳解axios在node.js中的post使用

    詳解axios在node.js中的post使用

    最近因為工作的原因在學習使用網(wǎng)絡請求庫,因為這個項目用的是Promise,所以就選擇了axios,下面這篇文章主要給大家介紹了關于axios在node.js中的post使用的相關資料,文中介紹的非常詳細,需要的朋友可以參考借鑒,下面來一起學習學習吧。
    2017-04-04

最新評論