AES-JS:JavaScript 的 AES 對稱式資料加密工具

這裡介紹如何使用 AES-JS 這個 JavaScript 的 AES 對稱式加密工具,讓有機密性的重要資料加上密碼保護。 AES 進階加密標準(Advanced Encryption Standard)是一種對稱式的加密演算法,此標準替代了原先的 DES 加密演算法,目前被各界廣泛使用。 ...

March 13, 2017 · G. T. Wang

Leaflet 互動式 JavaScript 地圖繪製工具,適用手機、平板與電腦

Leaflet 是一套適用於各種平台的 JavaScript 地圖繪製工具,可以呈現類似 Google 地圖的效果。 要在網頁上呈現地圖,除了大多數人所熟知的 Google 地圖之外,Leaflet 也是一套很不錯的工具,它是一套開放原始碼的輕量級 JavaScript 網頁地圖函式庫,其所呈現的效果與 Google 地圖非常相似,主要的特色是使用簡單、速度快,並且跨平台,許多知名網站(如 GitHub 與 Flickr 等)都是使用 Leaflet 來呈現地圖。 ...

August 4, 2016 · G. T. Wang

標準網址使用教學,讓 Google 搜尋呈現正確的網站

這裡介紹如何設定標準網址(canonical link),讓自己網站可以在 Google 搜尋結果上呈現正確的網址,達到搜尋引擎最佳化的效果。 在一個網站中使用不同的網址來呈現同一個頁面的內容是很常見的情況,舉例來說,有些網頁會有閱讀用與列印用兩種網址,這樣的設計可以讓使用者更便利,但是對於網路搜尋引擎(如 Google 等)而言,可能會無法判別那一個網址才是最正式的網址,如果在搜尋結果中顯示了列印用的版本就不是很恰當。 ...

April 27, 2016 · G. T. Wang

延遲載入 JavaScripts 的實務作法,加速網頁顯示速度

這裡介紹實務上延遲載入各種 JavaScript 的作法,包含 facebook、Google+ 與 twitter 等各類工具。 在網頁中我們可以使用 async 或 defer 的方式來引入外部的 JavaScript 檔案,這樣可以減輕外部 JavaScript 檔對 HTML 解析的效能影響,而這裡我們要介紹另一種在實務上延遲載入各種 JavaScript 程式碼的作法,包含常見的社群按鈕以及各種 JavaScript 工具,例如 facebook、Google+ 與 twitter 等。 ...

April 19, 2016 · G. T. Wang

WordPress 設定 JavaScript 使用 Async 與 Defer 載入,網站校調技巧教學

本篇介紹如何將 WordPress 網站的 JavaScript 改以 async 與 defer 的方式載入,改善網站的效能。 網站在建置的後期階段都會進行一些效能的校調,而 PageSpeed Insights 是 Google 所提供的網頁效能分析工具,輸入網址即可立即測試網站效能,並且還有列出各種問題以及解決方案。 ...

April 14, 2016 · G. T. Wang