iT邦幫忙

自學筆記相關文章
共有 262 則文章

技術 [python自學筆記] DAY 01

本文為python自學紀錄,有了鐵人賽經驗,決定好好的來學習python,並且從基礎開始~ 1. print使用 #Day 01 練習 印出"Hell...

鐵人賽 自我挑戰組 DAY 30

技術 DAY30 - 三十天功德圓滿

終於到了第三十天,算是草草的結束這次的鐵人賽...文章寫到後面水分比西瓜還多,看來了下次的鐵人賽還是要把內容都預先準備起來,如果要每天寫文章變數太大一下停電一下...

鐵人賽 自我挑戰組 DAY 29

技術 DAY29 - 我使用的字幕翻譯的外掛(chrome)

按照課程的內容,大概寫不完了,今天也整天都在外面忙所以簡單介紹一下,我目前使用的chrome 外掛 for Udemy 課程的字幕翻譯目前我只會買有英文字幕(有...

鐵人賽 自我挑戰組 DAY 28

技術 DAY28 - next/image

啟用 next/image C:\mylab_2023_9\ironman_2023\app\reviews[slug]\page.jsx import Ima...

技術 30. RWD

Responsive Web Design 簡稱(RWD)是一種網頁設計方法,目的是讓網頁在不同裝置和螢幕尺寸上都能提供最佳的版面配置。->使用CSS3的...

技術 29.jQuary之特效篇

1).hide() //用於隱藏符合的元素,選擇的元素會變得不可見,但仍會占用相同的空間。->$(selector).hide();->$(sele...

技術 28.使用jQuery變更CSS樣式

一、.css()->css("CSS屬性名稱"); //取得第一個符合之元素的CSS樣式->css("CSS屬性名稱&...

鐵人賽 自我挑戰組 DAY 27

技術 DAY27- ESLint

影片 68 ESLintvs code 安裝 微軟出的 ESLint 外掛 npm i --save-dev eslint eslint-config-next...

技術 27.jQuary之操作DOM物件

DOM全稱為 Document Object Model(文件物件模型)是一種表示和操作HTML、XML等文件結構的程式化方式。它將文件視為一個樹狀結構,允許程...

技術 26.jQuary

JQuery是一個快速、功能強大的JavaScript函式庫,透過它可以讓許多操作變得容易,如操作文件、選擇文件物件元素、處理事件、建立特效、使用Ajax技術程...

技術 25.music-MV播放

MV播放1.MV標示顯示(v-if2.MV地址獲取3.遮罩層(v-show v-on4.MV地址設置(v-bind mv地址獲取(以下為黑馬程序員課程提供)請...

鐵人賽 自我挑戰組 DAY 26

技術 DAY26 - Static Build with CMS Data

前言: 所有的資料都改用CMS後端原本存放markdown文件檔的 content 資料夾可以整個刪掉 這邊要檢視 npm build 所產生的靜態網頁之前St...

技術 24.music-播放CD

播放CD-監聽音樂播放(v-on play-監聽音樂暫停(v-on pause-操縱class(v-bind 對象這個功能不用掉用到axios,只要操作clas...

技術 23.music-歌曲評論

歌曲評論->點擊播放時同步顯示當前評論->列表結構1.點擊播放2.評論獲取:axios+歌曲id3.渲染:v-for 熱門評論獲取(以下為黑馬程序...

技術 22.music-歌曲封面

歌曲封面1.更蓋封面主要是更改image的src2.封面獲取3.封面設置v-bind 歌曲詳情獲取(以下為黑馬程序員課程提供)-請求地址:https://au...

鐵人賽 自我挑戰組 DAY 25

技術 DAY25 - 從cms的資料庫撈資料到前端 4 (end)

前言: lib\reviews.js 裡面的 getReview getReviews 兩隻函式有很多重複的地方另外寫一隻函數來取代,重複的地方有兩個,拆成兩隻...

技術 21.music-歌曲播放

歌曲播放1.點擊歌曲v-on2.歌曲地址獲取(axios/歌曲id)3.歌曲地址設置(v-bind)4.Audio標籤當我們點擊播放時,audio裡的src會改...

技術 20.music-歌曲搜索

要添加歌曲搜索功能,可以使用音樂數據API(例如Spotify、YouTube等)來獲取歌曲信息。在瀏覽器中搜尋->enter->發送給服務器1.按...

技術 19.天氣查詢(下)

用戶可以輸入城市名稱,然後點擊按鈕來獲取天氣訊息。當用戶輸入城市名稱並點擊按鈕時,應用會向天氣API發送請求,然後顯示返回的天氣數據 首先先到openwea...

鐵人賽 自我挑戰組 DAY 24

技術 DAY24 - 從cms的資料庫撈資料到前端 3

前言: 昨天把Review頁面完成後,接下來要做單獨的頁面API資料串接現在點選個別的遊戲頁面連結是會跳出錯誤的,今天就完成這個部分 先在測試程式裡實作 sc...

技術 18.天氣查詢(上)

Enter事件->按下enter(v-on .enter)->查詢數據(axios / v-model)->渲染 v-for / that...

技術 17.結合Vue+axios

在vue實例方法當中可以透過this訪問data裡面的數據,但獲取網路數據後,vue實例裡面的this不在是同樣的那個因此無法訪問data中的數據,所以我們應該...

技術 16.Axios

(一)Axios基於promise的HTTP客戶端,可以用在瀏覽器和 Node.js 中,幫助你發送 GET、POST、PUT、DELETE 等不同類型的請求...

鐵人賽 自我挑戰組 DAY 23

技術 DAY23 - 從cms的資料庫撈資料到前端 2

缺少圖片 重點 把圖片 顯示在網頁上 const CMD_URL = "http://localhost:1337"; const...

技術 15.代辦清單-清空、隱藏

清空-點及清除所有信息(v-on)Clear =>讓列表裡面的值全部清空lists=[] v-on click觸發 clear(){ this...

技術 14.代辦清單-刪除、統計

點擊刪除指定內容(v-on splice索引) splice方法的使用當我們點擊某個待辦事項的刪除按鈕時,remove方法將被調用,並將該待辦事項從lists...

技術 13.代辦清單-新增

今天來練習一個小小的代辦清單:新增功能:1.生成列表結構 v-for2.獲取用戶輸入 (v-model 雙向數據綁定)3.enter,新增數據 (v-on .e...

鐵人賽 自我挑戰組 DAY 22

技術 DAY22 - 從cms的資料庫撈資料到前端 1

前言: 昨天的內容是在單獨的js檔案中,完成API的對接,從Strapi的資料庫中,撈出資料,今天的內容就是把寫在測試程式裡的程式碼拿到專案中實作。 編輯 li...

技術 12.Vue-5

(一) v-for根據數據生成結構列表(如陣列或物件) 語法: item in items (item 的名稱可任意命名,只要是合法的 JavaScript...

技術 11.Vue圖片切換

定義圖片陣列-圖片數組imgArr 添加圖片索引-index 綁定src屬性-v-bind 圖片切換 v-on 邏輯-v-show 顯示狀態切換 <d...