Jump to navigation
2008-07-05
"No longer Browser Detection"
"But Bug Detection":
A browser sniffing warning: The trouble with Acid3 and TinyMCE
這是一個Opera和TinyMCE (WordPress及一大票Web Application用的Rich Text Editor)修正錯誤的拚搏故事
Bug的詳細請自己爬原文，唯一一點值得注意的是Bug的成因和這個成因和Opera Team的關係。
其實那個Bug的成因和Acid3有關－因為TinyMCE的Coding和Acid3有所抵觸，所以在Opera 9.5上出事 (Acid3 Passed)。最簡單的方法是用Browser Detection/Sniffing (先檢查瀏覽器的版本再執行相應的JS)，但Opera方面看到似乎是所有Acid3 Passed的Browser都會有此問題...
是以，為了避免TinyMCE陷入無限改版迴圈，Bug Detection就這樣子出來了:
Definition:
先用Test code抓出現時環境有沒有Bug來再執行修正版的JS
Pros:
1. 容易維護
2. 不用做Browser Detection
Cons:
1. Coding麻煩
2. 又多了一點overhead
要不要用見人見智了~
===================
其實Bug Detection根本是Exception Handling的再包裝XD
... A browser sniffing warning: The trouble with Acid3 and TinyMCE
這是一個Opera和TinyMCE (WordPress及一大票Web Application用的Rich Text Editor)修正錯誤的拚搏故事
Bug的詳細請自己爬原文，唯一一點值得注意的是Bug的成因和這個成因和Opera Team的關係。
其實那個Bug的成因和Acid3有關－因為TinyMCE的Coding和Acid3有所抵觸，所以在Opera 9.5上出事 (Acid3 Passed)。最簡單的方法是用Browser Detection/Sniffing (先檢查瀏覽器的版本再執行相應的JS)，但Opera方面看到似乎是所有Acid3 Passed的Browser都會有此問題...
是以，為了避免TinyMCE陷入無限改版迴圈，Bug Detection就這樣子出來了:
Definition:
先用Test code抓出現時環境有沒有Bug來再執行修正版的JS
Pros:
1. 容易維護
2. 不用做Browser Detection
Cons:
1. Coding麻煩
2. 又多了一點overhead
要不要用見人見智了~
===================
其實Bug Detection根本是Exception Handling的再包裝XD
V!c
Permalink
0 Comment
The Web Code
02:122008-07-05
Javascript Library Benchmark
Test 1:
JQuery vs Prototype vs Mootools - Speed Test
Test 2:
http://ejohn.org/blog/library-loading-speed/
其實結果滿明顯的-Javascript的行為基本上符合 Interpret Language的行為
1. evaluate time受program size影響+browser (Interpreter)影響
2. download time也受program size影響
所以...如果小程式動用JS Library那個overhead實在太勁了
而且對於Mobile User或Standard以外的Browser(如IE)，JS Library的Performance也有點慘不忍睹(看看IE和FF3的差距...)
當然JS加速是有方法:
基本加速法
其實如果JS可以Cache就天下太平，於是有人祭出了邪惡的window.name，還要做成Library:
JS Caching Library: jUIpt
(原理和JSON及window.name的邪惡屬性有關－用JS做storage，再用window.name的persistence+可以塞JS配合做storage/cache....)
JQuery vs Prototype vs Mootools - Speed Test
Test 2:
http://ejohn.org/blog/library-loading-speed/
其實結果滿明顯的-Javascript的行為基本上符合 Interpret Language的行為
1. evaluate time受program size影響+browser (Interpreter)影響
2. download time也受program size影響
所以...如果小程式動用JS Library那個overhead實在太勁了
而且對於Mobile User或Standard以外的Browser(如IE)，JS Library的Performance也有點慘不忍睹(看看IE和FF3的差距...)
當然JS加速是有方法:
基本加速法
其實如果JS可以Cache就天下太平，於是有人祭出了邪惡的window.name，還要做成Library:
JS Caching Library: jUIpt
(原理和JSON及window.name的邪惡屬性有關－用JS做storage，再用window.name的persistence+可以塞JS配合做storage/cache....)
2008-07-04
Nvidia: 大量的上一代筆電 GPU 有瑕疵...
這個上一代應該就是用在Notebook上8000 Family(8400、8500、8600)，而那個瑕疵就是GPU會過熱提早死亡=_=:
Nvidia 說「大量的上一代筆電 GPU 有瑕疵」，股價隨即自由落體
現在只能夠用Driver叫風扇早點開來散熱，Notebook是用8000的用家快點更新Driver
Nvidia 說「大量的上一代筆電 GPU 有瑕疵」，股價隨即自由落體
現在只能夠用Driver叫風扇早點開來散熱，Notebook是用8000的用家快點更新Driver
IE 8: We are serious about SECURITY
看樣子IE是受夠了當Web Attack的標靶，在IE 8加了一大票Filter:
IE8 showing how serious it is about security
有些功能/UI滿像FF 3的，但也有實用的新功能(展示IP、Cert owner info等)。
總之
1. IE 8和FF3是誰抄誰已經分不清楚
2. IE 8絕對會令Javascript programmer更為抓狂
3. 這樣的IE 8只會愈來愈神經質......以致天下browser向神經質的方向發展
IE8 showing how serious it is about security
有些功能/UI滿像FF 3的，但也有實用的新功能(展示IP、Cert owner info等)。
總之
1. IE 8和FF3是誰抄誰已經分不清楚
2. IE 8絕對會令Javascript programmer更為抓狂
3. 這樣的IE 8只會愈來愈神經質......以致天下browser向神經質的方向發展
2008-06-30
iPhone @ 3 HK
蘋科技：3 香港公佈 3G iPhone 資費方案！
兩年約，月費HKD $188起跳(500[網外]+500[網內]分鐘，此時8GB機價為HKD $3000)
除最貴的Plan是無限上網外，3G網絡月流500MB，之後每KB HKD $0.01－Endadget那邊算過，至少要HKD$7500才可以脫身.....
外加
1. 須使用信用咭自動轉賬
2. 沒有視像電話功能
3. 不支援藍芽轉送數據 (耳機除外)
4. 只設在網上售賣，不設門巿
5. Plan全球最平(德國$10656，其他不用說....)
============
算了...手機還是買SE的算了
兩年約，月費HKD $188起跳(500[網外]+500[網內]分鐘，此時8GB機價為HKD $3000)
除最貴的Plan是無限上網外，3G網絡月流500MB，之後每KB HKD $0.01－Endadget那邊算過，至少要HKD$7500才可以脫身.....
外加
1. 須使用信用咭自動轉賬
2. 沒有視像電話功能
3. 不支援藍芽轉送數據 (耳機除外)
4. 只設在網上售賣，不設門巿
5. Plan全球最平(德國$10656，其他不用說....)
============
算了...手機還是買SE的算了
2008-06-27
強者的色彩校正法:小畫家!
2008-06-24
Firefox 3 Theme Showcase
本文對象:
1.極討厭FF 3預設的Strata，想找回2.0時代的感覺的FF 3用家
2.不想自己狂試theme的FF 3用家
3.不想upgrade了沒theme用的FF 2用家
目的:
就不過是介紹一下Firefox 3上可以但沒有那個難看的瀏覽工具列的Theme而已。看自己需要試theme會快一點吧?
[看圖就算派]
→→→預覽頁
(要另開一頁很抱歉，但我沒辦法塞external的圖片啦....)
[還我正常的瀏覽工具列]
傳統型
- Qute 3.3.4
最最最接近FF 2的Theme，無論icon大小、tab style上都和FF 2極為接近
- Phoenity Aura 0.3
在4:3的mon上看icon會有點窄窄的感覺...這個的icon更傳統
FF 2時代的老人
- Abstract Classic 3.0.1
和FF 2的Abstract PC一樣，Candy Style，大icon大spacer以致wide screen用家的height被進一步剝削
簡約王道
- Smoke 3.0
簡約+大icon之選，唯一缺點是tab style和toolbar之間的"隱形"分隔線
[小圖示瀏覽工具列正常就好]
- TrafficFox 1.2.1
最惡搞的FF 3 theme，小圖示時是傳統大小，icon是交通標誌，tab icon是交通燈號，但tab loading時一閃一閃的實在受不了...
- Vista on XP 1.0/XP on Vista
另一個惡搞FF 3 theme，風格對調(Aura vs Luna)，同樣小圖示時是傳統大小，tab也很傳統，如果是小圖示的
===================
注意事項:
1.有部分Theme會另開新Add-on id(如Smoke、Abstract)，你要自己把舊版移除
2.FF 2的Theme和FF 3 Theme是本質上不相容的
1.極討厭FF 3預設的Strata，想找回2.0時代的感覺的FF 3用家
2.不想自己狂試theme的FF 3用家
3.不想upgrade了沒theme用的FF 2用家
目的:
就不過是介紹一下Firefox 3上可以但沒有那個難看的瀏覽工具列的Theme而已。看自己需要試theme會快一點吧?
[看圖就算派]
→→→預覽頁
(要另開一頁很抱歉，但我沒辦法塞external的圖片啦....)
[還我正常的瀏覽工具列]
傳統型
- Qute 3.3.4
最最最接近FF 2的Theme，無論icon大小、tab style上都和FF 2極為接近
- Phoenity Aura 0.3
在4:3的mon上看icon會有點窄窄的感覺...這個的icon更傳統
FF 2時代的老人
- Abstract Classic 3.0.1
和FF 2的Abstract PC一樣，Candy Style，大icon大spacer以致wide screen用家的height被進一步剝削
簡約王道
- Smoke 3.0
簡約+大icon之選，唯一缺點是tab style和toolbar之間的"隱形"分隔線
[小圖示瀏覽工具列正常就好]
- TrafficFox 1.2.1
最惡搞的FF 3 theme，小圖示時是傳統大小，icon是交通標誌，tab icon是交通燈號，但tab loading時一閃一閃的實在受不了...
- Vista on XP 1.0/XP on Vista
另一個惡搞FF 3 theme，風格對調(Aura vs Luna)，同樣小圖示時是傳統大小，tab也很傳統，如果是小圖示的
===================
注意事項:
1.有部分Theme會另開新Add-on id(如Smoke、Abstract)，你要自己把舊版移除
2.FF 2的Theme和FF 3 Theme是本質上不相容的
Firefox3的Easter Egg
2008-06-23
Code_Swarm: Visualization of Development
以下短片展示的是Software Development的演化過程－File和Commiter的關係
(by Michael Ogawa)
Apache
PostgreSQL
Pyhton
Eclipse (short ver.)
以上影片都是用code_swarm搞出來的，HD版及Project詳情見vidi home,Google Code: code_swarm
(by Michael Ogawa)
Apache
PostgreSQL
Pyhton
Eclipse (short ver.)
以上影片都是用code_swarm搞出來的，HD版及Project詳情見vidi home,Google Code: code_swarm
2008-06-22
文字處理挑戰賽，Ruby是大輸家? Wide Finder Project
Problem statement:有個blogger(嗯，他叫Tim Bray)想從apache log file (httpd log)中的request uri找出最多人光顧的頁面(GET request)
而他的blog的url是這個格式:
http://www.tbray.org/ongoing/When/200x/2007/10/30/WF-Results
問題很簡單，但他不是持續統計而是一次過算－這麼冗長的網址搞出來的log file和program的tmp data有夠多
測試環境: Sun Fire Machine，1.x GHz CPU (8~32 cores)，32/64GB Ram，Solaris (ZFS)
結果:
Round 1 Result
*這次只有1GB Data
*Round 1因為一堆技術性問題所以C/C++，Java統統跑不到
*PHP、Ruby統統一分鐘以上: 詳細比較
*Perl是贏家
Round 2 Result
*進行中
*45GB Data，絕對不夠塞Ram
*C, C++, Java, awk都可以參賽.......總之參賽者可以要一個account自己set enviroment
*目前戰況
-Ruby仍然是輸家
-Perl和Python似乎遇到麻煩，penalty不小(因為Data不是全部塞在Ram內)
-OCaml是什麼怪物...
-Java、awk跑了出來
剛剛開始不久，很多programming language還沒出來玩，嘿嘿~
----------------
對於Ruby是輸家是有解的:
Ruby一般情形下並會用多核心工作
不過即使開了那些option，timing還是比python和perl慘啊....
而他的blog的url是這個格式:
http://www.tbray.org/ongoing/When/200x/2007/10/30/WF-Results
問題很簡單，但他不是持續統計而是一次過算－這麼冗長的網址搞出來的log file和program的tmp data有夠多
測試環境: Sun Fire Machine，1.x GHz CPU (8~32 cores)，32/64GB Ram，Solaris (ZFS)
結果:
Round 1 Result
*這次只有1GB Data
*Round 1因為一堆技術性問題所以C/C++，Java統統跑不到
*PHP、Ruby統統一分鐘以上: 詳細比較
*Perl是贏家
Round 2 Result
*進行中
*45GB Data，絕對不夠塞Ram
*C, C++, Java, awk都可以參賽.......總之參賽者可以要一個account自己set enviroment
*目前戰況
-Ruby仍然是輸家
-Perl和Python似乎遇到麻煩，penalty不小(因為Data不是全部塞在Ram內)
-OCaml是什麼怪物...
-Java、awk跑了出來
剛剛開始不久，很多programming language還沒出來玩，嘿嘿~
----------------
對於Ruby是輸家是有解的:
Ruby一般情形下並會用多核心工作
不過即使開了那些option，timing還是比python和perl慘啊....
Navigation
About::This Blog
貓族不眠夜之blog
Navigation
Search Engine
Categories
Latest Posts
- Nvidia: 大量的上一代筆電 GPU 有瑕疵... ( 07-04 )
- IE 8: We are serious about SECURITY ( 07-04 )
- iPhone @ 3 HK ( 06-30 )
- 強者的色彩校正法:小畫家! ( 06-27 )
- Firefox 3 Theme Showcase ( 06-24 )
- Firefox3的Easter Egg ( 06-24 )
- Code_Swarm: Visualization of Development ( 06-23 )
- 文字處理挑戰賽，Ruby是大輸家? Wide Finder Project ( 06-22 )
- PHP的Unicode Support........ ( 06-20 )
- Facebook中文 ( 06-20 )
Syndication | Feed
- RSS Reader User::
- IE/FeedBurner/Blogline user::
Copyright Notice
- 資料來源及轉載注意
- !!! Attention !!!
Unlimited Kuso Work及Guide授權方式為
姓名標示-非商業性-相同方式分享
Toys
- ChatRoom::
- Moon Phase::
moon phases
Catroll
- Guuci Proxy
- kevinyung.com
- Like a Star In The Night
- Meaningless Reality
- Nefu is LIVE
- OJ2468
- wILliAm’s bLog
- {$myExpression}
- 天天工坊•blog
- 老爸網路觀察室
- 空中的人形醫生
- 紅色長角三倍速
- 流浪者的夜行船
- 家有泰迪熊─＊米米＊的點點滴滴
- 群星盡頭第二基地
- 廢業青年日記
- 鴉色部落
Feed Suscription Chicklets
- browser-based feed reader::
- E-mail Notification::
- MSN/ICQ/AIM Notification::
- RSS Reader User::
Spread Firefox
Blog Is Blog
Backup
- ::Backup Search
- ::Backup Blog (避難所)
![[Valid RSS]](http://www.kutar.l2p.net/media/skin/valid-rss.png "Validate my RSS feed")
![[Valid Atom 0.3]](http://www.kutar.l2p.net/media/skin/valid-atom.png "Validate my Atom feed")
