快捷導(dǎo)航

了不起的node.js讀書(shū)筆記之例程分析

更新時(shí)間：2014年12月22日 10:12:53 投稿：hebedich

這篇文章主要介紹了了不起的node.js讀書(shū)筆記之例程分析,需要的朋友可以參考下

這周的nodejs學(xué)習(xí)內(nèi)容為幾個(gè)依賴(lài)包的使用，把書(shū)上的例子都敲了一遍。這篇就以例程為線(xiàn)索，復(fù)習(xí)一下一周的工作。

1.connect

這個(gè)例程主要是使用connect依賴(lài)包，connect提供一個(gè)中間件（由函數(shù)組成，與請(qǐng)求、響應(yīng)對(duì)象交互）的功能。書(shū)中也介紹了connect內(nèi)置其他的中間件，這些中間件起到組織代碼完成web功能的作用。

2.session

使用connect進(jìn)行用戶(hù)會(huì)話(huà)，進(jìn)行基本的登錄系統(tǒng)。通過(guò)中間件實(shí)現(xiàn)了檢查登錄、展示表單、用戶(hù)匹配、處理登出的功能。展示了中間件的強(qiáng)大和組織方式。

3.express-tweet

這章學(xué)習(xí)了用express包，express基于connect。程序設(shè)計(jì)依舊簡(jiǎn)單，不過(guò)版本不同的np中，函數(shù)名會(huì)產(chǎn)生一些變化，比如express.createServer()在3.0后就變成了express()。使用express最大的益處就是它簡(jiǎn)潔又不失靈活。不過(guò)tweet訪(fǎng)問(wèn)不到，而改寫(xiě)成微博時(shí)，weibo的API訪(fǎng)問(wèn)又過(guò)于復(fù)雜，這個(gè)程序其實(shí)是沒(méi)有成功跑起來(lái)的。

4.echo

這兩個(gè)例程使用的是WebSocket包，echo的功能主要就是記錄消息傳輸?shù)臅r(shí)間。Websocket的調(diào)戲方式就ws來(lái)監(jiān)聽(tīng)（on）一個(gè)事件，在回調(diào)函數(shù)中進(jìn)行處理，在html文件中也要使用js進(jìn)行消息的交互。

5.cursors

本例學(xué)習(xí)到了廣播，這個(gè)功能通過(guò)自己寫(xiě)的一個(gè)broadcast函數(shù)來(lái)進(jìn)行處理。在確保光標(biāo)元素是否存在時(shí)，是通過(guò)DOM的ID查找來(lái)完成的。

6.chat

這一章可以說(shuō)是這本書(shū)的重頭戲，因?yàn)镾ocket.IO包就是作者開(kāi)發(fā)的。它與WS的不同在與它的消息傳遞是基于傳輸而不全是WS。這個(gè)例程時(shí)先實(shí)現(xiàn)聊天功能，再實(shí)現(xiàn)廣播歌曲（DJ）功能。過(guò)程中也沒(méi)有遇到什么大問(wèn)題。一個(gè)流程就是socket.emit一個(gè)事件，另一端socket就監(jiān)聽(tīng)到這個(gè)事件，并對(duì)其進(jìn)行處理。

7.總結(jié)

這周效率還是蠻不錯(cuò)的，遇到的問(wèn)題依然放在了evernote上。問(wèn)題以前也出現(xiàn)過(guò)就是localhost與127.0.0.1的區(qū)別。這周在調(diào)試js過(guò)程中習(xí)得了一個(gè)函數(shù)，可以讓js想php一樣dump一個(gè)對(duì)象來(lái)?，F(xiàn)在貼在下面分享。

復(fù)制代碼代碼如下:

 function dump(arr,level) {

     var dumped_text = "";

     if(!level) level = 0;

     //The padding given at the beginning of the line.

     var level_padding = "";

     for(var j=0;j<level+1;j++) level_padding += "    ";

     if(typeof(arr) == 'object') { //Array/Hashes/Objects 

         for(var item in arr) {

             var value = arr[item];

             if(typeof(value) == 'object') { //If it is an array,

                 dumped_text += level_padding + "'" + item + "' ...\n";

                 dumped_text += dump(value,level+1);

             } else {

                 dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";

             }

         }

     } else { //Stings/Chars/Numbers etc.

         dumped_text = "===>"+arr+"<===("+typeof(arr)+")";

     }

     return dumped_text;

 }