鐵人檔案
舊寫法 JavaScript的舊寫法，被稱為麵條式寫法，是隨者開發者的邏輯思考，想到什麼就寫什麼，沒有明確的規劃，因此會出現資料和畫面綁在一起的狀況，不僅難以閱...
Flex觀念 Flex把所有的排版分為主軸，和與主軸垂直相交的交錯軸，軸向決定後面的CSS寫法。 所以Flex可以垂直排版，但要注意支援度。 Flex規則 di...
container和container-fluid 使用 在Bootstrap中，這兩個Class是一樣的地位，是用來定義最外層容器的。 使用格線系統時，補上c...
顏色 分類 bg：背景顏色 text：文字顏色，又分連結和一般文字兩類 組合 組合方式為分類-組合，可組合的值有： primary secondar...
文字 分類 font開頭 text開頭 使用 對齊方式 文字靠左對齊：text-left 文字靠右對齊：text-right 文字置中對齊：text-...
表單 一般input、textarea、select（包含多重選擇） 結構 最外層：Class中加上form-group，作用為調整間距。 <labe...
必要安裝 文字編輯器，像是VSCode、Atom、Sublime VSCode內插件Live Server或Preview on Web Server二擇一（...
MVC與MVVM MVC MVC是一個前後端架構，分為三個部分： 視圖（View），為畫面顯示的地方。 控制器（Controller），控制接收需求並向模型提...
建立應用程式的方法 <div id="app"> {{text}} </div> <script>...
緣由 因為拖延症嚴重，想要強迫自己看課，所以如果把每天進度都寫成了鐵人30天的文章，為了不中斷，造成參賽失敗，就必須每天都要看課程、寫筆記。 所以這三十篇文章，...
