iT邦幫忙

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

技術 Chrome 瀏覽器開發者工具

1. 如何確認資源是否載入 (e.g. css, js, API, ...) NetWorkex:axios錯誤時: 2. 了解Cookie, Local S...

技術 安裝環境 ( VSCode、Nvm、 Webpack、Docker、brew、oh-my-zsh、iTerm2、bash-completion ) 及 F5 自動 npm run dev

(1) VSCode https://code.visualstudio.com/download (2) Nvm (Node.js版本管理工具) 使用npm安...

技術 Git 綜合筆記

1. 推資料進新分支 (建立新分支 + 推資料進新分支) (1)建立新專案命名新專案,並記錄網址https://github.com/xxxxx/gittest...

技術 git - 3 ( remote、git pull = git fetch + git merge )

1. 遠端數據庫 - git remote 如何推送分支到遠端數據庫 (1) 建立新專案並連接本地數據庫https://ithelp.ithome.com.tw...

技術 git - 2 ( push github、找插件、token、branch+merge、tag、stash )

1. git push - 推送數據庫到 Github (clone + push) (1)建立新專案命名新專案,並記錄網址https://github.co...

技術 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 29
Vue.js 什麼意思 系列 第 29

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

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

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 29

技術 魔法實作 - todolist

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

技術 [STM32G4系列] 學習清單

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

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

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

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

鐵人賽 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...