[Prerender] Chrome headless 應用

現行的服務裡,有 prerender.io [https://github.com/prerender/prerender] 可以使用,不過由於他是使用 PhantomJS 來當作背後的引擎,而,偏偏我自己開機器來做的時候,常常遇到一個畫面要處理超過 1 分鐘的窘境。 所以,只好拿 Google Chrome 新推出的 --headless 來試一下水溫。 -------------------------------------------------------------------------------- 安裝 目前是使用 Ubuntu 16.04LTS 來進行安裝,在伺服器上裝

[VueJS] vuex 的五十道陰影

不是那個五十道陰影,是說我也還沒看過。只是說,人在江湖跑,哪有不挨刀,總是要挨個幾刀才能算是大哥嘛(是嗎? 所以身為一個專業的菜蟲農夫,偶爾被鋤頭打到腳指頭也是很合理的(欸不對! -------------------------------------------------------------------------------- 最近很流行作弊的表,剛好 vuex 也有一份,如果你沒看過,現在讓你看看(當然不是我整理的,網路上神人很多。 > https://vuejs-tips.github.io/vuex-cheatsheet/ 這表沒什麼大毛病,不過這樣的東西其實還是需要對 vuex 有相對程度的瞭解,看起來才會有些用處,不然對於初學者來說,她就只是一個整理得很漂亮的表單而已。 簡介 既然

[VueJS] $watch 藏在原始碼裡的邊緣人

身為一個菜蟲,洗菜的時候抓到很多蟲應該超棒的(欸!只是說,有些蟲實在是很惱人,因為那也不算是蟲,只是個隱藏版的功能。至於為何沒有寫在文件裡?這就只能去問作者了! 注意!最新版本的 Vue 2.6.10 與本文部分原始碼可能會有所出入,但邏輯大部分相同。服用前請先詳閱公開說明書( 哪來的公開說明書 )。 -------------------------------------------------------------------------------- $watch 的實際狀況與問題 文件裡面有特別寫到 $watch 的額外選項, > deep immediate 這個就不多做解釋,可以去看官方文件 > https://vuejs.org/v2/

[VueJS] Vuex 2.0 關於 plugins 的事情

身為一個專業農夫,持續耕耘一些地雷也是一件天經地義的事。不過這也不算是地雷,只是因為需求問題,所以需要一些比較奇技淫巧的處理方法。 不過也沒有很奇技淫巧啦其實。 -------------------------------------------------------------------------------- Vuex Plugins 首先,這裡需要對於 Vuex 有一定的認識,比較基本的就不贅述,請去看文件,有簡體中文可以勉強看看,不然你看英文的也可以。 我們要提的是 Plugins 這一塊, > https://vuex.vuejs.org/en/plugins.html 前情提要 我們用 Vuex 當然是希望我們在整個應用程式內,資料盡量都是統一的,但是,

[年終] 2016 歲末,哈囉 2017

這一年過得好像很快,感覺像是昨天才再討論要結婚的事情,然後,已經結完婚,今年也要過完了。貌似,什麼事情都沒有做到的樣子(當然,除了娶了個可愛老婆這件事情以外。 -------------------------------------------------------------------------------- 照慣例,列一下這一年來的清單, 1. 一月依舊帶著乾兒子到處跑,去了一趟嘉義。 2. 二月帶乾兒子去阿里山。 3. 五月去拍婚紗,帶乾兒子去日月潭。 4. 九月去吃前同事喜酒。 5. 十月去朋友在花蓮開的民宿。 6. 十一月結婚。 7. 十二月去了一趟沖繩。 至於其他沒列出來的月份,就沒什麼特別的事情。今年把所有的演講全部都推掉了,事實上我也沒有什麼講題可以講,算是山窮水盡應該回家種田的概念。