其他

　　今天要介紹的是node的事件迴圈機制，他是一些互動系統的基本概念，他更是javascript語言核心的一部分。因為對於使用瀏覽器的使用者，javascript就是通過處理使用者的click，mouse等相關的事件來處理使用者的請求的。對於像node這樣的伺服器來說，事件迴圈也同樣起到相當重要的作用，比如用來處理來自用戶端的request請求。下面我們就對node的事件迴圈做個簡單的介紹。　　node採用單線程的處理機制，對所有的I/O請求採用非堵塞的工作方式。也就是說，對於http的請求，資

　　這篇文章將通過開發一個簡單聊天室的方式，介紹node.js的net模組。　　　　一、第一版，只向用戶端發送資訊 　　我們先實現一個簡單的版本，代碼如下：var net=require('net');var chatServer=net.createServer();chatServer.on('connection',function(client){ client.write('hi!\n'); client.write('bye!\n'); client.end();}

　　JavaScriptMVC的views就是用戶端模版，用來提取資料和返回字串。一般情況下，這個字串就是用於插入到DOM中的html代碼。$.View是一個模版介面，使用模版完成複雜的工作：方便和統一的文法從html元素或者外部檔案載入模版同步或者非同步載入模版與載入模版緩衝或者處理模版產品編譯的過程中綁定模版對$.Deferred

　　Models用於處理應用程式的資料層，他讓以下事情變得更容易：1.擷取和修改來自伺服器的資料；2.監聽資料的改變；3.設定和擷取html元素上的資料；4.處理資料列表；5.處理其他事情。　　$.Model繼承製$.Class，他使用REST服務的形式，還使用了延時技術（deferreds）。 　　1.擷取和修改來自伺服器的資料　　$.Model使串連到一個REST服務變得相當的簡單，下面的例子展示如何為todo建立增刪改查的功能，這樣你就可以用編程的方式對todo進行增刪改查的操作了。$.M

　　壓縮Cookbook　　當下載很多js檔案的時候會帶來很大的開銷，伺服器端可以使用簡單的壓縮技術把檔案連結到一個檔案中。　　壓縮指令碼　　使用下面的命令壓縮你程式的js指令碼：C:\workspace\Cookbook>js

　　我將上一章中了外掛程式做了個小小的升級，實現了自動運行效果，完整代碼大家見demo。 　　主要的變化點有：把‘下一條’、‘上一條’的click事件抽象到一個函數showNext中。添加setInterval，添加selector元素的hover事件。好了，我們一個個的看。showNext函數：//顯示函數function showNext(flag) { //隱藏導航 $(config.selector).find('a').css('display', 'none');

　　從今天開始，我們將介紹node的一些重要的api，首先向大家介紹的是events。他是node中相當重要的一個api，也是實現其他一些api的基礎，對他有好的理解，會協助你使用好其他的api。　　如果你用javascript開發過瀏覽器的應用，那你一定很熟悉事件。但瀏覽器中的事件來源於dom，而不是javascript。dom中使用者驅動的事件通過一系列樹狀元素（html/xml）的介面實現與使用者的互動，當使用者和dom互動的時候就會產生相應的事件。 　　1.EventEmitter 　　

　　webstorm是開發node.js最好的工具，大家可以去網上下載最新版本。他是付費軟體，有30天的試用時期，大家可以找破解版來用，我下載的是4.0版本，網上找了破解密鑰。金鑰產製原料：username:solq35758-1204201000001cIW59IBVHRPp019pvqMI0zUcwRqOCGkr4xcLxYJaUE6RgIfTVRv43kV80GauemJf4PvNrFQdFYdjTGBTmZZXQ　　軟體安裝完畢就需要為其配置node，方法如下：　　點擊圈中的icon，會

　　我們按照執行的方式，把I/O分為串列I/O和並行I/O。串列I/O是完成當前I/O之後，才會去執行下一個I/O。並行I/O要複雜些，但是更容易理解，就是幾個I/O同時運行。有一點需要提醒的是，在串列I/O中一般是按照請求隊列的順序來執行請求的，並以這個順序返回結果。並行I/O返回的結果沒有任何的順序可言。串列I/O和並行I/O可以組合起來工作，例如：有多組並行I/O，每組中包含不同數目的串列I/O。　　在Node中我們假設所有的I/O無限延遲的，他們可能執行0到無限的時間，我們不知道也不能假

　　今天帶來的例子是如何建立一個類似於twitter的應用程式。　　準備工作：　　首先我們需要安裝express模組，他是node開發web應用的mvc架構。安裝express很簡單，是使用npm命令（Node Package Manager）。點【開始】菜單，選擇【所有程式】，找到【Node.js (x86)】，運行【Node.js command prompt】。命令列輸入如下命令：npm install

　　JavaScriptMVC的 controllers 可以做什麼事情，他是一個jquery外掛程式工廠。他們可以被當成傳統視圖使用，製作分頁控制項或者grid，也可以把他們當成傳統的控制器使用，初始化控制器並把他們和model結合。Controller對組織應用程式相當有協助。　　Controller提供了很多相當有用的特性，例如：jQuery 外掛程式建立自動綁定預設設定自動決定　　下面的代碼建立了一個tooltip控制項，當頁面被點擊的時候元素將會顯示：$.fn.tooltip =

　　JMVC的 Controller and Model 繼承自 $.Class，去建立一個新類需要調用$.Class(NAME, [classProperties, ] instanceProperties])，如：$.Class("Animal",{ breathe : function(){ console.log('breathe');

　　我們本章要介紹的是單頁導航動畫效果的實現，感覺有點拗口，其實我也不知道這個效果動畫到底叫什麼名字合適。　　其實他實現的功能還是好理解的，就是有一個母頁面，母頁面會載入一定數目的子頁面，母頁面上有各個子頁面的link。預設母頁面顯示第一個子頁面的內容，當點擊母頁面上的連結時，顯示相應子頁面的內容。這裡的母頁面和子頁面是實際存在的不同頁面，但是整個動畫實現的結果是，所有頁面的切換都是在母頁面上實現的，url並沒有發生變化。要是大家還不知道是怎麼回事，那就下載demo看運行效果吧，一看便知。　　　

　　今天文章的內容是關於使用jquery的animate方法，修改html元素的position屬性，建立一個圖片走廊。效果預覽圖片：　　大家可以下載demo看完整效果，下面介紹製作過程。　　1.首先建立一個html頁面，html結構如下：<div id="slider"> <div id="viewer"> <img id="image1" src="img/amstrad.jpg" alt="Amstrad CPC 472"

　　當你建立一個Controller的同時也產生了一個jquery外掛程式，他可以完成以下功能：1.在一個或者一些html元素上產生Controller；2.調用建構函式；3.更新Controller。　　來看下面Controller的例子：$.Controller("My.Widget",{ say : function(){ alert(this.options.message); }})　　建立了一個名叫jQuery.fn.my_widget的外掛程式，你可以這樣使用它：//

　　今天我們來完善twitter應用。首先回到昨天的例子。var express = require('express')var app = express()app.get('/', function(req, res) { res.send('Welcome to Node

　　1.異常處理　　在我們進行代碼開發的時候，異常的捕獲處理是一個不能忽略的話題，那麼怎麼才能捕獲到node中的異常呢？或許你最先想到的是try/catch的使用，如下例：var http = require('http')var opts = {　　host: 'sfnsdkfjdsnk.com',　　port: 80,　　path: '/'}try {　　http.get(opts, function(res) {　　　　console.log('Will this get called?'

　　JavaScriptMVC的Model的相關外掛程式提供了很多工具用來更好的組織模型資料，例如驗證、關聯、列表等。但是更核心的功能是服務封裝、類型轉換和事件。 　　屬性和可觀察性　　對於模型層最重要的就是擷取和設定模型的屬性，還有就是監聽模型執行個體得變化。可以使用觀察者模式解決這一問題，MVC使用視圖去監視模型的改變。　　javascriptMVC很容易實現這種可觀察性。一個很好的例子就是分頁，在一個頁面中經常存在好幾個分頁控制項，一個控制項提供上一頁和下一頁的按鈕，另一個控制項提供當前頁

　　建立大型應用的秘訣就是從來不建立大的應用，而是把你的應用建立成一個個的小塊，然後把這些可測試的小塊代碼彙集到你的應用中。JavaScriptMVC

　　今天我們要介紹的jquery動畫效果是，當移動滑鼠或者按鍵盤的左右鍵時，圖片走廊中的圖片向相應方向轉動。　　先來看張，教程最後附有demo，大家可以下載。　　首先要做的工作是建立html文本。<div id="proximity"> <img src="img/proximity1.jpg" alt="CH-47 Chinook" /> <img src="img/proximity2.jpg" alt="Mi-24W" />