日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

第一章:前端视角——js运行环境之node.js基础入门

發布時間:2024/4/13 HTML 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 第一章:前端视角——js运行环境之node.js基础入门 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1.為什么使用node.js

大部分情況下,我們寫的js代碼都是直接運行在瀏覽器中,由瀏覽器進行執行與渲染。但是隨著前端工程化的發展,我們寫的js代碼越來越復雜,所以對我們的代碼進行預處理已成為了必要的工序,而node.js則提供了這樣一個平臺。

2.node.js是什么

Node.js是一個基于 Chrome V8 引擎的JavaScript運行環境(runtime),Node不是一門語言,而是讓js運行在后端的運行時,并且不包括javascript全集,因為在服務端中不包含DOM和BOM。Node也提供了一些新的模塊例如http,fs模塊等。Node.js 的包管理器 npm,是全球最大的開源庫生態系統。

3.node.js運行機制

眾所周知,js是單線程語言,但瀏覽器實現了資源加載,http請求等費時操作的多線程操作,node.js的主線程依舊是單線程的,所有同步任務都在主線程上執行,形成一個執行棧,主線程之外,還存在一個任務隊列=》只要異步任務有了運行結果,就在任務隊列之中放置一個事件=》一旦執行棧中的所有同步任務執行完畢,系統就會讀取任務隊列,將隊列中的事件放到執行棧中依次執行=》主線程從任務隊列中讀取事件,這個過程是循環不斷的。

4.node.js的使用

#####1.查看當前的 Node 版本:

$ node -v v10.5.0

2.運行js文件:

打開終端環境,windows : cmd , mac : Terminal,使用cd 命令到要執行的js文件目錄,執行node XXX.js,我們現在在demo文件夾里新建一個1.js文件,在1.js文件中寫入console.log('運行js文件'),讓我們打開終端環境來執行一下

? cd demo ? demo node 1.js 運行js文件

3.模塊引入(模塊引入是同步的)
(1)核心模塊

nodeJS核心模塊有:

  • fs 文件系統
  • global 全局變量
  • net 網絡
  • util 實用工具
  • path 路徑處理等

引入方式例如:

>let fs = require('fs'); 復制代碼
(2)第三方模塊

Nodejs 中第三方模塊由包組成,可以通過包來對一組具有相互依 賴關系的模塊進行統一管理,通過 NPM 命令來下載第三方的模塊(包)。 完全符合 CommonJs 規范的包目錄一般包含如下這些文件。

  • package.json :包描述文件。
  • bin :用于存放可執行二進制文件的目錄。
  • lib :用于存放 JavaScript 代碼的目錄。
  • doc :用于存放文檔的目錄。

例如: 打開終端 執行

npm i vue –save

安裝完畢后在文件中引入

引入方式和核心模塊引入一樣

(3)自定義模塊

如果要引入自定義的模塊,雖然可能在當前目錄下,但是也需要注意路徑,因為如果不加路徑標識的話,很難分辨出來是引用的系統模塊還是引用的當前目錄里的模塊,如下面這種,是分不清的:

let http = require('http'); let test = require('test.js');

——正確的寫法是如下:

let test = require('./test.js');

5.nodeJS怎么調試

1.命令行調試

node inspect test.js

2.瀏覽器調試(不推薦 )

3.編輯器調試

下載Visual Studio Code,安裝Code Runner插件,用編輯器打開你所需運行的文件,然后點擊右鍵,選擇Run Code即可

這一章我們對nodejs有個基礎的認識以及為什么前端也需要掌握它,接下來我們開始愉快(折磨)的學習之旅吧!

轉載于:https://juejin.im/post/5b4d9ce36fb9a04fce5227d0

總結

以上是生活随笔為你收集整理的第一章:前端视角——js运行环境之node.js基础入门的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。