鐵人檔案
學習前端技術時剛好筆電壞了，順勢換台MAC試試不同的操作介面，記錄下設定前端環境的步驟和好用的操作方法，方便日後參考
Git Graph操作 點擊 commit 名稱就可以展開細節，再點一次收回 右邊欄位綠字為新增的項目、紅字為刪減的項目，可以直接點進去查看 新增分支：這...
今天把這幾天學習的紀錄做一個總整理，在指令或是GUI操作上的心得是指令操作熟悉者可以帶入各類參數靈活運用GUI操作則是可以直覺式的操作、入門快速所以下面整理的表...
從頭到尾硬幹一個網站是非常費功費時的事情，為了節省開發時間就會盡量引用現成的套件，隨著引用的套件越來越多，就會需要管理這些套件的種類、版本，接著就來學習套件管理...
雖然各式各樣的工具會導入到專案中來提高效率，但是瀏覽器能看懂得檔案只有 HTML、CSS、JavaScript，使用工具撰寫的 SCSS、SASS...等檔案是...
Webpack 一開始只認識 JavaScript，當引入其他語言（如：css）撰寫的檔案時就會出現無法執行的錯誤，這時候就需要 loader 來解決這個問題，...
Asset Modules Day15 的練習中，透過 loader 讓 Webpack 可以讀懂 css 語言，網頁中的元素除了 css 樣式外還會有圖片、字...
講到瀏覽器，腦中浮現的通常是 Google Chrome、IE(Edge)、FireFox、Safari...等較常見的瀏覽器，光是這些台灣的主流瀏覽器對『前端...
前幾天學到了 PostCSS、Babel 這些後處理器，來協助在打包時改寫原始碼來支援各種瀏覽器，今天則是學習安裝預處理器來提昇開發速度。 SASS SASS...
寫 CSS 的時候常常會有些設定是重複出現的，SASS(SCSS)是一個方便的預處理器，提供了變數、函式、繼承...等方法，省去這些重複撰寫的時間，雖然 CSS...
預處理器可以透過加快撰寫程式的速度，但是自己的打字速度提升有限（換了Mac之後還變慢不少），Emmet這個快速產出格式的工具就大有幫助，雖然他已經存在許久，但一...
