如果你在 3 月 23 日左右升級了 compass，你可能會遇到這樣的錯誤：

What’s JX.Animate

• JX.Animate 官網：http://alloyteam.github.io/JXAnimate/

網上的教程好復雜，我寫一個簡版的。

手邊有一臺 iMac，聽說 cocos2d 比較流行就想嘗試一下。

首先到官網看文檔，http://www.cocos2d-x.org/wiki

看了 2 天，完全不知所云。我想再 mac 上開發 ios 版本的，結果大部分都是 android 相關的，或這 windows 平臺的內容。先看看下載的安裝包吧。

下載的 2.2 版本，里面真是程序猿風格，一篇文檔說明都木有。既然文檔沒用就自己試吧。

進入 samples/Cpp/HelloCpp/pro.ios/目錄找到一個 Xcode 的工程文件。雙擊打開，然后運行，居然沒有報錯，順利打開模擬器，還能運行。

小米又做了一個成功的營銷。在首頁上放了 7 個三色的小米隨身 WIFI 圖片，每個圖片是一個琴鍵，各代表一個音節，按照提示可以彈出《鈴兒響叮當》。然后就出現了小米 WIFI 的預訂頁面。

這個頁面估計又要在微博、微信中瘋轉了。小米的互聯網營銷技巧實在是無法望其項背。所以這里就談談技術實現吧。

最近在更新 JX.Animate 的 Demo，我想讓首頁的美女圖動起來。用的是 Canvas 實現的，過幾天大家就可以看到一邊移動一邊縮放的效果了。

在切換圖片的時候，過場動畫是用 m×n 個 div 的 CSS3 動畫實現的。此時 div 上顯示的圖片必須要和 Canvas 大圖上的一致。

之前是用圖片 url 設置 div 背景的方式實現的。于是很自然的想到可以通過 Canvas.toDataURL() 獲得一個 DataImageURL，然后沿用原來的邏輯就行了。

現實永遠是骨感的。

DataImageURL 字符串必然是一個巨長無比的字符串，用這么長的字符串進行 m×n 次的 DOM 操作，結果就是一場災難。

最近在學習HTML5 和 CSS3，印象最深的是 CSS3 的動畫功能，不僅有瀏覽器原生支持，執行效率高，而且免去在 js 中自己管理 timer。

本來想寫一個圖片輪播器練練手，結果在網上發現一個國人寫的開源的圖片輪播器。不僅效果很酷，而且是“女神級” 的。什么？你問是不是妹子寫的？這個我不知道，我說的是這個 Demo 中的圖片都是女神呀，性感火辣，豐滿嫵媚……咳咳，回正題。

我覺得 CCS3 的 transform 中的學問很深，可以出不少面試題了，之前的文章談到過 perspective 屬性的位置問題，我們今天看看 rotate 的順序，首先看看下面兩個 CSS3 的 keyframe 動畫：

兩個動畫的起始狀態和結束狀態都是是一摸一樣的（其實就是原始位置），不同的只不過是 rotate 和 rotateX 的順序。但是動畫效果卻有驚人的差別。

以下兩行語句有什么區別？

如果大家不清楚，請聽我娓娓道來。

CCS3 中的 Transform 是設置界面樣式和動畫的一大利器。而且在 Chrome 和 FF 中還支持 3D 變換。IE9 不支持，IE10 支持。