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

nodejs 終端打印進(jìn)度條實(shí)例代碼

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

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

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

    詳解Node.js access_token的獲取、存儲(chǔ)及更新

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

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

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

    node-red File讀取好保存實(shí)例講解

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

    mongoose設(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庫在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
  • node.js中的fs.realpath方法使用說明

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

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

    基于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
  • JavaScript第三方庫delegates的用法詳解

    JavaScript第三方庫delegates的用法詳解

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

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

    最近因?yàn)楣ぷ鞯脑蛟趯W(xué)習(xí)使用網(wǎng)絡(luò)請求庫,因?yàn)檫@個(gè)項(xiàng)目用的是Promise,所以就選擇了axios,下面這篇文章主要給大家介紹了關(guān)于axios在node.js中的post使用的相關(guān)資料,文中介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-04-04

最新評論