透過範例理解 Hoisting 提升
在談 Hoisting 之前，我們先測試看看以下程式 1console.log(a);
CSS 效能優化
效能優化一直是個博大精深的主題，這邊簡單討論幾種方式，包含像是資源大小、載入方式及執行方式。 資源大小進行文字資源優化，優化後檔案變小，當然傳輸時間就會縮短。
快取 Cache 是什麼？那些網頁後端的快取（下）
上一篇介紹了什麼是快取，也簡單了解了網頁 Client-side 的快取，想了解的可以點選 快取 Cache 是什麼？（上） 認識。 在這篇當中會簡單談 Proxy Server 代理伺服器的快取，以及網頁 Server-side 的快取。
快取 Cache 是什麼？那些網頁前端的快取（上）
中文是快取，中國翻作緩存。簡單來說就是把資料暫時存在一個地方，以快速讀取資料。 快取剛開始其實指的是硬體的 CPU 快取，後來衍伸出只要是類似可快速存取的應用，就可被稱為快取。其中包含但不限於網頁 Client-side 及 Server-side 的快取，以及 Proxy Server 代理伺服器的快取。 因為應用範圍很廣，此篇會先介紹網頁 Client-side 的快取。想了解 Proxy Server 代理伺服器的快取，以及網頁 Server-sid...
常見的網站攻擊方式
在討論常見的網站攻擊方式之前，可以先認識一下 OWASP。 Open Web Application Security Project OWASP 是一個線上社群，介紹了各種不同的網路安全問題、每幾年的十大安全問題排名跟範例，完全免費，基本上是所有做資訊安全的聖經。 推薦 techbridg...
密碼保護
當我們把帳號密碼都存在資料庫當中，有個最大的隱憂就是，一旦資料庫遭駭，駭客就可以拿到所有的帳號密碼，造成資訊安全上的危害。 以下簡單簡介常見的幾種密碼保護方式： 編碼 編碼，encode；解碼，decode 編碼並不會修改資料、也沒有任何加密的效果，單純就是換個方...
JavaScript 資料型別
JavaScript 資料型別有七種，又分為原始型別及物件型別。 介紹原始型別有六種： Boolean 布林，例如：true、false Null 空值 Undefined 未定義 Number ...
變數宣告，var、let、const 的差別
變數宣告方式有三種，分別是 var、以及 ES6 新增的 let 及 const。 var 跟 let const 最大的差別在於作用域，也就是變數的生存範圍。 在 ES6 之前 var 是以函式 function 為一個作用域，因此稱為 functional sc...
什麼是 prototype ?
前言在 ES5 的 JS 物件導向中，function 被當成建構子以及 class 用，因此被稱為構造函數。構造函數可透過語法 new 建造一個 instance 實體，也可以透過 prototype 做出共用的 method 方法：