JavaScript

[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] 眼藥水 2.0

這年頭好像 2.0 比較夯,隔壁棚的 ng 也出了 2.0(而且聽說要重來,React 表示: -------------------------------------------------------------------------------- 推薦 當然要先敗讀一下 Kuro 的大作, > V1 與 V2 元件實體之差異 [http://kuro.tw/posts/2016/10/03/VueJS-V1-%E8%88%87-V2-%E5%

[VueJS] 官方套件各種雷

首先,我因為不太常用眼藥水,所以,有關於眼睛酸澀流目油等事情,請不要來問我謝謝。至於是不是有這麼多雷,其實我也不太確定,只是我遇到了而已。 如果你沒有,那應該是我眼睛乾澀看錯,假的! -------------------------------------------------------------------------------- 關於 Lifecycle Diagram 舉一個 1.x 的例子來看,先抽離 vue-router 的狀況,實際上在瀏覽器上觸發的狀況大概就是官方的順序(底下先不討論離開畫面的東西, 1. init 2. created 3. beforeCompile 4. compiled 5.