前情提要 上回學習遠距離火屬性初階魔法。 「呼，總算學完了，我來試試發射看吧！」 艾草：「欸欸，你不要都往我身上丟啊啊啊，雖然這火很弱，但不要亂來啊啊！」 「啊...
在上一篇章節介紹過 Blob 物件與 Tree 物件後，接下來讓我們認識 Commit 與 Tag 分別是什麼吧！ Commit 擁有 SHA1 檔名，儲存...
Git 有四種 type (類型) 的物件：blob、tree、commit 和 tag。 本篇主要先來講解 Blob 物件與 Tree 物件。 本篇會使用到...
多媒體標籤可以很方便的在頁面中嵌入音頻和視頻，而不用去使用flash和其他瀏覽器的插件，多媒體標籤主要分為視頻標籤、音頻標籤 1.視頻標籤 <video&...
前情提要 上回提到了要透過 AJAX 遠距離魔法呼叫精靈並等待精靈回覆。 艾草：「來，我們先來試試看 AJAX 的其中一段咒語 ：XMLHttpRequests...
上篇我們在單一元件內使用 axios 發送 API，但如果專案規模愈來愈大，需要同時管理多個功能的 API，例如顯示單一書目資料、會員登入系統、查詢會員資料、查...
前情提要 經過上次火屬性初階魔法近距離灼傷手指後。 「就不能讓這個火離我遠一點嗎？遠距離魔法不存在嗎？」 艾草：「你這麼一說我倒是想起來了，有一個方法可以遠距離...
CSS的初始化 簡單理解 : CSS初始化是指重設瀏覽器的樣式 (也稱 CSS reset) 每個網頁都必須首先進行 CSS初始化 初始化範例 : /* 把我们...
在鐵人賽即將過半之際，終於要來串接 API 顯示真實的書單資料了！不過在此之前，我們應該先來了解一下 Vue.js 的生命週期。 生命週期（Lifecycle）...
在先前的章節裡，我們可以常看見 HEAD 這個名詞，它指的是什麼呢？ // git 恢復文件到初始狀態 $ git reset HEAD <file>...
1. 字體圖標使用場景 主要用於顯示網頁中通用或常用的一些小圖標 因為精靈圖有許多優點 但缺點也很明顯: a. 圖片文件相對較大b. 圖片本身放大和縮小會失真c...
上篇完成了巢狀路由的設置之後，緊接著新需求又出現了！接續會員後台的收藏紀錄頁面，我們要進一步讓收藏的書單可以被購買： 點擊收藏紀錄中的單筆書目資料時，會進入購...
前情提要 艾草：「好了，總算選取到樹上的紅色果實了，那我來教你一些簡單的火屬性魔法事件。」 「咦，我的魔力總量夠了嗎？總算能開始了嗎！」 艾草：「我琢磨著你的成...
之前介紹 git reset 時，有提到說使用 git reset 指令時，有三種常用來搭配的參數模式，因此本篇就來詳細說明這三種模式分別是什麼意思。 💡 g...
目前設定的 Navbar 路由架構還算單純，並且只有單層路徑，但是當專案規模愈來愈大、功能類別拆分的愈趨詳細時，整體網站就相對需要更具層級性的規劃，此時路由架構...
前情提要 上回說了希望選擇學習火屬性魔法後，艾草帶我走到一棵大樹下。 艾草：「來嘗試用自己現有的魔力試試看能否選取到樹上紅色的果實。」 「呃啊啊啊．．．呼哈呼哈...
1. 為什麼需要精靈圖 一個網頁中會需要很多小的背景作為修飾，若圖像過多服務器頻繁接收&發送會造成服務器壓力過大，將降低頁面加載速度 因此，為了有效減少...
上篇介紹 git checkout 是還原檔案內容，那麼 git reset 的功能是什麼呢？ git reset 指令功能：還原「檔案狀態」 使用 git...
什麼是介面樣式? 所謂的介面樣式，就是更改一些用戶操作樣式，以提高用戶體驗。 更改用戶的鼠標樣式 語法 : li { cursor : pointer;...
前情提要 艾草：「不知不覺也累積了不少魔力總量了，我們今天透過魔法陣列來找出你適合的屬性值吧！」 「有哪些屬性呀？」 艾草：「金、木、水、火、土。喔喔喔，看到了...
上篇我們為 Navbar 設定好路由之後，接下來的需求則是希望能夠讓選取效果更為明顯，優化使用者體驗： hover 項目時，字體顏色顯示為紅色 ⇒ 跟隨游標移...
當我們不小心把檔案或目錄刪除時，有什麼辦法可以還原檔案呢？ git checkout 、git reset 指令可以解決這個問題。 git checkout...
大家應該也發現到了，目前點選 Navbar 項目並沒有任何反應；但是點選公版中的 Home 和 About 時： 點選 About，網址跳轉至「 http:/...
為何會需要 .gitignore ？ 常用的情況如下： 是否常常在 commit 檔案時，會發現有一些明明不是自己建立的檔案，卻因為系統關係會產生編譯檔或是暫...
前情提要 艾草：「你過來幫我擺一下魔法陣！」 「哇喔，看起來好厲害唷！這裡有三個空位是要擺什麼嗎？」 艾草：「對唷！魔法陣列內都能擺入三個參數，來這個你接著！擺...
為什麼需要定位元素? 定位元素可以實現 : 某個元素可以自由地在一個盒子內移動位置，並且壓住其他盒子 當滾動窗口的時候，盒子是固定屏幕某個位置的 所以 :...
承上篇，談到 v-for，就要說說它的最佳良伴——key。 v-for 必須綁定代表唯一值的 key 若未綁定 key 值，Terminal 會直接報錯，表示「...
延續上篇的說明，在 Git 的世界，任何動作對 Git 來說都可以視為一個「修改」的動作。因此這篇要介紹的 mv 指令概念都是相同的。 複習上篇的刪除檔案 gi...
前情提要 前幾天幫艾草整理了愛情靈藥秘方。 「咦，愛情靈藥的秘方也太簡單了吧，我還以為會很特別呢？」 艾草：「NoNoNo! 你一定是誤以為愛情靈藥是讓人愛上你...
前情提要 艾草：「你可以幫我算一下 100 + 100 是多少嗎？」 「200 啊．．．」 艾草：「那在加 6 次 100 呢？」 「．．．？ 妳在幹嘛呀，啊是...
艾草
Chun.y.c
a0265392_lin
Teen
iThome鐵人賽
看影片追技術