其他

　　今天我們要用canvas製作一個猜字母的小遊戲，先來張。　　遊戲設計很簡單，系統會隨機從a-z的26個字母中選擇一個儲存起來，你鍵盤輸入一個字母，系統會提示你正確字元比你當前輸入字母小還是大，直到你輸入正確的字母遊戲才結束。　　下面介紹js代碼中需要用到的一些變數及其他們的含義，系統會在開始的時候初始化這些變數。guesses：使用者猜字母的次數；message：協助玩家如何玩遊戲的說明；letters：儲存26個英文字母的數組；today：目前時間；letterToGuess：系統選中的字

　　FuncUnit整合了 Selenium 和 PhantomJS，使用類似於jquery的語言實現對web工程的自動化測試。FuncUnit使用QUnit來組織測試和斷言，但他擴充了QUnit，你可以實現下面的工作：1.[FuncUnit.open]開啟一個頁面。2.查詢元素。3.類比使用者操作。4.狀態等待，直到他為true。5.得到你頁面的資訊，運行斷言。6.在瀏覽器中運行測試。7.整合了瀏覽器自動化測試盒build工具。 　　建立測試　　QUnit提供了基本的寫單元和功能測試的基本結構

　　今天要介紹的兩個模組分別是assert和vm，下面我們就分別介紹。　　使用assert做測試　　node中，我們可以使用assert模組來測試代碼。equal()和notEqual()分別作相等性和不等性的判斷，第一個參數是期望值，第二個參數是真實值，第三個參數是異常資訊，例子如下：var assert = require('assert');assert.equal(1, true, 'Truthy');assert.notEqual(1, true,

　　從今天開始介紹javascriptMVC官網上的教程系列文章。如果你英文還不錯，建議你還是看官網上的資料。因為我英文能力有限，很多知識因不知如何翻而被忽略，有些則是翻的不夠準確。此外，我也是剛接觸這個架構，感覺官方教程中對jmvc使用的方式可能和我們實際項目所要用到的方式相差甚遠，等我完全掌握jmvc相關知識後打算推出一個自己版本的教程。官網地址：http://www.javascriptmvc.com/docs.html#!tutorials。　　　　該系列包括如下章節：　　1.快速開始　

　　從今天將開始一個全新的課程，是我學習javascriptMVC的總結。課程來源是javascriptMVC的官方網站：http://www.javascriptmvc.com。關於javascript MVC理論方面的書籍是《基於MVC的JavaScript Web 富應用開發》，他的英文原版是《JavaScript Web Applications》。我讀過兩遍，個人覺得書還是相當不錯的，可以提高你對javascript

　　測試使用者操作　　問題　　那些依賴於使用者操作的代碼，不能通過執行函數來測試。通常元素的事件使用非同步函數，例如click，這些需要類比。　　解決方案　　 你可以使用jQuery的 trigger()方法來觸發事件，然後測試預期的行為。如果你不想瀏覽器事件被觸發，你可以使用triggerHandler()來執行事件相關方法。這對於測試連結的click事件是有協助的，因為trigger()可能會使瀏覽器改變地址欄資訊，這恐怕不是測試過程中想要發生的。假設我們有一個簡單的KeyLogger需要測

　　我們將通過建立名叫todo的應用程式來介紹javascriptMVC各項準系統。　　　　擷取JavascriptMVC　　你可以通過下載或者使用git的方式得到JavascriptMVC，：https://github.com/downloads/jupiterjs/javascriptmvc/javascriptmvc-3.2.4.zip。他由四個子項目組成，一旦你獲得javascriptMVC，你將會得到下面的目錄結構，目前的目錄就是根目錄：documentjs -

　　今天看qunit原始碼，發現一段很奇怪的代碼，雖然能領會他的意思，但是不明白雙驚嘆號起到的作用。function id( name ) { return !!( typeof document !== "undefined" && document && document.getElementById ) && document.getElementById( name

　　從今天開始，我們將開始一個關於html5 canvas的系列課程。這個系列是我讀《HTML5 Canvas：Native Interactivity and Animation for the

　　StealJS是一系列命令列和javascript用戶端工具，他能使建立、打包盒分享javascript應用更容易。下面我們就看看他有哪些特性。 　　依賴管理（steal）　　steal載入js、css、用戶端模版等檔案到你的應用程式。例子：steal('widgets/tabs.js', './style.css', function(){ $('#tabs ).tabs();

　　$.Model.List管理一組model的執行個體，就像$.Model一樣，他被用來做下面的任務：1.當列表發生改變的時候建立事件；2.為多個執行個體上做ajax響應；3.為多個執行個體建立協助函數。　　　　1.建立一個List類　　為$.Model建立一個$.Model.List類很簡單，像這樣：$.Model('Todo')$.Model.List('Todo.List',{ // 靜態屬性},{ //

　　今天介紹的是DNS和加密相關的api。　　DNS　　dns包括兩個主要的方法：resolve()，把網域名稱轉換成dns記錄；reverse()，把ip地址轉換成網域名稱。　　dns.resolve()包括三個參數：網域名稱，記錄類型和回呼函數。var dns = require('dns');dns.resolve('yahoo.com', 'A', function(e,r) {　　if (e) {　　　　console.log(e);　　}　　console.log(r);} );　　

　　node一個重要任務是用來建立web服務，接下來我們就學習與此相關的一個重要的api -- http。我們使用http.createServer()建立一個http服務的執行個體，用來處理來自客戶的請求。http模組包含一些重要的內容，下面我們就來學習。　　　　http伺服器　　我們先來看一個簡單的例子，如何建立一個簡單的伺服器。require('http').createServer(function(req,res){　　res.writeHead(200, {});　　res.end(

　　今天開始一個全新的關於html5系列課程，是我讀《The Definitive Guide to HTML5 》的學習筆記。我會把自己覺得裡面不錯的章節，或者有意義的內容進行整理，以供大家學習。　　一個元素可以定義自己的屬性，比如a標籤定義href屬性，這種叫局部屬性（local attribute）。相對應的我們可以通過全域屬性（global

　　今天要介紹的是走馬燈效果的製作，如下，頁面中‘Recent Posts’就是走馬燈部分。　　　　現在我們介紹如何製作走馬燈，首先定義html頁面結構。<div id="outer">　　<header>　　... 　　</header>　　<article>　　... 　　</article>　　<aside>　　...

　　steal是一個協助你載入js，css和其他資源到你應用程式的函數。steal(FILE_or_FUNCTION, ...) 　　建構函式　　所需載入的資源以參數方式傳入，一個檔案一個參數。預設情況下，檔案以並行的方式載入，不按照固定順序執行。new steal(resource...) -> steal　　Resource：{String|Function|Object}1.Object：規定需要載入和建立的資源的行為，如：steal({ src: "myfile.cf",

　　jqueryMX是由一系列有用的jquery類庫組成，他可以協助你開發大規模的jquery應用。jqueryMX的每一部分都可以獨立使用，這樣可以使你的應用程式更輕量化，而且$.String, $.Class, $.Model, $.View, $.Controller 等類庫壓縮以後也只有7kb。　　如果你使用steal，你可以像這樣去載入你需要的外掛程式：steal('jquery/controller', function(){

　　使用模板，view將會為你提供統一的介面，當模板引擎註冊他們自己的時候，你可以做下面的事情：1.使用jquery的擴充方法，如：after, append, before, html,prepend, replaceWith, text 來操作view。2.從html元素或者外部檔案載入模板。3.同步或者非同步模板載入。4.延遲渲染。5.模板緩衝。6.在產品中綁定處理過後的模板。7.在模板中直接連結jquery外掛程式。 　　1.建構函式　　我們有很多事情需要做，查詢範本、處理它、緩衝它、載

　　雖然node對作業系統做了很多抽象的工作，但是你還是可以直接和他互動，比如和系統中已經存在的進程進行互動，建立工作子進程。node是一個用於事件迴圈的線程，但是你可以在這個事件迴圈之外建立其他的進程（線程）參與工作。　　進程模組　　process模組允許你獲得或者修改當前node進程的設定，不想其他的模組，process是一個全域進程，你可以直接通過process變數直接存取它。　　process實現了EventEmitter介面，exit方法會在當進程退出的時候執行。因為進程退出之後將不再

　　I/O是使node與其他架構與眾不同的很重要的一個部分，本章將解釋它是如何?node非堵塞I/O的。　　Streams　　stream api是一個抽象介面，他協助node中很多部分實現不間斷輸入和輸出的操作。stream api為它的實作類別提供了一些通用的方法和屬性，streams可以是可讀的、可寫的或者兩者都是，並且他們都實現了EventEmitter，可以emit事件。 　　可讀streams　　可讀streams提供了一系列的方法和事件，使我們可以對資料來源的資料進行訪問。基本上，