前情提要 「艾草艾草，你在做什麼？」 艾草：「沒特別做什麼呀！」 「艾草艾草，我問你喔！」 艾草：「嗯嗯，問呀，但為什麼都要叫我名字兩次呀？」 「透過兩次的呼叫...
目前我們實現了即時搜尋顯示書名相符的書單資料，但是當我切換到其他路由之後又想再回到上一頁的搜尋結果，或是直接在當前路徑重新整理頁面時，搜尋欄位就被清空了，而書單...
JavaScript書寫方式與CSS相似，分為行內書寫，內嵌書寫以及外部書寫 1.行內書寫 <input type="button"...
可能會遇到使用 git stash 指令情境： 假想今天可能在公司進行手中任務時，突然接收到老闆或是合作夥伴的緊急求救，請你立刻放下目前工作，改進行新的棘手...
1.JS是什麼? Java Script 是一種運行在客戶端的腳本語言 (script就是腳本的意思) 腳本語言 : 不需要進行編譯，運行過程中由JS引擎逐行來...
透過 Props 可以讓子元件接收來自父元件的「資料」，相對地，父元件則可以接收來自子元件的「事件」，雙方互相傳遞內容，最終可讓子元件變成單純處理畫面樣式的 p...
前情提要 「咦，今天早上開始就一直感覺有人在叫我，是艾草你嗎？」 艾草：「沒有呀，我怎麼沒聽到，確定不是小精靈在叫你嗎？」 「奇怪，沒有呀！難不成是我幻聽了？」...
介紹完分支後，這篇來講解「標籤」吧！ 標籤在日常生活中可以解釋成標示簡單訊息的小牌子，而在學習階段，應該也有使用過標籤來做筆記，幫助我們快速找到我們想看的那一頁...
前情提要 艾草：「我們今天來提升一下吧！」 「不是每天都在提升魔力總量了嗎？」 艾草：「不一樣唷，今天的提升更特別，我特別提倡身心靈的提升。」 （艾草一說完，我...
之前在 Day15 曾示範單獨在 All.vue 發送 API 取得資料後渲染至畫面上，而上篇我們接續完成其他導覽項目所需要的畫面資料時，應該會發現頁面內容的排...
動畫 (animation) 可通過設置多個節點來精確控制一個或一組動畫，常用來實現複雜的動畫效果。 相比較過渡，動畫可以實現更多變化、更多控制，連續自動播放等...
了解分支的用途後，在合作開發上一定便利許多，但同樣地，不是每件事情都順順利利，只要有合作的事情，總是會有衝突、摩擦的狀況發生。在 Git 分支裡，常碰到「合併衝...
3D轉換跟2D轉換不同的是使用三維坐標系(多了Z軸座標) 1.三維坐標系是由三個軸共同組成的 X軸 : 水平向右 注意: X軸右邊是正值 左邊是負值 Y軸 :...
前情提要 艾草：「我們今天來聊聊話語藝術。」 「咦，這跟魔法有什麼關聯嗎？」 艾草：「嗯，算是某種言靈魔法，話語間的藝術有時候會為你帶來好的結果，有時候看起來沒...
前幾篇介紹了 Vuex 管理資料狀態，以及在生命週期或導航守衛發送 API 的時機點，再次回到專案範例，目前已處理好顯示導覽列中的全部書單內容，我們接續完成其他...
前面介紹了 git merge 指令合併分支，本篇就來介紹另一種方式： Rebase 。 從 Rebase 字面來看，是 re 加上 base ，可以理解成「...
轉換 (transform)實現元素的位移、旋轉、縮放等效果，可以簡單理解為變形。 移動 translate 旋轉 rotate 縮放 scale 1.2D...
前情提要 艾草：「來，接球！」 （我看著眼前一顆球飛了過來，正準備伸出手接時，突然變成了兩顆。） 「咦咦，為何？」 艾草：「我用魔法複製了一顆球呀！」 「這麼好...
之前有預告過，發送 API 的時機點需視不同情境及 UX 體驗規劃而定，因此除了選擇在元件內的生命週期 created 發送，另外在 Vue Router 還有...
分支合併的方法有兩種：merge 和 rebase 本篇先講解使用 merge 來合併分支的觀念。 合併分支基本概念 情境｜想要使用 A 分支來合併 B 分支...
過渡 (transition) 是可以在不使用Flash動畫或JavaScript的情況下，當元素從一種樣式變換成另一種樣式時為元素添加效果，經常和 :hove...
前兩篇介紹完 Vuex 的核心概念，最後當中大型專案需要組織較為複雜的資料結構時，總不可能一個 index.js 就塞滿所有資料量，這會造成取用和管理上的不便，...
前情提要 上回與艾草玩遊戲輸了要接受處罰。 「都躲這麼遠了，她應該找不到我了吧！」 艾草：「啊哈，原來你躲在這裡呀！」 「你怎麼找到的？明明我跑超遠了呀。」 艾...
上篇介紹關於分支的常用指令，那麼這篇讓我們好好了解分支是什麼吧！ 分享我最初聽到「分支」時，我的理解是： 在原有的支線上，另闢一條新的支線，然後把內容移過去，之...
CSS3新增的目標選擇器類型: 1.屬性選擇器 屬性選擇器可以根據元素特定屬性來選擇元素，這樣就可以不用藉助於類或者ID選擇器 MDN Web Docs 屬性選...
學習完 git 的基本觀念後，我們就來進入下一階段，創建分支吧！ 為什麼會需要分支呢？ 分支的好處在於當多人同時使用專案時，大家可以針對這個專案各自建立自己的分...
承上篇從 Actions 進展到 Mutations，接下來讓 Mutations 將結果直接賦值給 State，繼續接棒完成 Vuex 狀態存取流程！ Sta...
前情提要 上回偷拿遠距離初階魔法攻擊艾草。 艾草：「我看你拿魔法丟我丟得挺順的了(╬•᷅д•᷄╬)，那開始教你中階魔法吧！」 「喔喔喔喔喔，被我扔到良心發現了嗎...
Vuex 是個處理全域資料的狀態管理庫，採集中式管理方式，方便任何元件都能從中獲取狀態或觸發事件，實作上通常用來存儲 API 資料後再加以應用，尤其適合應用於開...
HTML5新增的input類型: <!-- 需添加form表單域 --> <form action="">...
艾草
Teen
a0265392_lin
Chun.y.c
iThome鐵人賽
看影片追技術