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 ...
  • 回調函數,或簡稱回調,是指通過函數參數傳遞到其它代碼的,某一塊可執行代碼的引用。這一設計允許了底層代碼調用在高層定義的子程式。 咋一看回調函數的概念,可能並不能立即理解什麼是回調函數。通俗的講,回調函數就是以函數作為參數傳給另一個函數執行。比如:有一個函數A,函數B, 將A函數作為B函數的參數,然... ...
  • 清明假期期間,閑的無聊,就做了一個小游戲玩玩,目前游戲邏輯上暫未發現bug,只不過樣子稍微醜了一些-.-項目地址:https://github.com/Jiasm/tetris線上Demo:http://blog.jiasm.org/tetris/?width=16&height=40 (修改URL ...
  • 響應式頁面組成 創建可伸縮圖像 創建彈性佈局網格 可以設置相對的max-width;預設的字體大小是16px;em寬度是基於元素字體大小 媒體查詢 增強媒體類型方法,允許根據特定的設備特性定位樣式,要調整網站的呈現樣式,讓其適應不同的屏幕尺寸 ...
  • /*講時間運動之前先給大家複習一下運動函數 通常大家都會寫運動框架,一個定時器(Timer),一個步長(step 就是每次運動的距離),一個當前位置(current)一個目標位置(target),然後判斷一下當前位置加上步長和目標位置的關係就可以了 就可以了。 簡寫就是這樣唄*/ var obj=d ...
  • <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 ...
  • 1. getComputedStyle(屬性多) 獲取當前元素所有最終使用的CSS屬性值,返回一個只讀的對象 style (屬性少)可寫 2.currentStyle 與getComputedStyle 作用一樣,只不過瀏覽器適用不一樣 獲取css屬性值 : 1.鍵值對 2.getProperVal ...
  • 首先提供一個知識點外資源: 線上編程:無需編程環境: https://codepen.io/pen 添加jQuery庫: Settings-->JavaScript-->quick-add-->jQuery jQuery: 基於js研發的封裝庫:可以屏蔽之前書寫js代碼考慮瀏覽器相容性的問題。問題交 ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...