Welcome on our site
Paragraph
小編給大家分享一下3個常用的nodejs軟件包,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
專業(yè)從事網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作,高端網(wǎng)站制作設(shè)計(jì),重慶小程序開發(fā)公司,網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術(shù)團(tuán)隊(duì)竭力真誠服務(wù),采用H5開發(fā)+CSS3前端渲染技術(shù),響應(yīng)式網(wǎng)站開發(fā),讓網(wǎng)站在手機(jī)、平板、PC、微信下都能呈現(xiàn)。建站過程建立專項(xiàng)小組,與您實(shí)時在線互動,隨時提供解決方案,暢聊想法和感受。Node.js已成為IT不可或缺的一部分。有了自己的軟件包管理器NPM,Node可以發(fā)現(xiàn)許多非常有用的庫和框架。
在本文中,我將向您展示一些使用Node.js構(gòu)建復(fù)雜動態(tài)應(yīng)用程序的可能性。
在開發(fā)新的Node.js應(yīng)用程序期間 console.log
必不可少,不管我們用它來輸出錯誤、系統(tǒng)數(shù)據(jù)還是函數(shù)和co的輸出。但是,這確實(shí)會造成一些混亂,因?yàn)槟J(rèn)情況下 console.log
函數(shù)在終端中輸出純白色文本。
Chalk改變了這一點(diǎn)。
只需像往常一樣從https://www.npmjs.com/package/chalk用 npm install chalk
安裝Chalk就可以了。
這是一個代碼示例,下面是我的終端的實(shí)際情況。
const chalk = require(‘chalk’) // just blue font console.log(chalk.blue(‘this is lit’)) // blue & bold font, red background (bg = background) console.log(chalk.blue.bgRed.bold(‘Blue & Bold on Red’)) // blue font, red background console.log(chalk.blue.bgRed(‘Regular Blue on Red’)) // combining multiple font colors console.log(chalk.blue(‘Blue’) + ‘ Default’ + chalk.red(‘ Red’)) // Underlining text console.log(chalk.red(‘There is an ‘, chalk.underline(‘Error’))) // Using RGB-colors console.log(chalk.rgb(127, 255, 0).bold(‘Custom green’))
輸出:
同樣,這在應(yīng)用程序的開發(fā)中特別有用。因?yàn)镠TTP請求是數(shù)字世界的心跳,所以完全控制對應(yīng)用程序中影響它們的所有內(nèi)容的重要性如此重要。
Morgan提供了有關(guān)此的重要信息。
像往常一樣,通過 npm install morgan
從 https://www.npmjs.com/package/morgan 獲取它,在morgan中,我們可以定義我們想要獲得的關(guān)于請求的信息。
正如在描述的文檔中所述,只需將其傳遞到morgan中間件中,因此我們將在下面的代碼示例中使用它。
const express = require(‘express’) const morgan = require(‘morgan’) const app = express() app.use( morgan( ‘:method :url :status :response-time ms’ )) app.get(‘/’, function(req, res) { res.send(‘hello, world!’) }) app.listen(8080)
因此,我們希望獲得有關(guān)傳入HTTP請求的以下詳細(xì)信息:方法,請求的URL,請求的狀態(tài)以及響應(yīng)所花費(fèi)的時間。
在瀏覽器中打開網(wǎng)站時,運(yùn)行此代碼應(yīng)導(dǎo)致以下輸出:
當(dāng)我們在瀏覽器中打開頁面時,它總是向服務(wù)器發(fā)出GET-Request請求,因?yàn)槲覀冋埱罅?/
,morgan也會顯示這個,以及我們的“hello, world!”站點(diǎn)被成功交付——這意味著狀態(tài)碼200。整個執(zhí)行過程大約需要2.3毫秒,這相當(dāng)快。
但我們不僅要求我們的網(wǎng)站,而且瀏覽器也總是要求一個favicon,找不到——錯誤狀態(tài)404。
讓我們來衡量一個實(shí)驗(yàn):我們更改代碼,使每個響應(yīng)之前有200毫秒的停頓。以下是代碼中的更改:
app.get(‘/’, function(req, res) { setTimeout(function() { res.send(‘hello, world!’) }, 200) })
現(xiàn)在,當(dāng)我們再次在瀏覽器中請求頁面時,morgan將記錄此內(nèi)容:
現(xiàn)在,響應(yīng)花費(fèi)了200多個毫秒——就像我們想要的那樣。但最后,頁面再次成功交付,除了favicon,我們現(xiàn)在還沒有,而且只用了幾個MS,因?yàn)槲覀冎谎舆t了對 /
路由的請求。
特別是當(dāng)我們不提供靜態(tài)HTML文件而是動態(tài)網(wǎng)站時,Cheerio非常實(shí)用。我們可以在瀏覽器的請求和響應(yīng)之間直接修改請求的HTML代碼,而客戶端不會知道。由于類似jQuery的語法,這特別容易。當(dāng)然,您也可以使用Cheerio做爬蟲和其他許多操作。
使用 npm install cheerio
從 https://www.npmjs.com/package/cheerio 安裝。通過Cheerio,我們可以獲得有關(guān)HTML結(jié)構(gòu)和內(nèi)容的信息:
const template = `` const $ = cheerio.load(template) console.log($(‘h2’).text()) // Welcome on our siteWelcome on our site
將HTML添加到現(xiàn)有模板:
let template = `` const $ = cheerio.load(template) $(‘div’).append(‘Welcome on our site
Paragraph
’) template = $.html()
現(xiàn)在的模板:
Welcome on our site
Paragraph
但是Cheerio最常用的一種情況可能是隨后將內(nèi)容寫入模板:
let template = `` const $ = cheerio.load(template) $(‘h2’).append(‘New welcome message!’) template = $.html()
現(xiàn)在的模板:
New welcome message!
看完了這篇文章,相信你對3個常用的nodejs軟件包有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道,感謝各位的閱讀!