教你怎麼寫指令來節省時間。

閱讀更多

今天是參加學習計畫的第一天，也是第一份紀錄。

不知道你們有沒有看過一些電影或卡通，通常科學家或是實驗家都會在做自己做測試的時候拍一段紀錄的影片，把每一天都記錄下來。我覺得現在的自己就好像那些角色一樣。

閱讀更多

最近想要實作「收藏到我的最愛」的功能。

提到這個功能，我腦中第一個想到的就是「Web Storage API」。但正當我打算找相關的資料來看時，突然又想到好像還有個叫「Cookie / Session」的玩意兒？

既然都決定要學了，那不如就一次弄清楚吧，所以這次參考了 Huli 的 文章 想來做一份關於「Cookie / Session」的筆記。

閱讀更多

好像很久沒有上來寫文章了。前一陣子花了比較多的時間在忙著做國外網站的挑戰，也參加了一場競賽活動，所以部落格暫時停擺了幾個月。

最近有了新的規劃，主要是想提升關於 JS 的相關知識，也想要把以前留下的坑給填完。我發現我以前的文章多數是以 CSS 為主，但前端除了 HTML、CSS 之外，JavaScript 也是很重要的核心。所以…是時候來寫寫關於 JS 的文章了（話說我好像還沒有在這裡發過 JS 的文章）。

廢話不多說，馬上開始吧！作為 JS 的第一篇文章，想跟大家談的是「閉包（Closure）」。

閱讀更多

最近正在學習 Vue，想給自己做一份筆記。

這篇文章的主要參考資料為 Vue 的官方教程。

閱讀更多

這裡基本上只是隨手紀錄，因為最近開始想練習寫英文的技巧，所以會把一些詞彙或用語都放在這裡當作筆記。

閱讀更多

紀錄一些 BEM 在使用時可能會碰到的問題。

閱讀更多

紀錄一些 SCSS 的相關語法

閱讀更多

目前在網頁佈局的方式有很多種選擇，其中最主流的不外乎就是flex-box。

雖然 flex 確實足以處理許多版面，使用上也不算困難，但為了更增進自己的能力，讓自己在面對各種版型都能有應對之道，所以我決定學習另外一個也算是頗新穎的佈局方式，grid-box。

不過當我在找相關資料時，發現 grid 的相關中文教學似乎比較少一些（比起 flex），所以就決定自己來寫一篇文章，希望能夠為有需要的人提供一份資源。

另外，由於 grid-box 的概念可能比 flex-box 還要來得複雜一些（至少對我來說是這樣子），所以這篇文章的內容也會比較沉長些，可能會需要花點時間來閱讀，還請各位見諒一下。

最後希望大家都能夠透過這篇文章來真正理解 grid 的佈局方式，我相信多學一樣技能，對自己只有好，沒有壞。

閱讀更多

其實寫這篇文章的理由很單純，因為自己以前在學 CSS 的時候，撞過不少次牆壁。
直到現在，我也不敢保證說自己已經完全掌握 CSS 這個讓人又愛又恨的東西。
為什麼說 CSS 讓人又愛又恨？因為當完成一個版面時，那份成就感是讓人感到很舒服的，不過跑版的時候就是另外一回事了…

總而言之，最近因為準備作品的關係，得回來重新回溫一些 CSS 的知識。 特別是在響應式這一塊。
我想各位應該都很清楚在這個時代，響應式是個不可或缺的條件吧。
所以就讓我們從最基本的佈局（Layout）來一個個介紹吧。

閱讀更多