<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          和大家聊一聊,Node.js在大前端領域的應用

          共 2379字,需瀏覽 5分鐘

           ·

          2020-08-23 02:54


          作者:前端361

          原文地址:https://zhuanlan.zhihu.com/p/121055042

          關于 node 的使用已經很久了,使用范圍也很廣,似乎有前端的地方就有 node,那么來思考一個問題,node 到底是用來干嘛的呢?本文從五個大的方面對該問題進行了解釋。本文不僅僅可以應用場景的分析,完全可以把它當做Node.js高級進階當路線,看看那些你還需要學。

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

          首先看一張圖:

          node帶來了什么:

          從圖中可以看到 node 的應用是非常廣泛的,而最常用的就是工程化,自動化,npm

          node基本概念

          • 1,不在瀏覽器里運行的javascript

          • 2,基于Chrome JavaScript 運行時建立的一個平臺

          • 3,一個事件驅動I/O服務端JavaScript環(huán)境,基于GoogleV8引擎

          接下來,詳細看下 Node.js在大前端中的應用。

          廣義上應用

          在非瀏覽器端運行的js,包括前端環(huán)境搭建,云構建,服務,中間件,都有node.js 的應用場景

          具體應用

          一、前端工具鏈層面

          二、npm

          三、工程化相關

          四、前后端完全分離

          五、 服務端

          一、前端工具鏈

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

          二、npm

          1,自有命令

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

          2,npm

          特點:npm 包整體是對一類有共同應用的代碼抽象,包括了邏輯抽象,組件抽象,函數抽象

          三、工程化相關

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

          開發(fā)桌面應用

          Node.js 讓使用 js 開發(fā)桌面應用成為了可能,electron是當前比較流行的桌面應用開發(fā)工具,它 nodejschromium的結合起來,讓使用者可以調用 node.js的函數,可以使用幾乎所有的nodejs社區(qū)里的module

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

          前端工程化的意義

          四、前后端完全分離

          1.前端應用脫離服務端代碼,獨立部署在 node.js 提供的服務上

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

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

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

          在前端獨立部署的基礎上,node 端加入了數據處理,接口代理,終端適配等邏輯代碼,使得前端擴展性,性能大大增強。常見的全棧框架有eggmidway

          前后端完全分離的必要性

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

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

          3,前端可以基于業(yè)務,調整前端架構,融合不同技術棧

          前后端完全分離的適用性

          適用于有一定的技術支撐的團隊,不能為了分離而分離

          前端獨立部署擴展

          Node作為服務端

          Node和serverless

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

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

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

          Node實現serverless

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

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

          已經使用serverLess的平臺

          總結

          本文不僅僅可以應用場景的分析,完全可以把它當做Node.js高級進階當路線,看看那些你還需要學,希望對小伙伴們有所幫助。

          最后



          如果你覺得這篇內容對你挺有啟發(fā),我想邀請你幫我三個小忙:

          1. 點個「在看」,讓更多的人也能看到這篇內容(喜歡不點在看,都是耍流氓 -_-)

          2. 歡迎加我微信「qianyu443033099」拉你進技術群,長期交流學習...

          3. 關注公眾號「前端下午茶」,持續(xù)為你推送精選好文,也可以加我為好友,隨時聊騷。

          點個在看支持我吧,轉發(fā)就更好了

          瀏覽 57
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  婷婷五月天乱伦小说 | 蜜臀精品一区二区三区 | 成人视频免费在线观看黄色视频 | 国产欧美精品AAAAAA片 | 电影一级片 |