node.js v4.0.0 released, merged with io.js

node.js 4.0 released few days ago:
https://nodejs.org/en/blog/release/v4.0.0/
https://github.com/nodejs/node/releases/

node.js now migrated/merged with io.js and has new engine, features and may also have performance increase, see:

I just did a very very simple test use npm test on cdnjs/cdnjs

閱讀全文

Javascript/Json Beautifier Survey/Comparison

因為有時候對程式碼有潔癖,加上不正確的縮排會影響閱讀,一不小心沒睡飽還會腦袋打結 …所以找了幾個Javascript Beautifier來測試,看看哪個比較好用

因為我不是要拿minify(最小化)或是obfuscate(模糊.混淆處理)過的js來復原,單純是要讓程式碼變得好閱讀,所以重點應該是在排版~

JavaScript Beautifier (http://javascriptbeautifier.com/):

不支援直接放json進去(放進去會跑出undefined…),無自訂選項
JavaScript Beautifier Test

 

JsPretty (http://www.jspretty.com/):

直接丟json也通,可以自訂要用tab或2.3.4.8個space做縮排,有簡單的括號以及空行選線,另有加殼及混淆器的檢查
JsPretty Test

 

 

Javascript Format (http://www.javascriptformat.com):

無自訂選項,直接丟json也通,雖然有提供Jsonformat 的網站,支援直接放json進去也是支援的,但兩者結果會不太一樣,Jsonformat會按照Property name做排序,而且一開始換行的地方看起來怪怪的
Javascript Format test

Online code beautifier (http://ctrlq.org/beautifier/):

無自訂選項,可以直接丟json,號稱支援 JavaScript, HTML, CSS and PHP,不過光丟個jQuery v1.11.0進去看結果就不是很理想 … 看起來要拿來跑JS是不可用,其他與研就等下次有機會用到再測 …
online code beautifier test

js-beautify (http://jsbeautifier.org/):

目前覺得是最好用的一套,code有完整上色(用CodeMirror作的),支援直接餵json,自訂的選項有縮排、換行、括號、折行以及加殼及混淆器的檢查等等…

專案本身是採用MIT license授權開放原始碼自由軟體,有丟在Github上,比較特別的是從首頁底下可以看到已經有一堆現成的外掛程式(擴充套件)可以用了
js-beautify test

 

結尾來個評分好了 xDDDD

JavaScript Beautifier :
☆☆☆★★

JsPretty :
☆☆★★★

Javascript Format :
☆☆☆★★

Online code beautifier:
☆☆☆☆★

js-beautify :
☆★★★★

瀏覽器綜合測試 on Windows

Opera 也開始改用 Webkit 了…有點可惜 這樣的 Opera 還是 Opera 嗎?

讓我們繼續看下去…

剛剛想說裝了 Opera Nex t(開始改用Webkit 的 Opera) 來測一下大家支援 HTML5 的狀況

平台是Windows 7 Home Premium 64-bit SP1 以下按照分數高低排序

硬體的話就不提了 反正只是比較性而已

網址:
http://html5test.com

Google Chrome 27.0.1453.94 m
463 AND 13 BONUS POINTS
Opera Next 15.0.1147.18
433 AND 9 BONUS POINTS
Mozilla Firefox 21.0
399 AND 14 BONUS POINTS
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
320 AND  6 BONUS POINTS

以上是在Windows平台上的最新穩定版本測試結果

其他小品牌或開發版、測試版、已經停止開發的就不一一測試了

還是希望HTML5盡早制定完成 也希望各家實作盡量一致並完整支援

這樣在開發web前端的時候可以輕鬆一點

後來想說順便測一下效能好了…

Browsermark 2.0(綜合測試):
http://browsermark.rightware.com

Google Chrome 27.0.1453.94 m
6271
Opera Next 15.0.1147.18
5987
Mozilla Firefox 21.0 
4810
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5 
4237

smashcat(測canvas):
http://www.smashcat.org/av/canvas_test/

Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5 
305
Mozilla Firefox 21.0 
250
Opera Next 15.0.1147.18
170
Google Chrome 27.0.1453.94 m
59

Peacekeeper(測HTML5):
http://peacekeeper.futuremark.com/

Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
3277
Mozilla Firefox 21.0
3024
Google Chrome 27.0.1453.94 m
2557
Opera Next 15.0.1147.18(應該是因為webkit的關係被誤認為是Chrome)
2221

Kraken JavaScript Benchmark v1.1(顧名思義是測javascript):
http://krakenbenchmark.mozilla.org/kraken-1.1/driver.html

Opera Next 15.0.1147.181352.1ms
Google Chrome 27.0.1453.94 m1361.5ms
Mozilla Firefox 21.01647.9msMicrosoft Internet Explorer 10.0.9200.16576 更新版本10.0.54100.7ms

octane-benchmark (測javascript):
http://octane-benchmark.googlecode.com/svn/latest/index.html

Opera Next 15.0.1147.18
20493
Google Chrome 27.0.1453.94 m
17034
Mozilla Firefox 21.0
15104
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
6587

sunspider(測javascript):
http://www.webkit.org/perf/sunspider-1.0/sunspider-1.0/driver.html

Opera Next 15.0.1147.18
143.3ms
Mozilla Firefox 21.0
148.0ms
Google Chrome 27.0.1453.94 m
1301.3ms
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
顯示不出結果…

小發現是 不管在哪個測試 在複製貼上結果到編輯器的時候

Chrome和Opera會很完整的複製樣式 後兩名沒有 這大概是HTML5的關係~

另外這個微軟測試很明顯IE效能就比別人高超多…
http://ie.microsoft.com/testdrive/

我只選其中一項來測
http://ie.microsoft.com/testdrive/Performance/Minesweeper/

Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
1.0s
Mozilla Firefox 21.0
5.4s
Opera Next 15.0.1147.18
6.2s
Google Chrome 27.0.1453.94 m
6.3s

測試顯示圖形為預設的IE10,分數為花費秒數,越低越好,排名剛好倒過來

該不會是衝著Google或Webkit而來的吧XDDD

另外有一個WebVizBench(測HTML5)的網站:
http://webvizbench.com/

不過好像分數會受解析度影響…所以就中途作罷 懶得去細部調整讓個瀏覽器顯示範圍解析度完全一致…因為太麻煩了! 這點有點可惜

原則上上面的結果有加單位的數字越大是效能越差的意思,先後順序代表分數優劣

看起來是各有千秋…滿有趣的! 供各位參考~