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”

Jekyll – 超好用靜態網站產生器

依照慣例,在每一篇文章之前都要哀號一下:這篇其實想寫很久了,只是因為事情太多一直沒時間開始撰寫,還有許多文章想寫,只能趕快趕稿了QAQ

Jekyll

今天想介紹的是 Jekyll,他是一個近幾年來非常有名的靜態網站產生器,你可以用他來寫部落格。 有一個網站叫做 staticgen,他是專門統計靜態網站產生器的使用情況,一點進去就可以看到 Jekyll 非常霸氣地穩居第一名,他在 GitHub 的 repo 的星星數就算除以而還是大勝第二名的 Octopress,所以就讓我覺得應該好好介紹一下這個有趣的工具。

Continue reading “Jekyll – 超好用靜態網站產生器”

JavaScript 抓得住你

前言

最近一直在接觸前端,無論是 g0v 還是 MozTW,總是會有一些新的技術讓我感到驚豔。 舉例來說,我在幫忙開發 MozTW 的網站時就是使用 nodejs 下的 grunt-cli, 或是幫忙 WM 維護網站學會的 Jekyll,接觸到了 SASS/SCSS,(雖然還不夠完善而沒有被 merge…), 也因此更知道了自己的不足,還有很多很多東西等著我去學。 最近恰逢學校選課時節需要安排課表,我就想自己寫出一個課表,但還沒開始研究,所以今天的主題不是這個,而是 JavaScript XD

JavaScript 已經漸漸成為不可或缺的存在。
Photo by Joshua Aragon on Unsplash
Continue reading “JavaScript 抓得住你”