鐵人檔案
昨天認識了 流程控制 的 if else ，今天來認識另外一個 switch case ，目的都是根據不同的條件，執行不同的操作。 switch case sw...
什麼是 RWD ？ 有發現同一個網站，在使用 電腦 、 平板 和 手機 瀏覽時，視覺上 排版方式 不太一樣嗎？這個就是 RWD（響應式網頁設計） 。 以下引用自...
迴圈控制 for 主要用於已經知道會 重複 幾次的 邏輯 ，比如都要 + 1 或都要 + 2 等等。讓我們不用打好多好長的程式碼。 格式如下： for(初始設定...
迴圈控制 while for 和 while 是很像的，不過 for迴圈 適合用在 已知 循環次數的需求；而 while迴圈 適合用在 未知 循環次數的需求。...
如果有一段程式碼會 重複 出現，那麼你可以考慮將它寫成 函式 ，日後要使用它時，只要呼叫那個函式即可，就不用重複地去寫程式碼了～ 假設我要讓我的狗狗聽到一個指令...
JavaScript 的內容有很多，【每天 5 分鐘】的介紹，不知道要寫到什麼時候 XD這幾天很掙扎，在 30 天的鐵人賽中， JS 的部分 要介紹到哪邊為止？...
什麼是 Wireframe？ 雖然說 Wireframe 屬於 UI/UX 設計師的工作範圍，但前端工程師如果看不懂線框圖，就會不知道網頁該切成什麼模樣。 Wi...
鐵人賽將近尾聲了～時間在不知不覺間也過得很快。 我們來切一個簡單的網頁吧！ Wireframe 配置 方框中間有叉叉 ： 表示 圖片 方框 ： 表示...
昨天架構完 HTML （附上連結 切版實作 HTML 篇），今天要加上 CSS 樣式做排版～ 會補充說明 偽類別 ，以及 CSS 變數 的使用方法。 首先建立一...
鐵人賽來到 最後一天 ，謝謝這段時間 閱讀系列文的大家，忽然覺得有點捨不得 (´•̥̥̥ω•̥̥̥`) 今天會補充之前文章有提過～但還沒說明的 三元運算子 。...
