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

1 Like 0 留言 1939 瀏覽

技術 Vue3 ( 元件 / components ) -2

1.元件註冊方法有三，註冊後才能使用 (1)全域註冊方法1. <alert></alert> /...

rouoxo ‧ 2021-10-29

1 Like 0 留言 832 瀏覽

技術 Vue3 ( JsES6、this、指令、OptionAPI ) -1

1.v-mould寫入、渲染 (1)(2)(3)(4)(5)(6)重點：1.陣列與物件都可以跑 v-for2.v-on記得抓前參數( ex:v-on:cl...

rouoxo ‧ 2021-10-28

0 Like 0 留言 1487 瀏覽

技術 codepen

如何載入CND1.Fork2.齒輪

rouoxo ‧ 2021-10-28

0 Like 0 留言 1760 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Day 30：Keep Going 的意思

就這樣接連 30 天順利完成鐵人賽系列了～為所有自律且成功達標的參賽者們一起喝采！！！在產出本系列文章的同時，也再次複習了當初實作專案時面對到不熟悉的語法，在...

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

0 Like 0 留言 3615 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 Day 29：神奇語法糖－v-model

整個系列都快要完結篇了，怎麼可能獨漏 Vue 的神奇語法糖—— v-model 呢？我們已經知道 Vue 基於 MVVM 架構模式，最大的特色就是可以將資料與...

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

6 Like 3 留言 1984 瀏覽

鐵人賽 Modern Web DAY 30

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

技術魔法終曲 - 魔法學習紀錄暨結賽感言

前情提要艾草：「你來了呀，魔法師！」「你剛剛叫我什麼？我已經是魔法師了嗎？！」艾草：「嗯，你具備了魔法師的真正特質，一步一步找尋答案、慢慢學習成長的耐心！...

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

3 Like 2 留言 2919 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Day30｜Git 學習資源與方式暨完賽心得

30 天的鐵人賽終於來到尾聲，回想自己能夠連續 30 天都上傳文章實在太不可思議！以學習 Git 作為文章主題，一開始聽到 GIt 是在火箭隊時學長姐介紹的，...

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

3 Like 2 留言 2734 瀏覽

鐵人賽 Modern Web DAY 29

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

技術魔法實作 - todolist

前情提要艾草：「もうだめだ。我已經沒有梗了，不行了．．．」「艾草，醒醒！我們不是說好要一起征服這個世界嗎？」艾草：「我．．的魔法作業都做不完啦，嗚哇啊啊啊...

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

0 Like 0 留言 1145 瀏覽

技術 [STM32G4系列] 學習清單

前言這是一個關於 STM32G4系列初次學習的學習清單使用軟體為 STM32CubeIDE 1.6.1 / MX此學習筆記，將記錄學習STM32G4軟體資...

iumiini ‧ 2021-10-13

0 Like 1 留言 3422 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 Day 28：順手挖洞給 i 跳－vue-i18n

基本上設置多國語系算是相對簡單的事情，只要在 <template> 中有使用模板語法的位置，加上 $t() 放入變數即可。因此可以的話，會建議在專案...

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

6 Like 0 留言 40496 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 Day29｜常見的三種工作流程 - Git flow、GitHub Flow 與 Gitlab Flow

在製作專案時，大多都是與他人共同協作，當一起開發的人越來越多時，就更需要有一套規則或模式來進行合作，以防多人同時合作時，大家都各自照著自己的方式隨便進行，可能會...

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

0 Like 1 留言 3883 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 Day 27：語系包在 i 身上－Vue I18n 前置作業

因應國際化的需求，專案決定也要符合 international 的規格，Navbar 右上角的「選擇語系」功能總算要開工了！話不多說，直接介紹接下來要安裝的 p...

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

3 Like 3 留言 71260 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 Day28｜將 GitHub 的檔案抓取下來到自己的本地端 - git pull 指令與衝突時的解決方法

上篇介紹了如何將檔案 Push 到 GitHub 後，今天就來練習如何從 GitHub 下載檔案吧！這些技巧都很適合也蠻常用在團隊合作的時候喔！ Pull 指...

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

4 Like 2 留言 1427 瀏覽

鐵人賽 Modern Web DAY 28

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

技術中階魔法 - this 指向(二)

前情提要上回提到魔法學姊艾草（鳥）在練習英文。艾草：「This, These, That, Those ...，可惡鳥嘴太難發音了吧，啾啾啾～啾啾啾！」「...

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

0 Like 0 留言 2016 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 Day 26：v-if 才做選擇，v-show 全都秀

目前的版面配置是基本的瀑布流效果，而此模式較著重在顯示書本封面圖片，一列只能出現三本書單，RWD 的情況下又會再壓縮顯示空間，相對在瀏覽資訊上的速度會較慢，因此...

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

4 Like 1 留言 1684 瀏覽

鐵人賽 Modern Web DAY 27

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

技術中階魔法 - this 指向(一)

前情提要艾草：「this is a book。」「你在做什麼呀？」艾草：「練習你的語言呀。」(艾草設定為鳥類。) 「很棒，繼續加油！」艾草：「啊唸到 t...

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

2 Like 0 留言 66451 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 Day27｜在 GitHub 上建立專案與使用 git push 指令將檔案上傳到 GitHub

先前介紹了很多關於 Git 的常用指令以及使用情況，但目前我們都只是在本地端操作而已，如果需要跟別人共同製作專案，或是想要傳送到開放空間請教各個寫 Code 大...

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

0 Like 0 留言 1177 瀏覽

鐵人賽自我挑戰組 DAY 30

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

技術 Day 30 JavaScript < 簡易數據類型介紹 & End>

1. 數據類型簡介 1-1 為什麼需要數據類型在電腦中，不同的數據所需佔用的空間是不同的，為了方便把數據分成所需內存大小不同的數據，充分利用儲存空間，於是定...

a0265392_lin ‧ 2021-10-10

0 Like 2 留言 5306 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 Day 25：從頭開始的 Scroll Behavior

目前導覽項目頁面愈來愈完整，相對有愈來愈多小細節需要留意，尤其是資料量變多時，許多瀏覽時伴隨的滾動效果多少會影響使用者體驗，因此除了顧及版面資料和操作功能，UX...

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

2 Like 1 留言 13379 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 Day26｜【Git】從 Git 中移除重要個資或徹底清除檔案 - git filter-branch

有時候當我們在寫程式碼時會用到一些 API 金鑰，或是個人的帳號、密碼，這些都是屬於「敏感資訊」，一旦不小心 Push 出去，可能會受到有心人士的利用。所以當不...

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

1 Like 0 留言 2670 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 Day 24：路由搜查隊－route.query

目前我們實現了即時搜尋顯示書名相符的書單資料，但是當我切換到其他路由之後又想再回到上一頁的搜尋結果，或是直接在當前路徑重新整理頁面時，搜尋欄位就被清空了，而書單...

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

0 Like 0 留言 1162 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Day 29 JavaScript < 書寫方式>

JavaScript書寫方式與CSS相似，分為行內書寫，內嵌書寫以及外部書寫 1.行內書寫 <input type="button"...

a0265392_lin ‧ 2021-10-09

2 Like 1 留言 1442 瀏覽

鐵人賽 Modern Web DAY 26

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

技術中階魔法 - 閉包 Closure (二)

前情提要艾草：「昨天教你原理，今天我們實際來實作這個術式吧！」「好～～」艾草：「來！發動前要唸咒語，霹靂卡霹靂拉拉波波力那貝貝魯多！」「這也太羞恥了吧！...

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

2 Like 1 留言 1513 瀏覽

鐵人賽 Modern Web DAY 25

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

技術中階魔法 - 閉包 Closure (一)

前情提要「艾草艾草，你在做什麼？」艾草：「沒特別做什麼呀！」「艾草艾草，我問你喔！」艾草：「嗯嗯，問呀，但為什麼都要叫我名字兩次呀？」「透過兩次的呼叫...

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

0 Like 0 留言 1094 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術 Day 28 JavaScript < 簡單介紹>

1.JS是什麼? Java Script 是一種運行在客戶端的腳本語言 (script就是腳本的意思) 腳本語言 : 不需要進行編譯，運行過程中由JS引擎逐行來...

a0265392_lin ‧ 2021-10-08

0 Like 0 留言 1433 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 Day 23：兒子有事交給爸－$emit 傳出事件

透過 Props 可以讓子元件接收來自父元件的「資料」，相對地，父元件則可以接收來自子元件的「事件」，雙方互相傳遞內容，最終可讓子元件變成單純處理畫面樣式的 p...

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

2 Like 0 留言 2844 瀏覽

鐵人賽 Modern Web DAY 24

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

技術中階魔法 - Callback Function

前情提要「咦，今天早上開始就一直感覺有人在叫我，是艾草你嗎？」艾草：「沒有呀，我怎麼沒聽到，確定不是小精靈在叫你嗎？」「奇怪，沒有呀！難不成是我幻聽了？」...

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

3 Like 0 留言 1610 瀏覽

鐵人賽 Modern Web DAY 23

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

技術中階魔法 - 提升 Hoisting

前情提要艾草：「我們今天來提升一下吧！」「不是每天都在提升魔力總量了嗎？」艾草：「不一樣唷，今天的提升更特別，我特別提倡身心靈的提升。」（艾草一說完，我...

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

0 Like 1 留言 1515 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 Day 22：兒子乖聽爸的話－Props 傳入資料

之前在 Day15 曾示範單獨在 All.vue 發送 API 取得資料後渲染至畫面上，而上篇我們接續完成其他導覽項目所需要的畫面資料時，應該會發現頁面內容的排...

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

0 Like 0 留言 1890 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 Day 27 CSS3 < 動畫 animation>

動畫 (animation) 可通過設置多個節點來精確控制一個或一組動畫，常用來實現複雜的動畫效果。相比較過渡，動畫可以實現更多變化、更多控制，連續自動播放等...

a0265392_lin ‧ 2021-10-07

技術 Vue3 ( 元件 / components ) -2

技術 Vue3 ( JsES6、this、指令、OptionAPI ) -1

技術 codepen

技術 Day 30：Keep Going 的意思

技術 Day 29：神奇語法糖－v-model

技術 魔法終曲 - 魔法學習紀錄暨結賽感言

技術 Day30｜Git 學習資源與方式暨完賽心得

技術 魔法實作 - todolist

技術 [STM32G4系列] 學習清單

技術 Day 28：順手挖洞給 i 跳－vue-i18n

技術 Day29｜常見的三種工作流程 - Git flow、GitHub Flow 與 Gitlab Flow

技術 Day 27：語系包在 i 身上－Vue I18n 前置作業

技術 Day28｜將 GitHub 的檔案抓取下來到自己的本地端 - git pull 指令與衝突時的解決方法

技術 中階魔法 - this 指向(二)

技術 Day 26：v-if 才做選擇，v-show 全都秀

技術 中階魔法 - this 指向(一)

技術 Day27｜在 GitHub 上建立專案與使用 git push 指令將檔案上傳到 GitHub

技術 Day 30 JavaScript < 簡易數據類型介紹 & End>

技術 Day 25：從頭開始的 Scroll Behavior

技術 Day26｜【Git】 從 Git 中移除重要個資或徹底清除檔案 - git filter-branch

技術 Day 24：路由搜查隊－route.query

技術 Day 29 JavaScript < 書寫方式>

技術 中階魔法 - 閉包 Closure (二)

技術 中階魔法 - 閉包 Closure (一)

技術 Day 28 JavaScript < 簡單介紹>

技術 Day 23：兒子有事交給爸－$emit 傳出事件

技術 中階魔法 - Callback Function

技術 中階魔法 - 提升 Hoisting

技術 Day 22：兒子乖聽爸的話－Props 傳入資料

技術 Day 27 CSS3 < 動畫 animation>

標記使用者

技術魔法終曲 - 魔法學習紀錄暨結賽感言

技術魔法實作 - todolist

技術中階魔法 - this 指向(二)

技術中階魔法 - this 指向(一)

技術 Day26｜【Git】從 Git 中移除重要個資或徹底清除檔案 - git filter-branch

技術中階魔法 - 閉包 Closure (二)

技術中階魔法 - 閉包 Closure (一)

技術中階魔法 - Callback Function

技術中階魔法 - 提升 Hoisting