陸續看到兩個介紹Backbone的投影片—JSDC上的Refactor with Backbone.js，以及在slideshare看到的Javasciprt Application Architecture with Backbone.js，一時手癢就想自己也來做一個介紹JavascriptMVC的投影片丟到Slideshare。

目前Slideshare上跟JavascriptMVC有關的投影片有：

• Using JavascriptMVC
• Event oriented architecture and client side applications
• Organizing Code with JavascriptMVC
• CanJS

比起Backbone實在差太多了…而且有些還是過時的資訊。

姑且先整理一下之前的Javascript簡介投影片丟上去，下個目標預計是寫一個完整的建置範例，不過目前還沒有想到主題。

5/19(六)有幸參加台灣第一屆Javascript開發者研討會，簡單寫一些感想。

最近遇到一個問題，原本開發時看起來沒問題的網站，到了測試人員手中變得不堪一擊：包括出現JSON is undefined的script error alert，以及各種css錯亂問題。問過IE版本之後確實跟自己在用的同樣都是IE8沒錯。

後來發現一條線索：當網際網路選項->安全性中將某個網站加入近端內部網路區域清單內的話，安全等級為何都會觸發上面那些怪bug。

Instantiation

這篇開始先跳出JMVC，從語言來看物件化，類別化，初始化這幾件事。

fnText Magic

上一篇忘了提這個很特別的function

fnTest = /xyz/.test(function() {
    xyz;
}) ? /\b_super\b/ : /.*/,

//after several lines

prototype[name] = typeof prop[name] == "function" && typeof _super[name] == "function" && fnTest.test(prop[name]) ?

大概可以推測他想做的是從字串找到._super，但是那個詭異的fnTest實在不容易懂。

前言

這系列文章將從javascript patterns的角度來看javascriptMVC的實作方式。

藉此更了解jsMVC的架構，以及javascript的語言特性。

最初的$.Class

javascript有許多種關於類別繼承的實作方式，jMVC中的$.Class實作來自於http://ejohn.org/blog/simple-javascript-inheritance/

jQuery 1.6開始animation也支援Deferred操作了!

$.when($('#timeline').animate({ left: 100 }),  $.ajax({
    url: 'fake.json', dataType: 'json'
})).done(function(){
    $('#result').text('done!');
});

測試用的jsfiddle：

前言

同事在做一個Excel的應用，主要使用VBA， 這語言真是一個十年沒長進的東西， 不過我嘗試做了一個網頁，讓VBA可以透過Office內建的WebBrowser元件跟網頁之間互相溝通， 以達到利用Excel表格內容控制網頁行為的效果。

網頁 –> Excel

其實能用的方法很少，我想到的是利用TitleChange， 把網頁要告訴Excel的訊息寫進document.title，這樣Excel內的WebBrowser會觸發TitleChange

Private Sub WebBrowser1_TitleChange(ByVal Text As String)
    If Text <> "loading" Then
        ...
    End If
End Sub

Excel –> 網頁

Excel可以去寫某個DOM的內容，寫完之後可以去操作某個按鈕讓網頁知道訊息寫完了

ActiveSheet.WebBrowser1.Document.getElementById("excel").innerHtml = "test"
ActiveSheet.WebBrowser1.Document.getElementById("import").Click

• 本文來自https://github.com/jrburke/gaia-devserver

• 安裝Node

1

PKG: [https://sites.google.com/site/nodejsmacosx/](https://sites.google.com/site/nodejsmacosx/)

1. 安裝Firefox Nightly Build
2. 修改/etc/hosts加入

1

127.0.0.1     gaiamobile.org

1. 安裝gaia

1
2
3
4
5
6
7
8

mkdir b2g
cd b2g
git clone git://github.com/andreasgal/gaia.git
git clone git://github.com/jrburke/gaia-devserver.git
cd gaia
GAIA_DOMAIN=gaiamobile.org:8424 make
cd ..
node gaia-devserver/devserver.js docRoot=gaia/apps

1. 啟動Firefox Nightly

1

/Applications/FirefoxNightly.app/Contents/MacOS/firefox -profile /Users/alive/b2g/gaia/profile --no-remote http://homescreen.gaiamobile.org:8424

1. 開新分頁about:config，把browser.offline-apps.notify設成false
2. 加入一個新的Boolean設定值名為dom.w3c_touch_events.enabled設成true
3. 完成了！

簡介

既然都做解題程式了，乾脆連出題程式也作一下吧

命名

Eimorhc是Chromie的倒字。（本人極愛倒字） Chromie是解題者，出題者當然是要倒過來囉。

實作細節