鐵人檔案
在我的培訓課程中，培訓團隊很用心的會每天給予一個小任務，小任務未必是課堂上有教到的，這種課後小任務不僅讓我們能夠加深對語法的印象，也能在課程之外認識不同的方法，更甚能透過這樣的方式，培養工程師日常不斷蒐集資料與統整、理解程式碼的學習模式，雖然目前我的時間有限，實在很擔心不能完賽，但還是很希望與大家分享與討論自己日常的自我學習狀態，那麼不管我有沒有辦法完賽，還是請大家多多指教了。
去年剛參加完一次鐵人賽，發現每次寫完文章都會有大腦瞬間清晰的感受，雖然過了這麼久好像又慢慢的腦袋豆腐化，但有鑑於當時那個效果非常的好，於是今年的我又再次決定來個...
這幾天都會針對 JavaScript 和 bootstrap 5 做一個大略的回顧，假如對這兩個語法已經十分認識的朋友們，其實就可以直接跳過前面這幾篇囉。 ▸...
來到我們文章的第三天，看著小任務的題目們，今天看起來就是繼續回顧了 ( 喂！ ▸ 物件參考 這兩個小任務需要參考 JavaScript 的「淺拷貝」與「深拷貝」...
相信大家都知道 Bootstrap 真的是個很好用的東西，那麼好用之餘，我們也來寫一寫關於 Bootstrap 的小任務，不熟悉的熟悉一下，熟悉的就當作是回顧囉...
Vue 在畫面的呈現上會有一些基本的指令，接下來這幾天會跟著小任務一起了解一下 Vue 是如何使用指令運作。 Vue 模版語法 這裡先上一段官方的說法： Vu...
v-bind 動態屬性 可將屬性綁定於 class，並將資料傳遞到元素上，屬性若是有更動，所綁定 class 也會一起更動。 ：是 v-bind 的縮寫，我們很...
內置指令 v-for、v-if ▸ v-for 通常使用於多筆資料的渲染，呈現的寫法是這樣子： <div v-for="item in item...
指令 v-model、v-on ▸ v-model 幫助 template 裡面的 DOM 元素與 data 裡面的屬性做雙向綁定。 從官方的表單範例來看，如果...
屬性綁定 v-bind:class 我們在修改網頁樣式時，比較常見的做法是寫一個獨立的 SASS 或其他支援樣式的語言，然後再將它嵌套至網頁中，現在除了這樣的方...
Vue 實體建立 Vue2 與 Vue3 實體建立的方法不同，Vue2 通過 new Vue 建立實例，Vue3 則是 createApp： // vue 2....
