Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 欧美综合区自拍亚洲综合天堂,99精品视频在线观看,99精品视频在线观看免费播放

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          vue3基礎教程(1)-nodejs環境搭建

          vue3基礎教程(1)-nodejs環境搭建

          博主個人小程序已經上線:【中二少年工具箱】


          專欄簡介

          本系列文章由淺入深,從基礎知識到實戰開發,非常適合入門同學。

          零基礎讀者也能成功由本系列文章入門,但如果您具備以下基礎,將會事半功倍:

          1. HTML基礎

          2. css基礎

          3. js基礎

          當然,即使從未接觸過前端代碼的小白,也能輕松學習本系列課程,因為我會在文章中簡略穿插前端基礎知識。

          由于各平臺對專欄文章的支持度不同,所以如果您看到這篇文章的平臺,系統學習專欄文章的操作不夠絲滑,可以先關注小程序,后續小程序會開發專欄博客功能。可以通過二維碼地址小程序二維碼,掃碼關注。


          1. 環境菜單

          1. nodejs下載安裝
          2. 編譯器(webstorm)選擇

          2.為什么下載node

          有前端HTML+css+js開發經驗的同學,應該會有疑問,我以前開發前端頁面不用下載任何環境,寫出代碼,拖到瀏覽器里,就能正常顯示。

          為什么學習vue要下載node這么麻煩呢?

          這是因為vue有自己的一套語法,但是萬變不離其宗,最終顯示到頁面上的,其實還是html+css+js。那么vue語法是如何變成html三件套的呢?答案就是node。node是一個環境,也可以理解為是一個軟件,或者容器,它主要的作用就是把vue的語法編譯成html語法。

          如果難以理解,我們可以不用深究。只需要知道,vue想要正常運行,需要一個環境,那就是nodejs。

          既然這么麻煩,為什么還有那么多人使用vue,而不是直接寫html?那肯定是因為當我們入門后,基于vue完成項目,更簡單、更強大……

          總之,不要有畏難情緒。任何框架的產生與流行,一定是因為他能解決某些問題,降低編碼的工作量、難度等等。

          3. nodejs簡介

          如果只關注學習vue3的同學,可以不需要過多了解node版本管理工具。從nodejs中文網下載穩定版的nodejs,然后按照步驟一步步安裝即可。

          nodejs中文網下載地址:https://www.nodejs.com.cn/


          在這里插入圖片描述

          新手不要多想,選擇這個最穩定版本即可。

          有一定基礎的同學,可以下載nvm,或者博主自主開發的node版本管理工具,只適配windows系統。登錄上面小程序首頁后,可以獲取工具最新版本下載鏈接:

          在這里插入圖片描述


          4. nodejs安裝

          這是nodejs 18.19.0版的鏈接地址:https://npmmirror.com/mirrors/node/v18.19.0/node-v18.19.0-x64.msi 下載后,按照步驟依次安裝即可。

          1. 雙擊軟件,進入安裝界面

          在這里插入圖片描述

          2.接受協議

          在這里插入圖片描述

          3.選擇下載地址,最好默認

          在這里插入圖片描述

          4.下一步即可。這里會自動把nodejs添加到環境變量,所以推薦新手用這個安裝包的形式,能簡化很多工作。


          在這里插入圖片描述

          5.繼續下一步


          在這里插入圖片描述

          6.最后一步,點擊install安裝即可。


          在這里插入圖片描述


          5. 編輯器選擇

          前端編輯器(IDE)使用最廣泛的有三個:

          1. vscode

          2. webstorm

          3. hbuilderx

          vscode,免費的代碼編輯器,背靠微軟,信譽有保障,最近兩年比較火。我沒有使用這個軟件,是因為最初接觸的是webstorm,用習慣了,轉vscode不太舒服。

          webstorm,付費的代碼編輯器,但是網上破解方案滿天飛,很容易按照方案破解。作為老牌前端編輯器,功能強大,使用絲滑。如果有破解經驗,可以使用這個,后期可能會把破解功能寫到自己的工具里去。

          hbuilderx,國產唯一能打的前端編輯器,但是和前面兩個比,還是有缺陷,但是uniapp官方指定編輯器,基于uniapp開發小程序,目前只能使用hbuilderx。如果目前只是入門vue3,建議從前面兩個里面選一個。

          編最近對Node特別感興趣,所以就趁著周末的時間搭了一個簡單的登錄注冊的一個小后臺。

          前端部分

          這部分主要是,從前端發送ajax請求到后臺,如果返回參數是成功,則登錄,否則,打印相關參數;

          代碼

          這是界面

          后臺部分

          后臺用的是Node.js,框架用的express,數據庫用的mysql;

          數據庫結構

          表結構

          node代碼如下:

          express是node的基礎框架,這里邊有坑的地方是:返回值的時候,必須返回對象。

          掌握一門后臺語言,對于現在的前端工作來說,越來越重要了,代碼之路,漫漫求索,共勉之,兄弟姐妹們。

          天終于把樸靈老師寫的《深入淺出Node.js》給學習完了, 這本書不是一本簡單的Node入門書籍,它沒有停留在Node介紹或者框架、庫的使用層面上,而是從不同的視角來揭示Node自己內在的特點和結構。建議有一定Node基礎或者做過Node方面的小項目的同學閱讀,看完以后你的思維會有很奇特的碰撞,我看的時候就常常會有這樣的想法:“哦,原來這個功能是這樣實現的哦”。下面這篇文章是我第二次閱讀《深入淺出Node.js》的一些學習記錄,并且通過百度腦圖這個工具來畫出思維導圖,每天將自己的學習總結寫在這篇文章下面。圖片文字太小可以右鍵從新標簽頁打開圖片,然后點擊就可以放大顯示。 新增原始文件腦圖地址,這樣大家就可以直接到腦圖去看思維導圖


          Node簡介


          這一章簡要介紹了Node,從中可以了解Node的發展歷程及其帶來的影響和價值。


          為什么叫Node?起初,Ryan Dahl稱他的項目為web.js,就是一個Web服務器,但是項目的發展超過了他當初單純開發一個Web服務器的想法,變成構建網絡應用的一個基本框架,這樣可以在它的基礎上構建更多的東西,諸如服務器、客戶端、命令行工具等。Node發展為一個強制不共享任何資源的單線程、單進程系統,包括十分適宜網絡的庫,為構建大型分布式應用程序提供了基礎設施,其目標也是成為一個構建快速、可伸縮的網絡應用平臺。它自身非常簡單,通過通信協議來組織很多Node,非常容易通過擴展來達成構建大型網絡應用的目的。每一個Node進程都構成這個網絡應用中的一個節點,這是它名字所含意義的真諦。



          模塊機制


          這一章主要介紹Node的模塊機制,從中了解到Node如何實現CommonJS模塊和包規范的。在這一章中,我們詳細的解釋了模塊在引用過程中的編譯、加載規則。另外,我們還能讀到更深度的關于Node自身源代碼的組織架構。

          CommonJS規范為JavaScript定制了一個美好的愿景—希望JavaScript能夠在任何地方運行。



          異步I/O


          這一章展示了Node中我們將異步I/O作為主要設計理念的原因。另外,還會介紹到異步I/O的詳細實現過程。


          事件循環是異步實現的核心,它與瀏覽器中的執行模型基本上保持一致。而向古老的Rhino,盡管是較早就能在服務器運行的JavaScript運行時但是執行模型并不像瀏覽器采用事件驅動,而是使用像其他語言一樣采用同步I/O作為主要模型,這造成它在性能上面無法發揮。Node正是依靠構建了一套完善的高性能異步I/O框架,打破了JavaScript在服務器止步不前的局面。



          異步編程


          這一章主要介紹異步編程,其中最常見的異步編程問題介紹,也有詳細的解決方案。在這一章中我們可以接觸到Promise、事件、高階函數是如何進行流程控制的。 (這一章建議多看書)



          內存控制


          這一章主要介紹了Node的內存控制,主要內容有垃圾回收、內存限制、查看內存、內存泄漏、大內存應用等細節。


          Node將JavaScript的主要應用場景幫到了服務器端,相應要考慮的細節也與瀏覽器端不同,在服務器端,資源向來是寸土寸金,要為海量用戶服務,就使得一切資源都要高效循環利用,需要更嚴謹為每一份資源作出安排。



          理解Buffer


          這一章主要介紹了前端JavaScript里不能遇到的Buffer。由于Node中會涉及頻繁的網絡和磁盤I/O,處理字節流數據會是很常見的行為,這部分的場景與純粹的前端開發完全不同。

          體會過JavaScript友好字符串操作后,有些開發者可能會形成思維定勢,將Buffer當作字符串來理解。但字符串與Buffer之間有實質性的差異,即Buffer是二進制數據,字符串與Buffer之間存在編碼關系。因此,理解Buffer的諸多細節十分必要,對于如何高效處理二進制十分有用。



          網絡編程


          這一章介紹了Node支持的TCP,UDP,HTTP編程,還講了有關于Websocket與TSL、HTTPS的介紹。


          利用Node可以十分方便地搭建網絡服務器,不需要專門的Web服務器作為容器,僅僅需要幾行代碼就可以構建服務器。Node提供了net、dgram、http、https這4個模塊,分別用于處理TCP、UDP、HTTP、HTTPS,適用于服務端和客戶端。



          構建Web應用


          這一章主要介紹了構建Web應用過程中用到的大多數技術細節,如數據處理、路由、MVC、模板、RESTful等。 我覺得這一章對于我們開發一個Nodejs方面的應用很有指導性作用,整理本章細節就可以完成一個功能的Web開發框架,這章的目的也就是希望讀者學習過這一章后能夠對Node開發帶來地圖式的啟發,在開發Web應用時能夠心有輪廓,明了細微。



          玩轉進程


          這一章主要介紹Node的多進程技術,以及如何借助多進程方式來提升應用的可用性和性能。從嚴格意義上面來講,Node并非真正的單線程架構,在第3章我們還敘述過Node自身還有一定的I/O線程存在,這些I/O線程由底層libuv處理,這部分線程對于JavaScript開發者是透明的,只在C++擴展開發時才會關注到。JavaScript代碼永遠運行在V8上,是單線程的。本章將圍繞JavaScript部分展開,所以屏蔽底層細節的討論。



          測試


          這一章主要介紹Node的單元測試和性能測試技巧。測試的意義在于,在用戶消費產出的代碼之前,開發者首先消費他,給予其重要的質量保證。

          測試包括單元測試、性能測試、安全測試和功能測試等幾個方面,本章將從Node實踐的角度來介紹單元測試和性能測試。



          產品化


          “行百里路半九十”,完成產品開發的代碼編寫后,才完成了項目的第一步。這是一章介紹了將Node產品化所需要的注意到的細節,如項目工程化、代碼部署、日志、性能、監控報警、穩定性、異構共存。 對于Node開發者而言,很多其他語言走過的路需要開發者帶著Node特效重新踐行一遍。這并不是壞事,Node更接近底層使得開發者對于細節的可控性非常高。



          為此,為了學好前端,創建了一個學習交流,能夠與大家一起學習、交流。大家免費領取面試題,電子書籍,特效項目源碼等干貨。


          掃描圖中二維碼學習哦

          先奉上一些資料圖:


          主站蜘蛛池模板: 国产一区三区二区中文在线 | 久久久久人妻一区二区三区vr| 99精品国产高清一区二区| 精产国品一区二区三产区| 亚洲一区二区三区偷拍女厕| 免费一区二区无码视频在线播放| 久久精品国产第一区二区三区| 久久成人国产精品一区二区 | 无码人妻久久久一区二区三区 | 91福利视频一区| 亚洲欧洲∨国产一区二区三区| 亚洲性日韩精品国产一区二区| 人妻少妇精品视频三区二区一区| 色窝窝无码一区二区三区成人网站| 亚洲无人区一区二区三区| 国产激情一区二区三区 | 无码人妻久久一区二区三区蜜桃 | 一区二区三区国产精品| 亚洲色精品vr一区二区三区| 国产成人高清视频一区二区 | 中文字幕久久久久一区| 亚洲第一区精品观看| 一区二区3区免费视频| 无码精品蜜桃一区二区三区WW| 无码8090精品久久一区| 久久精品无码一区二区日韩AV| 无码人妻久久一区二区三区蜜桃| 538国产精品一区二区在线| 日韩熟女精品一区二区三区| 一区二区三区在线免费| 国产A∨国片精品一区二区| AV天堂午夜精品一区| 亚洲AV综合色区无码一区爱AV | 亚洲一区欧洲一区| 国产乱码精品一区二区三区四川人 | 久久人妻无码一区二区| 国产成人欧美一区二区三区| 狠狠综合久久av一区二区| 国产av夜夜欢一区二区三区| 日本精品一区二区久久久| 国产亚洲日韩一区二区三区|