鐵人檔案
一個原想轉職 UI 設計師的文組女生，意外知曉了前端工程師一詞。眼看30大關迫在眉睫，她卻毅然決定一頭栽進這個一切必須從頭開始的世界。
緣起 正確來說，我是在去年 29 歲時開始接觸前端的。原本只是想要從稍微有點心得的平面設計領域轉換成 UI 設計，在找尋資料的過程中「前端工程師」這幾個字就這樣...
偽類(Pseudo-classes) 在指定的動作下，修改一個已經存在的 DOM 的 CSS 偽類的前面會使用:來前綴，CSS 最常見的偽類就屬:hover...
首圖有點害羞，咳，我只是想表達大小的概念(?)今天來做做關於背景圖片屬性中background-size和background-position的筆記。 ba...
今天我們來用前兩天的概念實作一個 hover 效果 hover 前 hover 後 首先，先簡單寫好 html <div class="con...
變數型別 JavaScript 有七種內建型別： boolean 布林值，例如：true、false。 number 數字，例如：45678。 string...
初學時撞牆 初學程式設計時，我選擇的是與目前不同的線上課程機構。當時的上課方式屬於週進度式，每週會釋出最新一週的課程內容，基本上文字為主，由學生們自行在一週內觀...
比較運算子 用以比較運算元比較後的結果為 true 或 false，進而判斷是否繼續接下來的動作。 等於 == & 不等於 != 用來比較兩個運算元，例...
and && 所有條件皆符合時才能繼續運行之後的程式碼。 舉個例子來說，某餐廳推出生日優惠，但要滿足以下幾個條件才可以享有優惠： 生日當...
函式 function 我們在撰寫 JavaScript 時幾乎都會用到的東西。 函式的基本寫法首先要寫上 function 來宣告函式，接著在後面加上你幫...
全域變數 在函式外宣告的變數屬於全域變數，這時所有的函式都可以取用這個變數。 //在函式外宣告一個變數 let steak = 500; function t...
