iT邦幫忙

學習筆記相關文章
共有 587 則文章
鐵人賽 Modern Web DAY 16

技術 Day16|什麼是 HEAD ?

在先前的章節裡,我們可以常看見 HEAD 這個名詞,它指的是什麼呢? // git 恢復文件到初始狀態 $ git reset HEAD <file&gt...

鐵人賽 自我挑戰組 DAY 19

技術 Day 19 CSS <icon font 字體圖標>

1. 字體圖標使用場景 主要用於顯示網頁中通用或常用的一些小圖標 因為精靈圖有許多優點 但缺點也很明顯: a. 圖片文件相對較大b. 圖片本身放大和縮小會失真c...

鐵人賽 Modern Web DAY 14
Vue.js 什麼意思 系列 第 14

技術 Day 14:動態 Route 對號入座

上篇完成了巢狀路由的設置之後,緊接著新需求又出現了!接續會員後台的收藏紀錄頁面,我們要進一步讓收藏的書單可以被購買: 點擊收藏紀錄中的單筆書目資料時,會進入購...

鐵人賽 Modern Web DAY 15

技術 Day15|【Git】git reset 補充 - 三種模式

之前介紹 git reset 時,有提到說使用 git reset 指令時,有三種常用來搭配的參數模式,因此本篇就來詳細說明這三種模式分別是什麼意思。 💡 g...

鐵人賽 Modern Web DAY 15

技術 入門魔法 - Event 事件

前情提要 艾草:「好了,總算選取到樹上的紅色果實了,那我來教你一些簡單的火屬性魔法事件。」 「咦,我的魔力總量夠了嗎?總算能開始了嗎!」 艾草:「我琢磨著你的成...

鐵人賽 Modern Web DAY 13
Vue.js 什麼意思 系列 第 13

技術 Day 13:巢狀路由的孩子-Nested Routes

目前設定的 Navbar 路由架構還算單純,並且只有單層路徑,但是當專案規模愈來愈大、功能類別拆分的愈趨詳細時,整體網站就相對需要更具層級性的規劃,此時路由架構...

鐵人賽 自我挑戰組 DAY 18

技術 Day 18 CSS <Sprite 精靈圖>

1. 為什麼需要精靈圖 一個網頁中會需要很多小的背景作為修飾,若圖像過多服務器頻繁接收&amp;發送會造成服務器壓力過大,將降低頁面加載速度 因此,為了有效減少...

鐵人賽 Modern Web DAY 14

技術 Day14|【Git】檔案管理 - 檔案還原 git reset

上篇介紹 git checkout 是還原檔案內容,那麼 git reset 的功能是什麼呢? git reset 指令功能:還原「檔案狀態」 使用 git...

鐵人賽 Modern Web DAY 14

技術 入門魔法 - 針對 DOM 節點的簡單操作

前情提要 上回說了希望選擇學習火屬性魔法後,艾草帶我走到一棵大樹下。 艾草:「來嘗試用自己現有的魔力試試看能否選取到樹上紅色的果實。」 「呃啊啊啊...呼哈呼哈...

鐵人賽 自我挑戰組 DAY 17

技術 Day 17 CSS <用戶介面樣式 & 三角>

什麼是介面樣式? 所謂的介面樣式,就是更改一些用戶操作樣式,以提高用戶體驗。 更改用戶的鼠標樣式 語法 : li { cursor : pointer;...

鐵人賽 Modern Web DAY 13

技術 入門魔法 - 常用陣列方法(二)find、findIndex

前情提要 艾草:「不知不覺也累積了不少魔力總量了,我們今天透過魔法陣列來找出你適合的屬性值吧!」 「有哪些屬性呀?」 艾草:「金、木、水、火、土。喔喔喔,看到了...

鐵人賽 Modern Web DAY 12
Vue.js 什麼意思 系列 第 12

技術 Day 12:Router 繞去哪-active-class & exact-active-class

上篇我們為 Navbar 設定好路由之後,接下來的需求則是希望能夠讓選取效果更為明顯,優化使用者體驗: hover 項目時,字體顏色顯示為紅色 ⇒ 跟隨游標移...

鐵人賽 Modern Web DAY 13

技術 Day13|【Git】檔案管理 - 檔案還原 git checkout

當我們不小心把檔案或目錄刪除時,有什麼辦法可以還原檔案呢? git checkout 、git reset 指令可以解決這個問題。 git checkout...

鐵人賽 Modern Web DAY 11
Vue.js 什麼意思 系列 第 11

技術 Day 11:Router 怎麼繞-router-link、router-view

大家應該也發現到了,目前點選 Navbar 項目並沒有任何反應;但是點選公版中的 Home 和 About 時: 點選 About,網址跳轉至「 http:/...

鐵人賽 Modern Web DAY 12

技術 Day12|【Git】檔案管理 - 忽略檔案 .gitignore

為何會需要 .gitignore ? 常用的情況如下: 是否常常在 commit 檔案時,會發現有一些明明不是自己建立的檔案,卻因為系統關係會產生編譯檔或是暫...

鐵人賽 Modern Web DAY 12

技術 入門魔法 - 常用陣列方法(一) forEach、filter、 map

前情提要 艾草:「你過來幫我擺一下魔法陣!」 「哇喔,看起來好厲害唷!這裡有三個空位是要擺什麼嗎?」 艾草:「對唷!魔法陣列內都能擺入三個參數,來這個你接著!擺...

鐵人賽 Modern Web DAY 10
Vue.js 什麼意思 系列 第 10

技術 Day 10:v-for 註定綁個 key

承上篇,談到 v-for,就要說說它的最佳良伴——key。 v-for 必須綁定代表唯一值的 key 若未綁定 key 值,Terminal 會直接報錯,表示「...

鐵人賽 Modern Web DAY 11

技術 Day11|【Git】檔案管理 - 重新命名檔案 git mv

延續上篇的說明,在 Git 的世界,任何動作對 Git 來說都可以視為一個「修改」的動作。因此這篇要介紹的 mv 指令概念都是相同的。 複習上篇的刪除檔案 gi...

鐵人賽 自我挑戰組 DAY 15

技術 Day 15 CSS <網頁布局-定位布局-1.定位模式>

為什麼需要定位元素? 定位元素可以實現 : 某個元素可以自由地在一個盒子內移動位置,並且壓住其他盒子 當滾動窗口的時候,盒子是固定屏幕某個位置的 所以 :...

鐵人賽 Modern Web DAY 10

技術 入門魔法 - function 函式

前情提要 艾草:「你可以幫我算一下 100 + 100 是多少嗎?」 「200 啊...」 艾草:「那在加 6 次 100 呢?」 「...? 妳在幹嘛呀,啊是...

鐵人賽 Modern Web DAY 11

技術 入門魔法 - 了解 JSON 格式及內建方法

前情提要 前幾天幫艾草整理了愛情靈藥秘方。 「咦,愛情靈藥的秘方也太簡單了吧,我還以為會很特別呢?」 艾草:「NoNoNo! 你一定是誤以為愛情靈藥是讓人愛上你...

鐵人賽 Modern Web DAY 10

技術 Day10|【Git】檔案管理 - 刪除檔案 git rm

開始前,先提個小小的觀念: ✏️ 在 Git 的世界裡,不管是新增、刪除或重新命名,都可以看為是一個「修改」的動作。 因此這篇所要介紹的刪除檔案指令 git r...

鐵人賽 Modern Web DAY 9
Vue.js 什麼意思 系列 第 9

技術 Day 09:遍歷資料好便利-v-for

目前為止,我們成功引入了 BootstrapVue 的元件 Navbar,也調整了樣式和內容。 突然發現少放了一個重要項目,於是趕緊補上一個 &lt;b-nav...

鐵人賽 Modern Web DAY 8
Vue.js 什麼意思 系列 第 8

技術 Day 08:深仍可測的元件樣式-Deep Selectors

成功渲染出 BootstrapVue Navbar 元件之後,接著來將預設樣式改成自己喜歡的專案色調和排版吧!依據文件介紹,我們可以利用修改 property...

鐵人賽 Modern Web DAY 9

技術 Day9|工作區、暫存區、儲存庫,以及各執行的檔案狀態

前幾篇章節經常提到使用 git add 加至暫存區,git commit 提交到儲存庫。這些工作區、暫存區、儲存庫,分別代表什麼意思呢?讓我們一個一個好好認識,...

鐵人賽 Modern Web DAY 9

技術 入門魔法 - 物件

前情提要 艾草:「來,既然要學習物件讓我帶你瞧瞧這個秘方。」 (從異空間拿出一張古老透著神秘光澤的紙。) 「如何煉製愛情靈藥...?」 艾草:「對呀,看到底下這...

鐵人賽 Modern Web DAY 8

技術 Day8|【Git】檢視紀錄 - git log

學習到將檔案提交到儲存庫後,現在來看看如何檢視之前的 Commit 紀錄吧。 檢視紀錄 - git log 指令 $ git log # 檢視先前的紀錄 用...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12 CSS <圓角邊框、盒子陰影>

圓角邊框 使用border-radius圓角邊框樣式,可以修改盒子邊框變成圓角 語法: border-radius:length; //四邊屬性設置同樣 bo...

鐵人賽 自我挑戰組 DAY 22

技術 擁抱傳統,享受數位便利

不管是數位還是手寫,各有各種的好處,端看每個人的需求。來看數位及傳統載體的優劣勢:手寫的最大好處是在腦袋中可記憶的內容比較多,再來時可以隨時去做塗改、新增以及圖...

鐵人賽 Modern Web DAY 8

技術 入門魔法 - 陣列

前情提要 經過上一回的測驗,我發現了自己不是天選之人。 「哪尼,為什麼我不是天選之人,我不是有魔力嗎?而且還有引導學姊妳呀!」 艾草:「哎唷,現在為了擴大培養魔...