JavaScript hoisting 是什麼?寫個筆記記錄一下

最近讀了海總的《本末倒置的閱讀習慣》,發現自己也有這個壞習慣。 想要來好好地注意這個問題,避免只砸時間在不用細讀的文章。剛好小蟹分享了這篇 《我知道你懂 hoisting,可是你了解到多深?》 給我,便決定在舒服的假日午後好好地閱讀一下,以便能好好地了解 javascript hoisting 是怎麼一回事。

而這篇文章就是在記錄自己閱讀過程中的 murmur,順便摘一下, 略微地希望可以替未來的自己省下重新閱讀的時間。

Continue reading “JavaScript hoisting 是什麼?寫個筆記記錄一下”

初步理解 Service Worker

Service Wroker(後面簡稱 SW)可以看作是介於瀏覽器、網路、和 Web app 之間的 proxy servers。 說穿了就是可以寫程式來處理 request 和 response 的一種介面,讓開發者可以藉以增進 offline 時網站的體驗,或是基於網路是否可用來自行決定 web app 應該做出怎樣的行為。其他還有一些推送通知或是背景同步的功能,標準正在火熱制定中。(寫這篇文章時是 2018/1/7,上次 SPEC 的更新時間是 2017/12/22,應該是去過聖誕節&跨年了,真好 XD)

以前的人可能會用 AppCache 來做到上述的功能,但他會對你要做的事有很多很多的預期,而如果你的 web app 沒有照著做的話,你就會死得很難看。可以看看這篇: https://alistapart.com/article/application-cache-is-a-douchebag。SW 可以解決 AppCache 的問題,你會擁有完全的掌控權,而當這句出現時,就意味著你要寫更多的 Code,用著更複雜的 syntax。人只要活著,一切就都是妥協。

Continue reading “初步理解 Service Worker”

Firefox Add-on — 移植「封鎖內容農場」

最近一直在玩 Firefox 的擴充套件, 不過剛開始用來上手的專案都跟新分頁替換有關, 所以基本上架構大同小異。

前兩天在 chrome 上找到一個叫做「封鎖內容農場」的套件, 稍微找了一下就找到他的 GitHub repo, 赫然發現 issue 裡面有人想要 firefox 的版本, 到 AMO 看了一下以後,真的沒有這類的套件。 剛好最近在玩火狐的 WebExtension 套件,趁這個機會來練習, 順便做點功德!

(這邊開始簡略地講程式相關的事,不想看可以直接跳最後一段XD)

Continue reading “Firefox Add-on — 移植「封鎖內容農場」”

部落格搬家: 從 WordPress 搬家到 middleman

計畫著 部落格搬家 也已經有一段時間了,卻一直沒有時間去付諸實行, 直到前兩天因為不小心把原本的網站弄壞才剛好藉這次機會把他搬出來。

原本只是因為沒事做想要把 wildsky.cc 搬到 blog.wildsky.cc 而已, 結果出了點差錯,而我的 phpmyadmin 又怪怪的登不進去沒辦法手動修改, 手邊有的備份就只有已經丟在垃圾桶裡的 Jekyll-export.zip,無奈之下只好開始動工。

原本是打算把 blog.wildsky.cc CNAME 到 wi1d5ky.github.io 那邊去, 直接用 GitHub-pages 提供的 Jekyll 來做事,但後來 WM 跟我說有個東西叫做 surge, 而我又剛好想要學新東西,所以現在這個部落格才用 middleman 下去做, 原始碼可以在 GitHub 上找到。

來說一下這次搬家的心得好了。

Continue reading “部落格搬家: 從 WordPress 搬家到 middleman”

學工具怎麼用,還不如學這個工具的哲學

更新:現在我日常待看用 instapaper,特別想存下來的文章才會放去 Pocket~

更新二:instapaper 的筆記功能全面免費了!

更新三:又沒有全面免費了XD

這兩天一直在消耗 Pocket 清單裡面的文章,過去曾經有使用過他的服務, 但後來改為使用因為在推特上看到推友使用而轉用的 instapaper,後來又跳回來, 其實沒什麼特別的原因,只是因為我開心而已。

Continue reading “學工具怎麼用,還不如學這個工具的哲學”

Firefox 小技巧 – 釘選分頁 & 分頁群組

前兩天是師大資訊研究社的服務學習說明會,邀請到 MozTW 的 Irvin 和教育部 ossacc 的 Eric 來我們學校跟大家開個說明會聊個天。今天要講的不是這個服務學習說明會要幹嘛,而是在跟 Irvin 聊天時發現他的 Firefox 有個神奇的功能「釘選分頁」!!問了幾個有在用 Firefox 的同學,結果大家都不知道這個功能XD 所以就想寫一下文章記錄一下,說不定會對剛好逛到這裏的人有所幫助。

正文

其實沒什麼XD 就是對著分頁按右鍵就會釘選了XD 為了版面好看,我就附個截圖給大家看看效果:

釘選前是長這樣:

釘選以後會長這樣:

如果你釘選的分頁是有通知的,這個釘選分頁還可以告訴你有事發生了!請見下圖。

中間的 messenger 圖示發光了!很方便吧~

只講釘選分頁好像沒什麼厲害的,就順便講一下他和分頁群組的合作無間吧!看一下下面這張圖,可以看到不釘選的時候,群組之間沒有任何連結,如果要讓兩個群組都有 inbox 的頁面的話,就必須多開一個一樣的分頁,很不方便。

可是釘選之後!!你就可以看到被釘選的分頁會出現在每一個群組裡!如影隨形地跟著你!超級方便的啊!

這篇文章沒什麼內容,就只是想講一下釘選分頁這玩意兒而已。文末就用當時宣傳這兩個新功能的影片作為收尾吧!感謝 MozTw 幫忙翻譯字幕!!