自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

Node.js在大前端領(lǐng)域的應(yīng)用分析

開發(fā) 前端
本文從五個(gè)大的方面對(duì)該問題進(jìn)行了解釋。不僅僅可以應(yīng)用場(chǎng)景的分析,完全可以把它當(dāng)做Node.js高級(jí)進(jìn)階當(dāng)路線,看看那些你還需要學(xué)。

關(guān)于 node 的使用已經(jīng)很久了,使用范圍也很廣,似乎有前端的地方就有 node,那么來(lái)思考一個(gè)問題,node 到底是用來(lái)干嘛的呢?本文從五個(gè)大的方面對(duì)該問題進(jìn)行了解釋。本文不僅僅可以應(yīng)用場(chǎng)景的分析,完全可以把它當(dāng)做Node.js高級(jí)進(jìn)階當(dāng)路線,看看那些你還需要學(xué)。

我們知道 node 的出現(xiàn),讓前端開發(fā)既 ajax 之后,有了全新的面貌,在開發(fā)效率,性能等層面都有質(zhì)的提升。歸納一直是知識(shí)提升的重要一環(huán),參考了很多內(nèi)容,本文對(duì) node 的應(yīng)用做了一個(gè)入門級(jí)的總結(jié)。讀完本文,希望可以清楚地認(rèn)識(shí)到 node 在大前端中的地位和應(yīng)用。

首先看一張圖:

node帶來(lái)了什么:

從圖中可以看到 node 的應(yīng)用是非常廣泛的,而最常用的就是工程化,自動(dòng)化,npm

node基本概念

  •  1,不在瀏覽器里運(yùn)行的javascript
  •  2,基于Chrome JavaScript 運(yùn)行時(shí)建立的一個(gè)平臺(tái)
  •  3,一個(gè)事件驅(qū)動(dòng)I/O服務(wù)端JavaScript環(huán)境,基于Google的V8引擎

接下來(lái),詳細(xì)看下 Node.js在大前端中的應(yīng)用。

廣義上應(yīng)用

在非瀏覽器端運(yùn)行的js,包括前端環(huán)境搭建,云構(gòu)建,服務(wù),中間件,都有node.js 的應(yīng)用場(chǎng)景

具體應(yīng)用

一、前端工具鏈層面

二、npm

三、工程化相關(guān)

四、前后端完全分離

五、 服務(wù)端

一、前端工具鏈

babel, webpack, eslint, jest 等的具體使用不展開討論

二、npm

1,自有命令

用來(lái)管理 npm 包,執(zhí)行 node 文件

2,npm 包

特點(diǎn):npm 包整體是對(duì)一類有共同應(yīng)用的代碼抽象,包括了邏輯抽象,組件抽象,函數(shù)抽象

三、工程化相關(guān)

前端環(huán)境的建立是 node.js 在前端開發(fā)工作中最能體現(xiàn)價(jià)值的應(yīng)用之一,node 的出現(xiàn)使得前端開發(fā)從刀耕火種的時(shí)代進(jìn)入了科技時(shí)代。前端工程化依賴于前面提到的 webpack,gulp,babel,eslint 等,完整的腳手架體系除了客戶端能力,還包括自動(dòng)構(gòu)建(比如jenkins),命令行發(fā)布的功能

開發(fā)桌面應(yīng)用

Node.js 讓使用 js 開發(fā)桌面應(yīng)用成為了可能,electron是當(dāng)前比較流行的桌面應(yīng)用開發(fā)工具,它 nodejs和chromium的結(jié)合起來(lái),讓使用者可以調(diào)用 node.js的函數(shù),可以使用幾乎所有的nodejs社區(qū)里的module。

當(dāng)下web應(yīng)用非常流行,桌面應(yīng)用似乎被遺忘,不過桌面應(yīng)用也有一定的優(yōu)勢(shì),比如在前端工程化領(lǐng)域,可以使用桌面應(yīng)用作為統(tǒng)一的GUI集成工具,讓前端工程變得統(tǒng)一化,簡(jiǎn)單化。

前端工程化的意義

四、前后端完全分離

1.前端應(yīng)用脫離服務(wù)端代碼,獨(dú)立部署在 node.js 提供的服務(wù)上

渲染方式有兩種,一種是采用的常規(guī)渲染,在瀏覽器中生成html代碼;

另一種是采用服務(wù)端渲染(SSR),這種渲染方式跟之前 java 生成 html 代碼的方式類似,但是現(xiàn)在的 SSR 和真正的服務(wù)端并沒有太多關(guān)系,SSR 是在node端渲染的方式

2,基于大型項(xiàng)目的全棧開發(fā)

在前端獨(dú)立部署的基礎(chǔ)上,node 端加入了數(shù)據(jù)處理,接口代理,終端適配等邏輯代碼,使得前端擴(kuò)展性,性能大大增強(qiáng)。常見的全??蚣苡衑gg,midway等

前后端完全分離的必要性

1,在開發(fā)過程中,有些職責(zé)劃分不清晰,前后端分離是前端不再依賴于后端,后端可以 專注于model層,前端專注于 view 和 controller

2,在 web 性能優(yōu)化中,前端所能做的優(yōu)化工作有很大的局限性,很多優(yōu)化要在合后端協(xié)調(diào)的基礎(chǔ)上完成,node.js 作為中間層,讓前端有足夠的優(yōu)化決定權(quán)

3,前端可以基于業(yè)務(wù),調(diào)整前端架構(gòu),融合不同技術(shù)棧

前后端完全分離的適用性

適用于有一定的技術(shù)支撐的團(tuán)隊(duì),不能為了分離而分離

前端獨(dú)立部署擴(kuò)展

Node作為服務(wù)端

Node和serverless

Serverless在2019年于國(guó)內(nèi)開始嶄露頭角,目前還未大規(guī)模應(yīng)用,但Serverless是必然的趨勢(shì)。

其作為一種新型的互聯(lián)網(wǎng)架構(gòu),直接或間接推動(dòng)了云計(jì)算的發(fā)展,從 AWS Lambda 到阿里云函數(shù)計(jì)算,Serverless 一路高歌,同時(shí)基于 Serverless 的輕量計(jì)算開始登錄云計(jì)算的舞臺(tái)。

Serverless 的核心是 Faas,函數(shù)即服務(wù),解決了傳統(tǒng) BFF資源成本高,運(yùn)維成本高,開發(fā)成本高,難以適應(yīng)需求變化快等問題和痛點(diǎn),讓開發(fā)者能更專注于業(yè)務(wù)邏輯,其他的底層資源和運(yùn)維工作已經(jīng)全部封裝。

Node實(shí)現(xiàn)serverless

使用 Serverless 框架搭建 Faas環(huán)境,ServerLess 框架是一個(gè)使用 Node.js 編寫的 CLI 工具,開發(fā)者無(wú)需關(guān)注底層資源即可部署完整可用的 Serverless 應(yīng)用架構(gòu)

之后開發(fā)者只需要根據(jù)業(yè)務(wù)編寫相關(guān)的 function,部署到在云計(jì)算平臺(tái)上即可。

已經(jīng)使用serverLess的平臺(tái)

總結(jié)

本文不僅僅可以應(yīng)用場(chǎng)景的分析,完全可以把它當(dāng)做Node.js高級(jí)進(jìn)階當(dāng)路線,看看那些你還需要學(xué),希望對(duì)小伙伴們有所幫助。 

 

責(zé)任編輯:龐桂玉 來(lái)源: 前端大全
相關(guān)推薦

2020-08-14 10:00:34

Node前端應(yīng)用

2021-12-01 00:05:03

Js應(yīng)用Ebpf

2014-03-11 23:02:00

2020-05-29 15:33:28

Node.js框架JavaScript

2017-04-10 13:28:32

Node.jsJavaScript

2017-03-19 16:40:28

漏洞Node.js內(nèi)存泄漏

2017-03-20 13:43:51

Node.js內(nèi)存泄漏

2017-11-27 11:59:40

Node.JSChrome調(diào)試程序

2012-09-29 11:13:15

Node.JS前端開發(fā)Node.js打包

2014-03-07 13:43:32

Node.jsNode

2020-04-20 16:00:05

Node.js框架JavaScript

2020-01-03 16:04:10

Node.js內(nèi)存泄漏

2013-11-01 09:34:56

Node.js技術(shù)

2015-03-10 10:59:18

Node.js開發(fā)指南基礎(chǔ)介紹

2011-11-10 11:08:34

Node.js

2019-07-23 10:20:23

前端Node.js中間層

2021-12-25 22:29:57

Node.js 微任務(wù)處理事件循環(huán)

2012-02-03 09:25:39

Node.js

2023-12-07 08:07:47

Node流程代碼

2011-09-09 14:23:13

Node.js
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)