播放CD-監聽音樂播放(v-on play-監聽音樂暫停(v-on pause-操縱class(v-bind 對象這個功能不用掉用到axios，只要操作clas...
歌曲評論->點擊播放時同步顯示當前評論->列表結構1.點擊播放2.評論獲取:axios+歌曲id3.渲染:v-for 熱門評論獲取(以下為黑馬程序...
歌曲封面1.更蓋封面主要是更改image的src2.封面獲取3.封面設置v-bind 歌曲詳情獲取(以下為黑馬程序員課程提供)-請求地址:https://au...
前言： lib\reviews.js 裡面的 getReview getReviews 兩隻函式有很多重複的地方另外寫一隻函數來取代，重複的地方有兩個，拆成兩隻...
歌曲播放1.點擊歌曲v-on2.歌曲地址獲取(axios/歌曲id)3.歌曲地址設置(v-bind)4.Audio標籤當我們點擊播放時，audio裡的src會改...
要添加歌曲搜索功能，可以使用音樂數據API（例如Spotify、YouTube等）來獲取歌曲信息。在瀏覽器中搜尋->enter->發送給服務器1.按...
前言： 昨天把Review頁面完成後，接下來要做單獨的頁面API資料串接現在點選個別的遊戲頁面連結是會跳出錯誤的，今天就完成這個部分 先在測試程式裡實作 sc...
用戶可以輸入城市名稱，然後點擊按鈕來獲取天氣訊息。當用戶輸入城市名稱並點擊按鈕時，應用會向天氣API發送請求，然後顯示返回的天氣數據 首先先到openwea...
Enter事件->按下enter(v-on .enter)->查詢數據(axios / v-model)->渲染 v-for / that...
在vue實例方法當中可以透過this訪問data裡面的數據，但獲取網路數據後，vue實例裡面的this不在是同樣的那個因此無法訪問data中的數據，所以我們應該...
(一)Axios基於promise的HTTP客戶端，可以用在瀏覽器和 Node.js 中，幫助你發送 GET、POST、PUT、DELETE 等不同類型的請求...
缺少圖片 重點 把圖片 顯示在網頁上 const CMD_URL = "http://localhost:1337"; const...
前言： 昨天的內容是在單獨的js檔案中，完成API的對接，從Strapi的資料庫中，撈出資料，今天的內容就是把寫在測試程式裡的程式碼拿到專案中實作。 編輯 li...
清空-點及清除所有信息(v-on)Clear =>讓列表裡面的值全部清空lists=[] v-on click觸發 clear(){ this...
點擊刪除指定內容(v-on splice索引) splice方法的使用當我們點擊某個待辦事項的刪除按鈕時，remove方法將被調用，並將該待辦事項從lists...
今天來練習一個小小的代辦清單:新增功能:1.生成列表結構 v-for2.獲取用戶輸入 (v-model 雙向數據綁定)3.enter，新增數據 (v-on .e...
前言: 今天這篇還是在測試程式(scripts\strapi-request.mjs)裡，寫有關API對接的範例是獨立的程式，並不會動到專案裡的程式碼。 安裝套...
(一) v-for根據數據生成結構列表(如陣列或物件) 語法: item in items (item 的名稱可任意命名，只要是合法的 JavaScript...
定義圖片陣列-圖片數組imgArr 添加圖片索引-index 綁定src屬性-v-bind 圖片切換 v-on 邏輯-v-show 顯示狀態切換 <d...
(一)v-show: 根據條件的布林值來控制元素的顯示和隱藏，與CSS的display屬性相關聯，但與v-if指令不同，v-show 不會將元素從DOM中移除，...
(一) v-text:設置標籤的文本內容textContent我們除了可以用兩個大括號{{}}將data值綁定之外，也可用使用v-txet <div id...
http://localhost:1337/api/reviews資料格式 測試api (在前端資料夾) 後端需要啟動ironman_2023\scripts\...
(一)Vue.js 的實體物件: 透過new Vue()或Vue.createApp()得到新物件，並指定變數名稱，透過此物件來掛載在網頁上的某個 DOM 節點...
Vue是一個用於建立使用者介面的 JavaScript 框架。他提供聲明性和基於元件的程式設計模型，幫助開發人員構建交互性強、高效的網頁應用程序。以下是Vue的...
Headless CMS: A headless Content Management System, or headless CMS, is a back e...
一、導覽列(navbar)是網頁或應用程式界面中常見的一種元素，用於幫助使用者導航和定位到網站或應用的不同部分或功能。它通常位於網頁或應用的頂部或側邊，提供了一...
(一)陰影(二) 定位、文繞圖一、定位1.一般定位position2.圖層定位利用到z-index屬性來設定元件層次，z-index 數字越大的在越上面，反之則...
CSS串接樣式表，可控制版面位置、網頁配色以及產生文字與圖片特效(一) 在HTML文件裡面使用CSS樣式，有三種方式1.行內宣告:將CSS寫在html標記裡，&...
今天的內容是要把進行中的專案部署到網路上Next.js 是由Vercel這家公司所開發的所以可以把Next.js專案免費部署到Vercel基本上只要先將專案gi...
不惑的胖虎
iThome鐵人賽
看影片追技術