国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

nodejs教程之入門

2024-05-06 16:10:49
字體:
來源:轉載
供稿:網友
本文是nodejs教程系列的入門篇,主要講述nodejs的特點、模塊機制/CommonJs(模塊引用、模塊定義、模塊標識、模塊實現)、包與NPM等知識,非常的詳細,這里推薦給大家作為入門的文章。
 
 

前言

再不學nodeJs,我們就老了......在HTML5大浪襲來的時候,很多先輩就開始了NodeJs之旅,而那時我還在做服務器端的程序
后來轉成前端,和梯隊的距離已經很大了,因為我會服務器端語言,還干了很久,所以至今才開始學習NodeJs,向完整的前端前進
這次學習NodeJs的計劃是:
① 1-2周學習基礎知識
② 1周左右開發一個簡單項目
③ 利用NodeJs開發一套用于移動端調試的工具
④ 打包相關(這個可能比較遠了)

NodeJs特點

① 異步
從文件讀取到網絡請求,NodeJs皆以異步完成,回調函數占據重要作用,在編程模型上Node是領先的

② 事件回調
事件回調讓程序變得輕巧,但是具體怎么樣還是取決于程序員。但是回調函數在閱讀上其實還是有一定難度的

③ 單線程
Node是單線程的,如果多線程的話,這門語言水又深了,問幾句進程中的通信時很討厭的,但線程也沒有死鎖等問題
但是性能相關就有問題了,因為不能利用多核;

模塊機制/CommonJs

我們原來做服務器端的開發,如果沒有很好的組織代碼的話,后期維護非常困難,所以才會有什么MVC,什么三層架構
而現在前端的業務邏輯逐向后端靠攏,就單頁應用來說,已經超過后端的程序邏輯
頁面view不停的增加會帶來js代碼量的激增,如何很好的管理我們的前端代碼成了一個問題,所以requireJs出現了......
PS:尼瑪這段和nodeJs有一毛錢關系哇......
javascript是沒有模塊化系統的,于是就有CommonJs的提出,讓js具備開發大型應用的基礎

模塊引用

我們如果要引用一個模塊,比如數學計算相關:

var math = require('math');

模塊定義

我們如果要定義自己的模塊可以這樣干

 

復制代碼代碼如下:

exports.add = function () {
  return sum;
}

 

如果此函數在math中定義的話,就能使用了

math.add();

模塊標識

模塊標識就是傳遞給require的參數,需要為駝峰命名,指向的是一個文件路徑,這里和requireJS很類似的

模塊實現

Node中模塊實現分為兩類,一種是系統級別的核心模塊,一種是用戶編寫的文件模塊
核心模塊在編譯過程被翻譯成了二進制文件,Node進程啟動后,一些核心的模塊會直接加載進內存(文件定位、編譯執行)
文件模塊需要動態加載,速度相對慢一點
但是一旦加載后,那些文件便會被緩存,二次引入時候便會讀取緩存文件(編譯后的文件)
這里扯遠一點,我們在使用underscore過程中,會編譯Html形成模板函數(他真的只是一個函數),其實這個就可以做緩存
在部署項目之前保存編譯過后的函數,去掉html模板文件(優化效果不知)

在node中,每個模塊都是一個對象:

 

復制代碼代碼如下:

function Module(id, parent) {
  this.id = id;
  this.exports = {};
  //parent是關鍵字,不應該亂用
  this.parent = parent;
  if (parent && parent.children) {
    parent.children.push(this);
  }
  this.filename = null;
  this.loaded = false;
  this.children = [];
}

 

編譯和執行時引入文件模塊的最后一個階段,定位到具體文件后,node會新建一個模塊對象,然后根據路徑載入并編譯
每一個編譯成功的模塊都會將其文件路徑作為索引緩存在Module._cache上

每個模塊文件都存在require、exports、module三個變量,但是在文件中并未定義(__filename__、__dirname__ 變量也是)
其實在編譯過程中,Node對javascript文件內容進行了頭尾包裝(相當于自定義函數傳入window)

 

復制代碼代碼如下:

(function (exports, require, module, __filename__, __dirname__) { 
  var math = require('math');
  exports.area = function (radius) {
    return '';
  };
});

 

這樣,模塊與模塊之間做了隔離,不會互相影響,這里和underscore的編譯有些類似......

包與NPM

Node組織了自身的核心模塊,所以第三方文件模塊可以有序的編寫和使用,但是在第三方模塊中,模塊與模塊之間仍然散列在各地
相互之間不能直接引用,在模塊外包和NPM則是將聯系建立起來的一種機制
PS:很多模塊會形成一個包,這個包的概念和java包的概念,才#程序集的概念應該相似

一個包結構解壓后會形成幾個文件:
① package.json 描述文件
② bin 可執行二進制目錄
③ lib javascript代碼目錄
④ doc 文檔(尼瑪基本沒有)
⑤ test demo

以上都是CommonJS包的規范的一些東西,但是我們稍微了解一下便可(初學嘛),NPM則需要熟練掌握,借助NPM我們可以熟練安裝管理包

安裝依賴包

安裝依賴包是常用方法:

npm install express
執行后就會在當前目錄下創建node_modules目錄,然后再其下面創建express目錄......
PS:express是NodeJs上流行的web開發框架,幫助我們快速開發一個web應用
安裝結束后就可調用了:

 

復制代碼代碼如下:

var express = require('express');

 

結語

這段簡單結束,后面我們項目實戰過程逐步深化


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 靖州| 玉环县| 辽宁省| 成都市| 北安市| 洛宁县| 永登县| 延川县| 长兴县| 平顺县| 甘泉县| 同德县| 凤台县| 霍州市| 郑州市| 兴宁市| 德惠市| 仙居县| 黄龙县| 秭归县| 黄大仙区| 屏东县| 叶城县| 大理市| 简阳市| 栾川县| 綦江县| 铁岭市| 隆安县| 栾城县| 图木舒克市| 宁海县| 龙陵县| 洪洞县| 休宁县| 策勒县| 钦州市| 屏东县| 二连浩特市| 保德县| 内乡县|