node學習日誌（二）---核心API

来源:https://www.cnblogs.com/candywu-blog/archive/2018/04/07/8732385.html
-Advertisement-
Play Games

最近看《node即學即用》，做點筆記~~ 核心API 1.【Events】 **瀏覽器中的事件模型是從DOM中來的 **DOM是基於用戶交互的用戶驅動型事件模型，有著一組與樹狀結構對應的介面元素 **當用戶與介面的某個特定部分交互時，對應有一個事件和一個相關的對象 **操作對象是在一棵樹上，故模型包 ...


最近看《node即學即用》，做點筆記~~

核心API

1.【Events】

**瀏覽器中的事件模型是從DOM中來的

**DOM是基於用戶交互的用戶驅動型事件模型，有著一組與樹狀結構對應的介面元素

**當用戶與介面的某個特定部分交互時，對應有一個事件和一個相關的對象

**操作對象是在一棵樹上，故模型包含了冒泡和捕獲的概念，即可以沿著樹向上或向下的元素也接收到被觸發的事件

**javascript的事件模型沒有樹狀結構，故更為簡潔

　　【EventEmitter】提供基礎的事件功能

　　　　【on方法】監聽事件

1 server.on('event',function(a,b,c){
2     //具體操作
3 });

　　　　【創建一個新類支持EventEmitter事件】

var utils=requires('utils');//引入utils模塊，可以調用inherits方法
var EventEmitter=require('events').EventEmitter;

var Server=function(){
   console.log('init');        
};

//把EventEmitter類的方法添加到創建的Server類中
//所有的Server新實例都可以使用EventEmitter方法
utils.inherits(Server,EventEmitter);

var s=new Sever();

s.on('abc',function(){
    console.log('abc');
});

 

　　　　【emit方法】觸發一個事件

1 s.emit('abc')

　　　　**這些事件是針對某個對象的，不存在全局的事件

　　　　【Callback原理】

　　　　　　1.觸發事件時傳遞參數

1 s.emit('abc',a,b,c);
2 
3 http.emit('request',req,res);

　　　　　　2.觸發器中如何調用事件

1 if(arguments.length<=3){
2    //速度快
3    handler.call(this,arguments[1],arguments[2]);            
4 }else{
5     //速度慢
6     var args=Array.prototype.slice.call(arguments,1);
7     handler.apply(this,args);
8 }
9

　　**參數少時，直接用call方法；參數多時，用apply方法，用數組來傳遞參數

　　**用到了this--->事件監聽器被調用時在EventEmitter的上下文中，而不是原來的位置

2.【HTTP】

　　【HTTP伺服器】

　　**創建簡單HTTP伺服器

1 var http=require('http');
2 var server=http.createServer();
3 var handleReq=function(req,res){
4    res.writeHead(200,{});
5    res.end('hello world!');  
6 };
7 server.on('request',handleReq);
8 server.listen(8125);

　　**HTTP的事件們：

　　　　【request】有新的HTTP請求

　　　　【checkContinue】客戶端以數據流方式將數據發送給伺服器時調用，檢查當前狀態下是否繼續；

　　　　　　　　　　　　  如果這個事件綁定了事件觸發器，request請求就不會被觸發

　　　　【upgrade】客戶端請求協議升級時會觸發，除非綁定了此事件的事件處理器，否則http伺服器將拒絕請求

　　　　【clientError】把客戶端發送的error事件傳遞出來

　　　　【Connection】為請求創建一個新的TCP流時觸發，事件會把TCP流作為參數傳給該請求

　　　　　　　　　　　該數據流也可以在request使用的時候，通過request.connection變數獲得

　　　　　　　　　　　但每個流只會觸發connection事件一次--->可能會出現從一個客戶端來多個請求只對應一次connection事件

　　　　【close】客戶端TCP的關閉

　　【HTTP客戶端】

　　　　【提交HTTP GET請求】

 1 var http=require('http');
 2 
 3 var opts={
 4    host:'www.google.com',
 5    port:80,
 6    path:'/'
 7 };
 8 
 9 var req=http.get(opts,function(){
10     console.log(res);
11     res.setEncoding('utf8');//設置編碼
12     res.on('data',function(data){
13          console.log(data);   //得到Buffer對象的裸數據
14     });
15 });

　　　　【發送HTTP POST和PUT數據】

 1 var http=require('http');
 2 
 3 var options={
 4    host:'www.example.com',
 5    port:80,
 6    path:'/submit',
 7    method:'POST'    
 8 };
 9 
10 var req=http.request(options,function(res){
11     res.setEncoding(utf8);
12     res.on('data',function(chunk){
13        console.log('BODY: '+chunk);
14     });
15 });   
16 
17 req.write("my data");
18 req.write("more of my data");
19 
20 req.end();

　　　　【ClientResponse對象】保存了關於請求的許多信息，包括statusCode（包含了HTTP狀態）和header（響應頭對象）

　　【URL】提供瞭解析和處理URL字元串的便利工具

　　　　【parse方法】解析URL

1 var URL=require('url');
2 var myUrl="http://www.nodejs.org/some/url/?with=query&param=that&are=awesome#alsoahash";
3 
4 var parsedUrl=URL.parse(myUrl);
5 var parsedUrl2=URL.parse(myUrl,true);

　　　　　【結果分析】解析出來的parsedUrl包括以下幾個部分

　　　　　　　　1.href：原始輸入用來解析的完整URL

　　　　　　　　2.protocol：URL中的協議（如：http:   https:   ftp:）

　　　　　　　　3.host：URL中完整的hostname（可以是本地伺服器hostname，也可以是功能變數名稱）

　　　　　　　　   【細分】auth（包含用戶證書）、port（單純埠）、hostname（完整的hostname）

　　　　　　　　4.pathname：跟在host後面的整個文件路徑

　　　　　　　　5.search：URL中HTTP GET參數（上例中為：'?with=query&param=that&are=awesome'）

　　　　　　　　6.query：類似於search，少了?（預設或false時，query:'with=query&param=that&are=awesome'）

　　　　　　　　　　　　（true時，用querystring模塊解析，query:{with:'query',param:'that',are:'awesome'}）

　　　　　　　　7.hash：片段部分，#後（上例中，hash:'#alsoahash'）

　　　　　【querystring】1）parse方法（見上，註意：數字是返回成字元串的；傳入的query字元不能包含?）

　　　　　　　　　　　　2）encode方法（把輸入的key-value格式的對象轉換成query字元串形式）

3.【I/O】

　　【數據流】數據流包括可讀、可寫和可讀寫

　　　　【創建可讀文件流】

1 var fs=require('fs');
2 var filehandle=fs.readFile('data.txt',function(err,data){
3     console.log(data);
4 });

　　　　【使用緩衝池模型來讀取完整的流數據】

1 //stream是個抽象的數據流
2 var spool="";
3 stream.on('data',function(data){
4     spool+=data;
5 });
6 stream.on('end',function(){
7     console.log(spool);
8 });

　　【文件系統】要註意運行的順序

　　　　【錯誤的代碼--非同步讀取並刪除文件】

1 var fs=require('fs');
2 
3 fs.readFile('warandpeace.txt',function(e,data){
4     console.log('War and Peace: '+ data);
5 });
6 
7 fs.unlink('warandpeace.txt');

　　　　【正確的代碼--通過嵌入回調函數完成非同步讀取並刪除文件】

var fs=require('fs');

fs.readFile('warandpeace.txt',function(e,data){
    console.log('War and Peace: '+data);
    fs.unlink('warandpeace.txt');
});

　　【Buffer】是對記憶體的直接分配；處理二進位數據；未處理時用十六進位表示；創建一個Buffer後大小就固定了，要添加數據要將其複製到一個更大的Buffer中

　　　　【ASCII  and  UTF】ASCII：7位大小，128個，第8位用來擴展字元集；字元串長度等於位元組數長度；

　　　　　　　　　　　　　 UTF：頭128個是ASCII，罕見字元時，第一個位元組代表第二頁位置，第二個位元組代表第三頁位置；字元串長度不等於位元組數長度；

　　　　【二進位  and  字元串】Buffer大小最好定為可能輸入的UTF字元最大值的4倍大小---可以保證完整的保存字元串內容

　　　　【創建Buffer】三種方法：

　　　　　　　1.指定位元組長度創建Buffer    new Buffer(10);   //會給出臟數據填補空間

　　　　　　　2.用字元串創建Buffer     new Buffer('foobarbaz','ascii');     //預設是utf8，也可以改成ascii

　　　　　　　3.Buffer.write(字元串，位置) 寫入數據---返回寫入的字元個數，在寫入utf8時，在允許的情況下，會在結尾帶上NULL（\00）

1 var b=new Buffer(5);
2 
3 b.write('fffff');   //返回5，b為<Buffer 66 66 66 66 66>
4 
5 b.write('ab',1);  //返回2，b為<Buffer 66 61 62 00 66>

　　【console.log】直接輸出，並且能夠美化格式


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

-Advertisement-
Play Games
更多相關文章
  • HTML5初識Canvas
    代碼即教程：HTML5初識Canvas ...
  • javaScript回調函數
    回調函數，或簡稱回調，是指通過函數參數傳遞到其它代碼的，某一塊可執行代碼的引用。這一設計允許了底層代碼調用在高層定義的子程式。 咋一看回調函數的概念，可能並不能立即理解什麼是回調函數。通俗的講，回調函數就是以函數作為參數傳給另一個函數執行。比如：有一個函數A，函數B, 將A函數作為B函數的參數，然... ...
  • 使用JavaScript實現一個俄羅斯方塊
    清明假期期間，閑的無聊，就做了一個小游戲玩玩，目前游戲邏輯上暫未發現bug，只不過樣子稍微醜了一些-.-項目地址：https://github.com/Jiasm/tetris線上Demo：http://blog.jiasm.org/tetris/?width=16&height=40 (修改URL ...
  • h5和css3構建響應式網站
    響應式頁面組成 創建可伸縮圖像 創建彈性佈局網格 可以設置相對的max-width；預設的字體大小是16px；em寬度是基於元素字體大小 媒體查詢 增強媒體類型方法，允許根據特定的設備特性定位樣式，要調整網站的呈現樣式，讓其適應不同的屏幕尺寸 ...
  • 原生JS封裝時間運動函數
    /*講時間運動之前先給大家複習一下運動函數 通常大家都會寫運動框架，一個定時器(Timer),一個步長(step 就是每次運動的距離)，一個當前位置(current)一個目標位置(target),然後判斷一下當前位置加上步長和目標位置的關係就可以了 就可以了。 簡寫就是這樣唄*/ var obj=d ...
  • 自己做的HTML
    <html> <body background="http://img1.imgtn.bdimg.com/it/u=821335874,2927998559&fm=27&gp=0.jpg"><h1 style="text-align:center">網站集中地</h1><p><a href="/ht ...
  • CSS屬性
    1. getComputedStyle（屬性多） 獲取當前元素所有最終使用的CSS屬性值，返回一個只讀的對象 style （屬性少）可寫 2.currentStyle 與getComputedStyle 作用一樣，只不過瀏覽器適用不一樣 獲取css屬性值 ： 1.鍵值對 2.getProperVal ...
  • 初識jQuery 基礎篇
    首先提供一個知識點外資源： 線上編程：無需編程環境： https://codepen.io/pen 添加jQuery庫： Settings-->JavaScript-->quick-add-->jQuery jQuery： 基於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.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類