Introduction & 前言

先前都是使用Medium來記錄一些寫Code的心得感想或是小筆記，但在很早前其實就有想要寫一個自己的部落格，但是礙於超級菜雞剛上線，只能找現成的部落格寫寫文章。

後來在偶然間聽到Hexo，突然就勾起我的熊熊烈火，自己可以架一個Blog，又可以學一些程式的設定，我還不來玩玩。雖然這個其實也是別人弄好的討件，打打指令也不算什麼太難的事情，但是對小菜雞來說是個新天地，沒玩過的東西就想玩看看，就像上數學課明知道老師告訴你數學不能用問到底的，但你還是會想要一虧這天大的樹林。

這篇文章除了拿來開頭，也會拿來記錄一下關於Hexo的一些小筆記

Introduction & 前言

這章節主要筆記關於 This 的一些淺談，剛學 JavaScript 時就常常聽到『你真的了解 This 嗎？』、『This 到底指的是什麼？』，剛好在 JavaScript 核心篇的一個章節提到 This ，課後終於小了解關於 This 的三兩事，如果沒有搞清楚，常常會在錯誤的作用域裡做事情呢，話不多說，下面就開始來認識認識 This 吧。

Introduction & 前言

這系列章節來到預計的一半，慢慢開始會記錄自己比較不熟悉的一些筆記，如果有誤還請各位不吝嗇盡情指教。

Introduction & 前言

因為前陣子出車禍，這陣子算是痊癒了，已經一個多月沒有運動，但是運動的感覺還是很熟悉。 寫程式也是這樣，底子打穩才是最重要的。廢話不多說，立馬進入第二章。

Introduction & 前言

筆記系列終於寫到了 JavaScript，想想接觸程式跟前端已經快滿一年了，這一年剛開始的時候很著急想要盡可能地快點學會點什麼，後來發現真的是跟練功一模一樣，除非你是萬中選一的寫 Code 奇才，不穩紮穩打，就會摔得很慘啊！

註：因為前陣子出車禍加上滿多事情突然席捲而來，筆記停了好久，*The F2E 原本也想要寫篇心得文，以至於都沒完成，在寫 Code 的路上慢慢能體會別人說的，這是一件很需要耐心及毅力的事情；你熱愛它，它即熱愛你。*

Introduction & 前言

講到爬蟲可能大多數人都會想到 Python，但今天我們不談 Python。前陣子因為朋友在玩爬蟲，利用 PHP 寫了幾隻爬蟲爬二手商品資訊，雖然菜雞我接觸前端不久，但常常在想前端是不是也能做到什麼類型的事情。這時候就問了問朋友 JavaScript 能不能爬呢？得到的答案是可以的，其實各有優缺點，主要看你寫什麼起來順手。這邊有一篇知乎對爬蟲的比較有興趣可以看看，傳送門。

Introduction & 前言

最近因為工作關係有碰到 Redis ，雖然菜雞前端對後端還一竅不通，不過照慣例關於安裝的部分還是要寫一下的！以後也有個根據可以來看看，以防忘記。所以這只是小筆記關於 PHP-Redis 的安裝( For Mac OSX 因為菜雞我大部分使用 Mac)，如果有誤還請不吝嗇指教。

成果 & 程式碼

Demo： 傳送門

Code Source： 點我

Introduction & 前言

在前陣子得知 The F2E — 前端修練精神時光屋 之後剛好發現今年即將舉辦第二屆的切版大賽(？！)想想地下城好像還剩下幾樓，就想著看開賽前能完成多少是多少了，順便當練習。

這次拼圖有點免強做出來，原本打算再複習一下 Webpack 跟 Vue.js ，結果發現有些眉眉角角還需要修改呀。

Introduction & 前言

記得前陣子接手別人的版面需要更改，那時候發現有個資料夾裡面有很多 .jade 檔，納悶了一下去爬文發現也是類似 CSS 的預處理器，像是 SASS/SCSS、Less、Stylus…等等，那時候算是第一次接觸，發現能像 SASS 一樣可以發揮懶人精神，除了不用寫結尾的 element 之外還能使用類似 template 的功能等等，最大的好處就是我同樣的地方要用不用重寫好幾次。

Jade 因為版權問題現已更名為 Pug

成果 & 程式碼

Demo：點我

Code Source：點我

Introduction & 前言

不小心又直接往 11F 邁進了，原本說好的 9F 要完成看來要一陣子了，卡了不少問題 ( 汗…

另外這次特地整理了一下 GitHub，如果想參考之前樓層的介紹以及 Source Code 可以來坐坐喔哈。

傳送門：**請點我**