[note] jQuery 與 d3.js 的一些不同之處

以前跟人家介紹 d3.js 的時候,我都會笑稱 d3.js 其實就是 SVG 界的 jQuery。 但是最近發現不少人對兩者的 select 以及 append 有些疑問,特別把它寫下來紀錄。

先說大家比較熟悉的 jQuery:

1
2
3
$("body")
.append("<div></div>")
.append("<em></em>");

閱讀全文

偵測 Google Map 的 InfoWindow 訊息框是否被開啟 (v3)

因為 Google Map 的 InfoWindow 是被新增出來的物件,所以我們可以透過修改 prototype 的方式,替 InfoWindow 增加新的 method。

1
2
3
4
5
6
7
google.maps.InfoWindow.prototype.isOpen = function(){
var map = this.getMap();
return (map !== null && typeof map !== "undefined");
}
var popup = new google.maps.InfoWindow();
popup.isOpen(); // will return ture or false.

閱讀全文

[PHP] 將 HTML5 Canvas 產生的圖片上傳至伺服器端處理

一般來說有兩種處理方式:

直接把 DataURI 字串儲存起來,等要用的時候直接輸出至 <img> 的 src 屬性或是 CSS 中:

像這樣:

閱讀全文

淺談 ECMAScript 5 嚴格模式 (Strict Mode)

自 ECMAScript 5 開始,增加了一個 嚴格模式 (Strict Mode) 的新特性。

ECMAScript 5 雖然可以跟前一版的 ECMAScript 3 相容 (ECMAScript 4 已廢棄),但是,當我們宣告為 "Strict Mode" 後,那些 ECMAScript 5 不再建議使用的 ECMAScript 3 的舊語法會被全面禁止。

閱讀全文