[CSS] 關於 Grid Layout 的使用姿勢

10 min read CSSGrid SystemGrid Layout切版RWD前端樣式
CSS Grid 其實已經不是什麼很新的東西，只是最近看到有一個實驗性功能，被 Chrome 正式版本採用，覺得好像應該來寫一個筆記文來記錄一下。順便當作是小小的教學文章也可以，反正 CSS 對我來說也從來沒有真正熟悉過。 Grid 網格系統 CSS 自從 Level 3 之後，後續所有發展的項目，都有屬於自己的 Level。所以 CSS Grid 自然就會有自己的一套。正式的名稱叫做 CSS Grid Layout Module Level 1

[IT 鐵人賽] Vue 從前端到後端 Day 0

5 min read VueJSVueJS 2.0ITHome鐵人賽JavaScript2019
上次參加好像是 2014 年，然後我寫到第二篇就超過時間，索性直接放棄（欸）。不過，由於 Famo.us 也莫名的退流行（等等，好像根本沒流行過）。所以就算是一個，只有我一個人自己玩得很高興的東西，說著說著著實感傷了起來。 這次想說，趁著稍微有一點時間，可以寫一下這些日子接觸 VueJS，到現在的一些心路歷程。像是那個說好的 ReactJS 好像就一直被我遺忘了（啊哈哈哈哈哈）。然後 Ng2，欸，現在好像是 Ng8 了吧？就當作我從來沒寫過 Angular

[VueJS] 使用 Vue 來寫瀏覽器擴充功能

7 min read VueJSVueJS 2.0ExtensionsGoogle ChromeFirefoxMozilla擴充功能
瀏覽器擴充功能其實算是老掉牙的東西了，不過拿 Vue 來開發算是挺方便的一件事情。當然，在這裡你可以把 Vue 換成其他的熱門工具，不過我剛好會寫一點 Vue 所以就拿這個來開發一點小玩具，也是挺合理的。 前置作業 首先呢，你可能會需要一個 Vue 的工具方便作業，在 github 上面，已經有人提供了完整的 Vue Template 可以使用，所以，最快的方式就是用 Vue CLI 的方式去安裝， vue init kocal/vue-web-extension

[Vue] 有樣學樣的 Hook

5 min read VueJSHookvue-hookJavaScript
去年年底比較大的新聞大概就是 React 推出了 Hook [https://reactjs.org/docs/hooks-intro.html] 的功能。不過因為我沒有寫 React，所以到底他在幹嘛其實我也不太清楚（欸）！然後 Vue 這邊真的就只是實驗性功能而已，請不要亂上 Production！ -------------------------------------------------------------------------------- 關於 React Hook 可以參考這個影片介紹， 個人理解若有錯誤煩請指正感恩 XD 然後 Vue 的老爸也做了一套 Hook [https://github.