鐵人檔案
學習前端技術時剛好筆電壞了，順勢換台MAC試試不同的操作介面，記錄下設定前端環境的步驟和好用的操作方法，方便日後參考
昨天僅僅是基本的一些功能，就感覺到腦袋很卡，需要大量練習才能讓腦袋生出網站結構的速度加快，以下分享幾個可以練習切版的網站。 Practices Websi...
CSS的簡寫通常很直覺，會取每個音節的第一個字母來用，但有些似乎是有重疊的關係，就會不太一樣，需要特別記一下，不然 tab按下去跑出來是別的標籤實在很尷尬。 排...
過去在看各個前端大神直播或影片的時候，都會發現他們有許多神奇又迅速的操作，但是又不知道該如何做到，今天就來k這份 keyboard-shortcuts-maco...
VS Code組合鍵真的非常多，才發現每天抽空的時間沒辦法練習完，重新編輯分成『介面操作』和『文字編輯』兩篇。 單行操作 組合 功用 ⌘ ＋ 方向...
鐵人賽剩最後６天，回顧前面裝了這麼多工具和指令，還欠缺實際的應用，手上還有一本 Kuro大的『008天絕對看不完的 Vue.js 3』一直沒有好好研讀，決定在剩...
當我們的網頁引入 Vue.js 的時候，會建立一個 Vue 的全域變數，並且提供各種功能等我們去使用。 1. 建立 Vue 實體物件 在 html 放置一個提...
今天練習到 Vue 裡面的 methods（方法），過去使用純 JS 監聽事件觸發後，就會透過函式來做一連串的取值操作，而 methods 就是收集各種方法的區...
純 JS 的環境裡要改變 DOM 元素，除了要找到他，還要用 setAttribute, textContent...等等方式來綁定資料，在 Vue 中只要把資...
在 Javascript 中會用 onclick, onchange...等方式監聽 DOM 物件，而 Vue 則是在 HTML 的標籤裡面加上 v-on 就可...
在沒有框架前，條件判斷都是寫在 Javascript 裡面，但是有了 Vue 之後，可以直接在 HTML 需要判斷的 tag 中寫入判斷式，大幅減少程式碼量。...
