iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

3 Like 1 留言 1798 瀏覽

鐵人賽 Modern Web DAY 19

JavaScript 魔法入門 - 從入門到中階觀念系列第 19 篇

技術中階魔法 - 執行環境與執行堆疊

前情提要上回偷拿遠距離初階魔法攻擊艾草。艾草：「我看你拿魔法丟我丟得挺順的了(╬•᷅д•᷄╬)，那開始教你中階魔法吧！」「喔喔喔喔喔，被我扔到良心發現了嗎...

艾草 ‧ 2021-10-03 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 5518 瀏覽

鐵人賽 Modern Web DAY 17

Vue.js 什麼意思系列第 17 篇

技術 Day 17：異步行動，同步變動－Vuex Actions、Mutations

Vuex 是個處理全域資料的狀態管理庫，採集中式管理方式，方便任何元件都能從中獲取狀態或觸發事件，實作上通常用來存儲 API 資料後再加以應用，尤其適合應用於開...

Teen ‧ 2021-10-02 ‧團隊好想工作室V5.0

0 Like 0 留言 2014 瀏覽

鐵人賽自我挑戰組 DAY 22

從零開始前端學習(HTML、CSS、JavaScript) 系列第 22 篇

技術 Day 22 HTML5 <HTML5 input類型、表單標籤>

HTML5新增的input類型:  <form action="">...

a0265392_lin ‧ 2021-10-02

1 Like 1 留言 1547 瀏覽

鐵人賽 Modern Web DAY 18

JavaScript 魔法入門 - 從入門到中階觀念系列第 18 篇

技術入門魔法 - ES6 箭頭函式寫法

前情提要上回學習遠距離火屬性初階魔法。「呼，總算學完了，我來試試發射看吧！」艾草：「欸欸，你不要都往我身上丟啊啊啊，雖然這火很弱，但不要亂來啊啊！」「啊...

艾草 ‧ 2021-10-02 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

2 Like 0 留言 4916 瀏覽

鐵人賽 Modern Web DAY 20

【Git】從零開始學習 Git - 30 天的學習筆記系列第 20 篇

技術 Day20｜【Git】介紹分支觀念與切換分支指令動作

上篇介紹關於分支的常用指令，那麼這篇讓我們好好了解分支是什麼吧！分享我最初聽到「分支」時，我的理解是：在原有的支線上，另闢一條新的支線，然後把內容移過去，之...

Chun.y.c ‧ 2021-10-04 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

1 Like 0 留言 10054 瀏覽

鐵人賽 Modern Web DAY 19

【Git】從零開始學習 Git - 30 天的學習筆記系列第 19 篇

技術 Day19｜【Git】開始使用分支 - git branch（基本常用指令）

學習完 git 的基本觀念後，我們就來進入下一階段，創建分支吧！為什麼會需要分支呢？分支的好處在於當多人同時使用專案時，大家可以針對這個專案各自建立自己的分...

Chun.y.c ‧ 2021-10-03 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

2 Like 0 留言 2714 瀏覽

鐵人賽 Modern Web DAY 18

【Git】從零開始學習 Git - 30 天的學習筆記系列第 18 篇

技術 Day18｜【Git】存在 .git 目錄裡的東西 - Commit 與 Tag（下）

在上一篇章節介紹過 Blob 物件與 Tree 物件後，接下來讓我們認識 Commit 與 Tag 分別是什麼吧！ Commit 擁有 SHA1 檔名，儲存...

Chun.y.c ‧ 2021-10-02 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

1 Like 0 留言 4731 瀏覽

鐵人賽 Modern Web DAY 17

【Git】從零開始學習 Git - 30 天的學習筆記系列第 17 篇

技術 Day17｜【Git】存在 .git 目錄裡的東西 - Blob 物件與 Tree 物件（上）

Git 有四種 type (類型) 的物件：blob、tree、commit 和 tag。本篇主要先來講解 Blob 物件與 Tree 物件。本篇會使用到...

Chun.y.c ‧ 2021-10-01 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 6516 瀏覽

鐵人賽 Modern Web DAY 16

Vue.js 什麼意思系列第 16 篇

技術 Day 16：axios 先封裝，API 輕鬆發

上篇我們在單一元件內使用 axios 發送 API，但如果專案規模愈來愈大，需要同時管理多個功能的 API，例如顯示單一書目資料、會員登入系統、查詢會員資料、查...

Teen ‧ 2021-10-01 ‧團隊好想工作室V5.0

1 Like 1 留言 4543 瀏覽

鐵人賽 Modern Web DAY 17

JavaScript 魔法入門 - 從入門到中階觀念系列第 17 篇

技術入門魔法 - 透過 axios 發送網路請求

前情提要上回提到了要透過 AJAX 遠距離魔法呼叫精靈並等待精靈回覆。艾草：「來，我們先來試試看 AJAX 的其中一段咒語：XMLHttpRequests...

艾草 ‧ 2021-10-01 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

1 Like 0 留言 2000 瀏覽

鐵人賽 Modern Web DAY 16

JavaScript 魔法入門 - 從入門到中階觀念系列第 16 篇

技術入門魔法 - AJAX

前情提要經過上次火屬性初階魔法近距離灼傷手指後。「就不能讓這個火離我遠一點嗎？遠距離魔法不存在嗎？」艾草：「你這麼一說我倒是想起來了，有一個方法可以遠距離...

艾草 ‧ 2021-09-30 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 2033 瀏覽

鐵人賽自我挑戰組 DAY 21

從零開始前端學習(HTML、CSS、JavaScript) 系列第 21 篇

技術 Day 21 HTML5 <HTML5 多媒體標籤>

多媒體標籤可以很方便的在頁面中嵌入音頻和視頻，而不用去使用flash和其他瀏覽器的插件，多媒體標籤主要分為視頻標籤、音頻標籤 1.視頻標籤 <video&...

a0265392_lin ‧ 2021-10-01

0 Like 0 留言 3522 瀏覽

鐵人賽自我挑戰組 DAY 20

從零開始前端學習(HTML、CSS、JavaScript) 系列第 20 篇

技術 Day 20 CSS & HTML5 <CSS的初始化 & HTML5 新增的語意化標籤>

CSS的初始化簡單理解 : CSS初始化是指重設瀏覽器的樣式 (也稱 CSS reset) 每個網頁都必須首先進行 CSS初始化初始化範例 : /* 把我们...

a0265392_lin ‧ 2021-09-30

0 Like 0 留言 2815 瀏覽

鐵人賽 Modern Web DAY 15

Vue.js 什麼意思系列第 15 篇

技術 Day 15：在生命週期呼喊 API

在鐵人賽即將過半之際，終於要來串接 API 顯示真實的書單資料了！不過在此之前，我們應該先來了解一下 Vue.js 的生命週期。生命週期（Lifecycle）...

Teen ‧ 2021-09-30 ‧團隊好想工作室V5.0

1 Like 0 留言 4051 瀏覽

鐵人賽 Modern Web DAY 16

【Git】從零開始學習 Git - 30 天的學習筆記系列第 16 篇

技術 Day16｜什麼是 HEAD ?

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

Chun.y.c ‧ 2021-09-30 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 2415 瀏覽

鐵人賽自我挑戰組 DAY 19

從零開始前端學習(HTML、CSS、JavaScript) 系列第 19 篇

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

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

a0265392_lin ‧ 2021-09-29

0 Like 0 留言 2227 瀏覽

鐵人賽 Modern Web DAY 14

Vue.js 什麼意思系列第 14 篇

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

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

Teen ‧ 2021-09-29 ‧團隊好想工作室V5.0

1 Like 0 留言 4482 瀏覽

鐵人賽 Modern Web DAY 15

【Git】從零開始學習 Git - 30 天的學習筆記系列第 15 篇

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

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

Chun.y.c ‧ 2021-09-29 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

1 Like 0 留言 2428 瀏覽

鐵人賽 Modern Web DAY 15

JavaScript 魔法入門 - 從入門到中階觀念系列第 15 篇

技術入門魔法 - Event 事件

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

艾草 ‧ 2021-09-29 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 3161 瀏覽

鐵人賽 Modern Web DAY 13

Vue.js 什麼意思系列第 13 篇

技術 Day 13：巢狀路由的孩子－Nested Routes

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

Teen ‧ 2021-09-28 ‧團隊好想工作室V5.0

0 Like 0 留言 3091 瀏覽

鐵人賽自我挑戰組 DAY 18

從零開始前端學習(HTML、CSS、JavaScript) 系列第 18 篇

技術 Day 18 CSS <Sprite 精靈圖>

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

a0265392_lin ‧ 2021-09-28

2 Like 0 留言 13222 瀏覽

鐵人賽 Modern Web DAY 14

【Git】從零開始學習 Git - 30 天的學習筆記系列第 14 篇

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

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

Chun.y.c ‧ 2021-09-28 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

3 Like 0 留言 2805 瀏覽

鐵人賽 Modern Web DAY 14

JavaScript 魔法入門 - 從入門到中階觀念系列第 14 篇

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

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

艾草 ‧ 2021-09-28 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 1382 瀏覽

鐵人賽自我挑戰組 DAY 17

從零開始前端學習(HTML、CSS、JavaScript) 系列第 17 篇

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

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

a0265392_lin ‧ 2021-09-27

3 Like 1 留言 1514 瀏覽

鐵人賽 Modern Web DAY 13

JavaScript 魔法入門 - 從入門到中階觀念系列第 13 篇

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

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

艾草 ‧ 2021-09-27 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 3673 瀏覽

鐵人賽 Modern Web DAY 12

Vue.js 什麼意思系列第 12 篇

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

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

Teen ‧ 2021-09-27 ‧團隊好想工作室V5.0

1 Like 0 留言 7723 瀏覽

鐵人賽 Modern Web DAY 13

【Git】從零開始學習 Git - 30 天的學習筆記系列第 13 篇

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

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

Chun.y.c ‧ 2021-09-27 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 6556 瀏覽

鐵人賽 Modern Web DAY 11

Vue.js 什麼意思系列第 11 篇

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

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

Teen ‧ 2021-09-26 ‧團隊好想工作室V5.0

1 Like 0 留言 16314 瀏覽

鐵人賽 Modern Web DAY 12

【Git】從零開始學習 Git - 30 天的學習筆記系列第 12 篇

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

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

Chun.y.c ‧ 2021-09-26 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

3 Like 0 留言 3161 瀏覽

鐵人賽 Modern Web DAY 12

JavaScript 魔法入門 - 從入門到中階觀念系列第 12 篇

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

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

艾草 ‧ 2021-09-26 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

技術 中階魔法 - 執行環境與執行堆疊

技術 Day 17：異步行動，同步變動－Vuex Actions、Mutations

技術 Day 22 HTML5 <HTML5 input類型、表單標籤>

技術 入門魔法 - ES6 箭頭函式寫法

技術 Day20｜【Git】介紹分支觀念與切換分支指令動作

技術 Day19｜【Git】開始使用分支 - git branch（基本常用指令）

技術 Day18｜【Git】存在 .git 目錄裡的東西 - Commit 與 Tag（下）

技術 Day17｜【Git】存在 .git 目錄裡的東西 - Blob 物件與 Tree 物件（上）

技術 Day 16：axios 先封裝，API 輕鬆發

技術 入門魔法 - 透過 axios 發送網路請求

技術 入門魔法 - AJAX

技術 Day 21 HTML5 <HTML5 多媒體標籤>

技術 Day 20 CSS & HTML5 <CSS的初始化 & HTML5 新增的語意化標籤>

技術 Day 15：在生命週期呼喊 API

技術 Day16｜什麼是 HEAD ?

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

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

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

技術 入門魔法 - Event 事件

技術 Day 13：巢狀路由的孩子－Nested Routes

技術 Day 18 CSS <Sprite 精靈圖>

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

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

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

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

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

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

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

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

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

標記使用者

技術中階魔法 - 執行環境與執行堆疊

技術入門魔法 - ES6 箭頭函式寫法

技術入門魔法 - 透過 axios 發送網路請求

技術入門魔法 - AJAX

技術入門魔法 - Event 事件

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

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

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