使用 JavaScript 操作剪貼簿複製文字

在過去想要用 JavaScript 操作剪貼簿進行複製、貼上的動作十分麻煩,之前在開發 NTUST.ME 臺科短網址時,為了方便大家複製縮短後的網址,特別研究了 JavaScript 對剪貼簿操作的 API,發現在較新版的瀏覽器,其實有一個 execCommand 可以進行許多方便的文字操作,例如複製、全選等等,以下就讓我來介紹一下吧!

閱讀全文 使用 JavaScript 操作剪貼簿複製文字

Enable Cross-Origin Resource Sharing (CORS) for Phaser.js

當你用 Phaser JS 載入不同網域的資源、素材時,就會遇到瀏覽器同源政策的阻擋,並冒出一堆錯誤訊息,例如:

XMLHttpRequest cannot load http://s.ntustcoding.club/scroll-game-workshop/map.json. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://s.codepen.io’ is therefore not allowed access.

實際上,Phaser 本身是有支援 跨來源資源共享 CORS 的,只要透過一行簡單的語法就可以解決囉,當然前提是你所使用的網路空間也有支援 CORS 才行。 閱讀全文 Enable Cross-Origin Resource Sharing (CORS) for Phaser.js

【jQuery】Lazyload – 延遲圖片載入

在攝影類的網站通常會放很多的圖片,當訪客瀏覽這類網站時就要開啟蠻久的,因為要載入很多的照片,這對於網站主機的流量影響蠻大的,而且會造成訪客瀏覽時的CPU Time增加很多,在這裡要介紹一套叫做Lazyload的jQuery插件,它可以延遲圖片的載入,也就是說當你進入到一個網站時,並不會一次載入所有的圖片,而是只載入一部分的圖,當你拉動瀏覽器的捲軸時,它會載入「你正在看的區塊的圖片」,所以網頁的載入速度就會變得比較快
閱讀全文 【jQuery】Lazyload – 延遲圖片載入

透過jQuery.qrcode直接在瀏覽器產生QR Code

要繪製QR-Code有很多種方法,可以自己寫函式去繪製,也可以使用別人提供的API來繪製,例如使用Google Chat API來產生QR Code就是用API的方法,而在這篇文章要講的jquery.qrcode則是使用別人撰寫好的函式來產生條碼,原本我搞不清楚jquery.qrcode與Google Chat API的差別,後來才知道Google Chat API是將資料送到Google的伺服器上產生,而jquery.qrcode則是直接由瀏覽器來進行匯製
閱讀全文 透過jQuery.qrcode直接在瀏覽器產生QR Code