iT邦幫忙

學習筆記相關文章
共有 535 則文章

技術 git - 1 ( 環境安裝、基礎操作、工作目錄 add + commit )

1. 安裝環境 (1)右邊下載https://git-scm.com/ (2)下載安裝完成Windows用Git bash (3)測試看看有無安裝成功CND &...

技術 Vuex ( 似Vue3 mitt )

1.Vuex通常在main.js內就被引入了(store),除map外無須另外引入 import { mapState, mapMutations } from...

技術 正則表達式搜集、DOM、Clean Code

1. 正則表達式搜集 https://hsuchihting.github.io/regex/20220731/2418624309/ (1) 0~20字元限制...

技術 Vue3 使用 Bs5 、 Jq 、 gsap

https://bootstrap5.hexschool.com/docs/5.1/getting-started/webpack/ 1. 全使用BS內css樣...

技術 Vue3 ( 製作前台 ) -7

1. 產品列表 (1)製作頁面(元件)src/views/Userboard.vue 產品navbarsrc/views/UserCart.vue 產品總頁面/...

技術 Vue3 ( 製作後台 ) -6

1.使用 資料庫 API 申請並匯入商品 2.建立新專案 new-project vue create new-project(專案名稱) npm ru...

技術 Vue3 ( Router ) -5

1.Router Router負責分配工作 後端路由全部的頁面傳遞(同大專) 前端路由 #模擬路徑可部分渲染 1.引入Vue Router2.定義元件3.定義路...

技術 Vue3 ( CLI + github ) -4

1.SAP 多一個#前端所管理的路由,只會渲染部分區域 2.環境安裝 CLI (1) 安裝 Node.js (必要!!!!!) 參考 Gulp 課程:http...

技術 Vue3 ( 進階 API ) -3

1.Refs 似 Document.getElementById() (1)直操作DOM <input type="te...

技術 Vue3 ( 元件 / components ) -2

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

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

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

技術 codepen

如何載入CND1.Fork2.齒輪

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

技術 Day 30:Keep Going 的意思

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

鐵人賽 Modern Web DAY 30

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

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

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

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

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

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 29

技術 魔法實作 - todolist

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

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

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

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

技術 [STM32G4系列] 學習清單

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

鐵人賽 Modern Web DAY 29

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

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

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

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web DAY 28

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

前情提要 上回提到魔法學姊艾草(鳥)在練習英文。 艾草:「This, These, That, Those ...,可惡鳥嘴太難發音了吧,啾啾啾~啾啾啾!」 「...

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

技術 Day 26:v-if 才做選擇,v-show 全都秀

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

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 自我挑戰組 DAY 30

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

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

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

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

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 26

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

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