node入門學習(二)

来源:http://www.cnblogs.com/createGod/archive/2017/05/15/6859057.html
-Advertisement-
Play Games

一、模塊系統 1.創建模塊和引用模塊 2.服務端的模塊 二、函數 三、路由 四、全局對象 1.在 node中有一個全局對象為global。所有的全局對象都可以在global找到。當然不包括他自己。而在瀏覽器中的全局對象為window 2.__filename 表示當前正在執行的腳本的文件名。它將輸出 ...


一、模塊系統

1.創建模塊和引用模塊

//如何創建一個模塊

exports.hello = function(){
    console.log('hello worl');
};

//這創建了一個模塊
//如何引用模塊

  //1.require();
var hello = require('./module.js');

hello.hello();

//2.

var {hello} = require('./module.js');

hello();

2.服務端的模塊

//服務端的模塊
var http = require('http');

http.createServer(function(request,response){

});

//http 模塊放在哪裡的呢？  模塊的載入順序又是什麼樣的呢？

/*
 *  1. 當require(); 一個模塊的時候 首先會去 文件模塊緩衝區去找
 *  如果存在，直接exports出來
 *  2.如果沒有找到，在去原生模塊緩衝區去找 => 原生模塊 => 緩存 => exports
 *
 *  3.沒有找到就去文件系統
 *
 */

二、函數

//其實就javascript中的函數。
var lan = function(lang){
    console.log(lang);
}

function say(factory,lang){
    factory(lang);
}

say(lan,'chinese');

var http = require('http');

http.createServer(function(request,response){
    response.writeHead(200,{'Content-Type':'text/plain;charset=utf8'});
    response.write('hello world');
    response.end();
}).listen(3000);

三、路由

var http = require('http');
var url = require('url');

http.createServer(function(request,response){
    var pathname = url.parse(request.url,true).pathname;
    //http://localhost:8080/user
    console.log(pathname);
    //pathname  /user

    /*
     http://localhost:8080/admin
     
     pathname  =>   /admin
    
     */
    response.writeHead(200,{'Content-Type':'text/plain;charset=utf8'});
    response.write('這個路徑是：' + pathname);

    response.end();


}).listen(8080);

四、全局對象

1.在 node中有一個全局對象為global。所有的全局對象都可以在global找到。當然不包括他自己。而在瀏覽器中的全局對象為window

2.__filename  表示當前正在執行的腳本的文件名。它將輸出這個文件的絕對路徑

3.__dirname 表示當前正在執行腳本的目錄

4.setTimeout  => clearTimeout   ||    setInterval  =>  clearInterval

5.console =>  api較多

6.process 方法較多。 主要描述node 的進程情況

 

五、GET、POST請求。

1.GET請求（其實就是參數帶在url上吧）

var http = require('http');
var url = require('url');
var fs = require('fs');

var data = '';

var readStream = fs.createReadStream('get.html');

readStream.on('data',function(chunk){
    data += chunk;
});

readStream.on('end',function(){
    console.log('獲取html完畢');
});

http.createServer(function(request,response){
    var params = url.parse(request.url,true).query;
    var userName = params.userName;
    var userPhone = params.userPhone;
    //http://localhost:8888/get.js?userName=node&userPhone=10086
    
    console.log(userName,userPhone);// node  10086
    response.writeHead(200,{'Content-Type':'text/html;charset=utf8'});
    if(!!userPhone && !!userName){
        response.write('<h1>保存成功</h1>')
    }else{
        response.write(data);
    };
    response.end();
}).listen(8888);

console.log('node server start 127.0.0.1:8888')
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="./get.js" method="GET">
    <input type="text" name="userName">
    <input type="text" name="userPhone">
    <input type="submit" value="提交">
</form>
</body>
</html>

2.POST請求 (參數沒有暴露在url上獲取參數的方式和GET有很大的區別);

var http = require('http');
var querystring = require('querystring');
var fs = require('fs');

var data = '';

var readStream = fs.createReadStream('post.html');

readStream.on('data',function(chunk){
    data += chunk;
});

readStream.on('end',function(){
    console.log('獲取html完畢');
});

http.createServer(function(request,response){
    var postData = '';

    request.on('data',function(chunk){
        postData += chunk;
    });
    request.on('end',function(){
        var params = querystring.parse(postData);
        console.log(postData);
        var userName = params.userName;
        var userPhone = params.userPhone;
        //http://localhost:8888/post.js

        console.log(userName,userPhone);// node  119
        response.writeHead(200,{'Content-Type':'text/html;charset=utf8'});
        if(!!userPhone && !!userName){
            response.write('<h1>保存成功</h1>')
        }else{
            response.write(data);
        };
        response.end();
    });

}).listen(8888);

console.log('node server start 127.0.0.1:8888')

post.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="./post.js" method="POST">
    <input type="text" name="userName">
    <input type="text" name="userPhone">
    <input type="submit" value="提交">
</form>
</body>
</html>

六、結束語

Node.js的入門教程就完畢了。寫得比較簡潔，也沒有貼圖。我覺得作為一個程式員。學習能力固然重要，但更重要的是動手能力。每個方法都去敲一遍了，自然就明白這個方法

有什麼用了。沒有什麼東西去敲一遍解決不了的，如果非要說有那就多敲2遍。

Node.js的基礎知識很多，這2篇博文的挑了些，比較重要的說了下。其中主要是文件系統，文件流，路由，GET\POST。模塊知識在工作中會經常遇到。當然在實際項目會用不到這些，因為都會藉助express框架。來進行項目開發。但當我們瞭解其原理。操作起來就根據得心應手了。

 

沒有什麼坎坷是過不去的，加油！Comm on！

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 用 Vue 全家桶二次開發 V2EX 社區
    界面設計簡潔，沉浸式的閱讀體驗，可以按分類/文章/用戶瀏覽，在文章頁顯示用戶評論，圖片使用懶載入模式，總之，實現了你看帖所需要的一切。項目基於Vue全家桶，適配移動端，有完善的文檔註釋。 ...
  • jquery源碼 DOM載入
    jQuery版本：2.0.3 DOM載入有關的擴展 isReady:DOM是否載入完（內部使用） readyWait:等待多少文件的計數器（內部使用） holdReady():推遲DOM觸發 ready():準備DOM觸發。 jQuery.ready.promise=function(){}; 監聽 ...
  • 輪播+滑動+返回頂部效果，插件
    輪播+滑動+返回頂部效果，插件 ...
  • JS中類型檢測方式
    在js中的類型檢測目前我所知道的是三種方式，分別有它們的應用場景： 1、typeof：主要用於檢測基本類型. 2、instanceof：主要用於檢測引用類型(左邊是對象，右邊是函數.根據對象的原形鏈往上找，如果原形鏈上有右邊函數.prototype，返回true;否則返回false). var ob ...
  • 移動端h5開發相關內容總結css篇--自己總結
    原文參考http://mp.weixin.qq.com/s/Nho2DHj-Y59j2F62vpN9jQ1.開發移動端，頭部必要的配置<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" ...
  • 移動端開發時預設樣式reset
    // 去掉a,input,button點擊時藍色外邊框和灰色半透明a,button,input,optgroup,select,textare{ -webkit-tap-highlight-color:rgba(0,0,0,0);}// 禁止長按顯示菜單欄a,img{ -webkit-touch-c ...
  • 認識phantomjs
    PhantomJS是一款webkit內核的headelsss的瀏覽器，使用QtWebkit, 支持DOM操作、CSS選擇器、JSON、Canvas和SVG，可以模擬瀏覽器的服務。 安裝 mac同學使用 brew install casperjs 可以做什麼？ 1. Headless的網站集成測試 可 ...
  • js中的閉包理解
    閉包是一個比較抽象的概念,尤其是對js新手來說.書上的解釋實在是比較晦澀,對我來說也是一樣. 但是他也是js能力提升中無法繞過的一環,幾乎每次面試必問的問題,因為在回答的時候.你的答案的深度,對術語的理解以及js內部解釋器的運作方式的描述,都是可以看出你js實際水平的.即使你沒答對,也能讓考官對你的 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類