前言 在前面的篇章中，分享到如何透過 AI 工具快速生成前端程式碼，使用 V0 將 Figma 設計稿轉換為 Vue + Tailwind 的畫面架構。如果有興趣可以回頭參考第九篇。 不過還是想來分享...
目標依照線稿設計，將畫面做切割使網站由至少5個組件(Component)組成 步驟1.回到線稿0.1A、0.1B原先需求是 按下活動一覽時 會出現活動一覽和副本一覽 按下條件查詢時 會隱藏活動一覽和...
前言 到這裡，我們已經順利完成「註冊功能」設計的部份，為自己鼓掌👏！在這個 AI 盛行的年代，想分享如何運用 AI 透過自然語言輸入，或是直接匯入設計稿，快速生成對應的前端介面。 簡單來說，它能做到的...
開發環境配置 IDE: VS Code 基本Plugin: Vue 格式化Plugin: Prettier 建立專案 建立Vue指令npm create vue@latest <my-ap...
今天來介紹比較容易混淆的部分 功能介紹 computed使用情境比較接近，需要處理ref做計算，但是希望ref未變動時，不要重新執行。雖然有辦法寫getter/setter，來達到傳參數修改計算值的...
雖然ASP.NET Core還沒介紹完，但先開始Vue吧 介紹 SFC: 單一組件的.vue檔案由以下三個區塊組成 template: HTML 樣板 script: 程式邏輯 style: 樣式...
參賽進入最尾聲了，剩下最後一個實戰任務！將會用我之前透過.net MVC開發的訂房網站為基礎進行；今天來完成房間資訊頁，並比較看看和原先jQuery差別在哪！ 這系列兩大重點： 實際操作本機資料庫...
Hello，大家好~歡迎再次回到JavaScript初學者成長日記！今天是最後一天了，我們要來介紹幾個在Vue的課堂上有提到的指令。這裡我們會介紹的是Vue3的語法，因為Vue2在去年官方就不維護了。...
蛤肉，搭家好，我乘風破浪的來了。 在寫這篇前，想說把自己 Day1~Day29 看過一遍，就可以準備好心情和能量，面對完賽了喔這個不真實的事實，屏氣凝神的來下筆。結果一看，看了三小時：） （最後一天也...
用一點動態魔法讓你的網站更生動 大家好！今天是 IT 鐵人賽的第三十天，真不知不覺我們已經走到了終點！這段旅程有很多調皮又溫馨的記憶，而今天我們要終於來做一個最後的決定——將我們的設計做個完美的收尾...