第一章:前端视角——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基础入门的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: saltstack配置apache
- 下一篇: 前端进阶 -css的弱化与js的强化(1