我的烏拉拉練功坊

請來參觀移植到 Google Firebase 的成績 https://oolala.xyz/ken73chen/

2017年8月27日

document.location.hash 和 window.history.pushState()

來自 Descrier 原圖,CC BY 2.0 授權
「網址」很重要,有獨一無二的網址,使用者才可以 bookmark、分享;看起來像是廢話,不過因為網頁的內容如果是利用 AJAX 或類似的方式產生,就不見得有獨一無二的網址了。

所以後來 hash 成了 AJAX 的好搭檔,HTML5 之後,再加上 window.history.pushState()window.history.replaceState()、popstate 事件,就更方便了!

2017年8月10日

Echoes In Rain



這是仙女姊姊 Enya 最新那一張專輯《Dark Sky Island》裡面的歌。

《閃電俠》The Flash

© 2016 The CW
閃電俠》是在講一個男人很快的故事。
 
© 2017 The CW Network, LLC
 長大後的跩哥·馬份 (Draco Malfoy),在裡面也有演個角色。

MooTools 心得:Array

[2,7,3,8,1] 取最大值,最簡單的方法是 Math.max(...[2,7,3,8,1]);,不過這個 ... Spread syntax IE 完全不支援,所以暫且用 Function.call()。

MooTools 心得:data-*


MooTools 保留了 JavaScript 的性格,沒有把 JavaScript 扮裝成完全不同的面貌。

動態的 CSS rules

例如說…有登入 Google 後,網頁上的某些 button 就要顯示,反之隱藏;如果用 JavaScript,那麼每次新加入 button,就都要檢查一次,很麻煩;或者有時候要覆蓋 style sheets 裡面的東西,也可以用這方法。