WOFF是包含在W3CHTML5草案中的Web字體標準，如果你的頁面需要使用到特殊的字體，那麼你可以使用CSS的@font-face指令來嵌入Web字體。

使用方法：

@font-face {
	font-family: 'SimYou';
	src: url('SIMYOU.TTF.woff');
}

body{ font-family: 'SimYou';}

瀏覽器對WOFF的支持情況：

• Chrome 6+
• Safari 5.1+
• Firefox 3.6+
• IE 9+
• Opera 11.1+

可以將TTF轉換為WOFF，使用工具下載：

• Windows版
• Mac版

參考： http://webdesign.about.com/od/fonts/a/woff.htm

之前在做手機端的東西時，使用到了一張比較大的背景圖片，尺寸是2400×1280，然後就發現iOS上canvas在裁切時總是發生錯誤，查了半天後發現背景圖的寬高被縮小到1200×640。遂向群友詢問，得到一官方答案：

The maximum size for decoded GIF, PNG, and TIFF images is 3 megapixels for devices with less than 256 MB RAM and 5 megapixels for devices with greater or equal than 256 MB RAM.

That is, ensure that width * height ≤ 3 * 1024 * 1024 for devices with less than 256 MB RAM. Note that the decoded size is far larger than the encoded size of an image.

全文鏈接如下：
https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html
但實際情況有所不同，我的圖片只要超過2x1024x1024就會被縮小，就算文件只有幾十K。
所以解決的方法就是不要使用太大的圖片，把一張大圖分成幾個小圖再拼起來。 閱讀更多 »

Canvas要做諸如rotate，scale等的變形時，都要在drawImage之前調用對應的方法，這讓它們管理起來很不方便。
主要是如果建立一個類來保存變形參數的話，他們在drawImage之前不會被應用到Canvas上， 而drawImage又需要把用到的圖片，坐標等參數也一同傳遞進來。
於是想在drawImage發生前，讓canvas自已調用對應方法來完成變形。 閱讀更多 »

當頁面響應用戶一個動作時就會有事件，但事件不僅限這些，有了事件我們才可以很好地去響應某個動作。
在標準瀏覽器裏，事件被作為函數的最後一個參數被傳入到響應事件的函數中，而在IE中則是通過window.event對象來訪問的。對於不同瀏覽器，event的操作都有些區別，於是我們首先需要一個跨瀏覽器操作event的方案。 閱讀更多 »

1.構造函數繼承

function SuperType(){
	this.name = 'perter';
}
function SubType(){
	SuperType.call(this);
}
var subInst = new SubType();

使用這種方式，原型中的方法不會被繼承。 閱讀更多 »

1.創建類的方式

1.1.工廠模式

function createPerson(name){
	var o = new Object();
	o.name = name;
	o.sayHi = function(){alert('Hi');};
	return o;
}

var person = createPerson('perter');

工廠模式的弊端：無法確定類的類型。 閱讀更多 »