BLACKBING

筆記一下：最近在研究KML，發現他的color format 有點奇怪，例如

<LineStyle>
<color>d90000ff</color>
    <width>6</width>
</LineStyle>

翻了一下KML的spec, 才發現原來他的color format是ABGR，而不是一般網頁使用的RGB，因此我寫了一個小function來轉換

var transKMLColorToARGB = function(color){
        var abgr = [];
        for(var i=0; i<color.length; i+=2){
                abgr.push(color.substring(i, i+2));
        }
        return [abgr[0], abgr[3], abgr[2], abgr[1]];
};  
//get argb array
var argb = transKMLColorToARGB('5014B4F0');
var color = '#'+argb.slice(1).join('');//#F0B414
var opacity = ((parseInt(argb[0], 16)+1)/256).toFixed(2);//0.32

O3D這個東西大約在一年前google 就release出來了，雖然效能還比不上flash，但相信以javascript的執行效能不斷攀升且各家大廠相繼投入的成果，一定會促使著3d WEB蓬勃發展的，以下紀錄一些目前為止的相關資訊。

• 有關O3d的介紹可以參考droger的文章： Google 發表跨平台O3D Web瀏覽器3D技術
• O3D plugin 下載
• google O3D API
• O3D game DEMO：
  • http://blog.largeanimal.com/demo/
  • O3D Home Designer
    

目前測試過的結果：在windows上裝了plugin之後可以在IE和firefox上運行，而windows版的chrome4.0版以上可以直接運作，而linux上的版本我還在嘗試build起來，之後有測試結果在做報告。

WEB 2D的發展已經愈來愈成熟了，SVG和canvas幾乎是複雜的2D處理的首選，也可以做到複雜的動畫處理。而O3D的出現，加快了WEB3D的發展，這應該也有助於未來chrome OS的推動，但是要吸引廠商來做相關應用程式的開發也還要在觀望，畢竟chrome OS在市場上的定位還是比較獨特的，如何擴大市場也是個難題。

前端程式越搞越複雜，接踵而至的問題越來越多，雖然瀏覽器的效能不斷地提昇，但是只要IE6沒被淘汰的一天，網頁程式設計師永遠要替IE6補洞，Memory Leak是一個非常難搞得議題。關於微軟的官方說法可以參考Understanding and Solving Internet Explorer Leak Patterns，裡頭有詳細說明IE6會如何發生memory leak的情況。發生memory leak的徵狀就是：記憶體不斷飆上去，就算reload頁面，記憶體也不會被釋放，除非關掉瀏覽器。

在此不介紹為何為引發memory leak，因為我覺得這是瀏覽器應該要處理的問題，要拿出來講只是因為IE6沒辦法處理好罷了，雖然其他瀏覽器也並不是沒有這個問題，但是至少問題都沒有這麼嚴重，因此只需要針對IE6來處理即可。以下是我整理出幾種比較好的處理方式： More »

jQuery有個很方便的function：toggle，可以讓元素做指定的切換動作，若不指定任何參數，則可以讓元素做很簡單的隱藏、顯示的切換，很是方便。If they are shown, toggle makes them hidden (using the hide method). If they are hidden, toggle makes them shown (using the show method). 但今天突然發現在針對大量元素的隱藏顯示時，這個function效能很差。 More »

做專案時常常因為路徑問題而困擾，因為現在用的路徑很可能到另一個環境就有大幅度的變動，寫前端程式的時候更常遇到這個問題，當然每個人都會把路徑獨立出來成一個變數，到時候若要改的話只要改個變數即可，但像CSS的url command就可以讀相對路徑，因此路徑只要指向相對路徑即可，就算環境換了也不用改任何程式。因此如果每一隻script都可以知道自己被include的Root路徑，需要指定路徑的地方就只要根據這個Root路徑來做相對路徑即可。例如一隻js檔裡頭需要動態產生圖片，那麼就會需要用到這個相對路徑。 More »

事情是這樣的，safari4隆重推出之時，號稱是世界上最快的javascript engine:松鼠魚，我就很開心的給他下載下來玩玩看，結果，原本在safari2, 3都正常的頁面，竟然在safari4掛掉了，OK，這可是個大問題，於是我開始想辦法debug。頭一個就遇到問題，我想辦法要打開safari4的debug mode，但是怎樣試都找不到，雖然後來google 有找到windows版本的方式:Enable Debug Mode in Safari4，終於讓develop menu出現了，但是….裡頭的選項我怎麼點都沒用！！ More »

IE8很快的又要release 正式版了，雖然也是宣告可怕的夢魘再度降臨，不過能看到IE還在繼續打這場瀏覽器大戰也是一件好事，當然能夠早點把IE6給淘汰掉才是真正大快人心。不過在看了IE8的特色之後，覺得這次他們真的有痛下決心要跟其他瀏覽器抗衡了。以下是我覺得不錯的特色： More »

javascript程式

javascript程式應該獨立成js檔被include進來，盡量不要將javascript code 與embade在HTML裡頭，這麼一來無法利用cache或壓縮，將來要維護也不容易。 盡量將引入的javascript放到HTML的最後，將會減少載入script的延遲。 script標籤裡頭不需要使用lauguage, type屬性。 More »

有時候有些網頁不需要在一開始就載入urmap api，有可能是使用者觸發某個動作才要顯示地圖，這時候用原本取得API的方式(document.write)就無法作到include on demand，因此我寫了一個小程式，經過壓縮之後只有1.6kb。接下來你只要呼叫 More »

javascript是一個弱型態的語言，不像JAVA、C#等對變數型態有非常嚴謹的定義，而且一般在編譯階段就會發現型態的錯誤，讓開發者避免一些不 必要的型態錯誤。而Javascript為script語言，因此必須在執行階段才會知道錯誤，雖然目前有一些工具可以輔助你開發時幫你檢查是否有 javascript型態錯誤或者語法錯誤，例如Douglas Crockford的JSLint，就是一個非常棒的Javscript verify tool， 雖然你可以依靠這些工具輔助你 在撰寫Javascript時避免一些不必要的錯誤，但是若你打開一些Framework的原始碼，你會發現一大堆利用javascript弱型態的特性 簡化程式碼的小技巧，當然，你可以選擇不使用者些技巧，但是你卻不能不瞭解有這些特性的存在。 More »