DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> nodejs教程之入門
nodejs教程之入門
編輯:關於JavaScript     

前言

再不學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');

結語

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved