iT邦幫忙

學習筆記相關文章
共有 631 則文章
鐵人賽 Modern Web DAY 10
Vue.js 什麼意思 系列 第 10

技術 Day 10:v-for 註定綁個 key

承上篇,談到 v-for,就要說說它的最佳良伴——key。 v-for 必須綁定代表唯一值的 key 若未綁定 key 值,Terminal 會直接報錯,表示「...

鐵人賽 Modern Web DAY 11

技術 Day11|【Git】檔案管理 - 重新命名檔案 git mv

延續上篇的說明,在 Git 的世界,任何動作對 Git 來說都可以視為一個「修改」的動作。因此這篇要介紹的 mv 指令概念都是相同的。 複習上篇的刪除檔案 gi...

鐵人賽 自我挑戰組 DAY 15

技術 Day 15 CSS <網頁布局-定位布局-1.定位模式>

為什麼需要定位元素? 定位元素可以實現 : 某個元素可以自由地在一個盒子內移動位置,並且壓住其他盒子 當滾動窗口的時候,盒子是固定屏幕某個位置的 所以 :...

鐵人賽 Modern Web DAY 10

技術 入門魔法 - function 函式

前情提要 艾草:「你可以幫我算一下 100 + 100 是多少嗎?」 「200 啊...」 艾草:「那在加 6 次 100 呢?」 「...? 妳在幹嘛呀,啊是...

鐵人賽 Modern Web DAY 11

技術 入門魔法 - 了解 JSON 格式及內建方法

前情提要 前幾天幫艾草整理了愛情靈藥秘方。 「咦,愛情靈藥的秘方也太簡單了吧,我還以為會很特別呢?」 艾草:「NoNoNo! 你一定是誤以為愛情靈藥是讓人愛上你...

鐵人賽 Modern Web DAY 10

技術 Day10|【Git】檔案管理 - 刪除檔案 git rm

開始前,先提個小小的觀念: ✏️ 在 Git 的世界裡,不管是新增、刪除或重新命名,都可以看為是一個「修改」的動作。 因此這篇所要介紹的刪除檔案指令 git r...

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

技術 Day 09:遍歷資料好便利-v-for

目前為止,我們成功引入了 BootstrapVue 的元件 Navbar,也調整了樣式和內容。 突然發現少放了一個重要項目,於是趕緊補上一個 &lt;b-nav...

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

技術 Day 08:深仍可測的元件樣式-Deep Selectors

成功渲染出 BootstrapVue Navbar 元件之後,接著來將預設樣式改成自己喜歡的專案色調和排版吧!依據文件介紹,我們可以利用修改 property...

鐵人賽 Modern Web DAY 9

技術 Day9|工作區、暫存區、儲存庫,以及各執行的檔案狀態

前幾篇章節經常提到使用 git add 加至暫存區,git commit 提交到儲存庫。這些工作區、暫存區、儲存庫,分別代表什麼意思呢?讓我們一個一個好好認識,...

鐵人賽 Modern Web DAY 9

技術 入門魔法 - 物件

前情提要 艾草:「來,既然要學習物件讓我帶你瞧瞧這個秘方。」 (從異空間拿出一張古老透著神秘光澤的紙。) 「如何煉製愛情靈藥...?」 艾草:「對呀,看到底下這...

鐵人賽 Modern Web DAY 8

技術 Day8|【Git】檢視紀錄 - git log

學習到將檔案提交到儲存庫後,現在來看看如何檢視之前的 Commit 紀錄吧。 檢視紀錄 - git log 指令 $ git log # 檢視先前的紀錄 用...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12 CSS <圓角邊框、盒子陰影>

圓角邊框 使用border-radius圓角邊框樣式,可以修改盒子邊框變成圓角 語法: border-radius:length; //四邊屬性設置同樣 bo...

鐵人賽 自我挑戰組 DAY 22

技術 擁抱傳統,享受數位便利

不管是數位還是手寫,各有各種的好處,端看每個人的需求。來看數位及傳統載體的優劣勢:手寫的最大好處是在腦袋中可記憶的內容比較多,再來時可以隨時去做塗改、新增以及圖...

鐵人賽 Modern Web DAY 8

技術 入門魔法 - 陣列

前情提要 經過上一回的測驗,我發現了自己不是天選之人。 「哪尼,為什麼我不是天選之人,我不是有魔力嗎?而且還有引導學姊妳呀!」 艾草:「哎唷,現在為了擴大培養魔...

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

技術 Day 07:大人更要懂選擇-BootstrapVue 部分引入

上篇透過簡單的 vue add 指令就完成了 BootstrapVue 安裝和引入,其引入 bootstrap-vue plugin 的方式其實是備妥所有 Bo...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11 CSS <三大特性>

CSS中語法有著三大特性 分別為: 層疊性、繼承性、優先性 1. 層疊性 若是設置給相同選擇器相同的樣式 此時一個樣式就會覆蓋(層疊)另一個衝突的樣式 層疊性...

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

技術 Day 06:小孩子才做選擇-BootstrapVue 全部引入

本篇開始終於要進入解決需求的前置作業了!首先需要讓網站有個基本的置頂導覽列,讓我們有請 BootstrapVue 出場~直接交給 BootstrapVue 幫你...

鐵人賽 自我挑戰組 DAY 21

技術 輸出的重要性

在去年參加 iT 鐵人賽挑戰時,選擇的題目是需要實作(見:30 天開發 Android App 的流水帳),所以當有突發狀況下會打亂發表的內容,那一個月完完全全...

技術 RESTful_API

RESTful_API只有聽最後一堂 1.Lab_AJAX_Node.jslocalhost:80 2.自動寄信Lab_SendMail ourNodeApp...

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

技術 Day 05:簡寫好用一直用-v-on、v-bind

延續上篇最後提到 Webpack 設置了別名「@」來取代路徑「/src」,然而在模版語法中,「@」則是另外的用途,因此一開始先分辨清楚各自的定義,之後就能運用自...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10 CSS <元素顯示模式>

1. 什麼是元素顯示模式 元素顯示模式就是元素(標籤)以什麼方式進行顯示 作用 : 網頁的標籤非常多,了解他們的特點可以更方便的布局網頁 ex : &lt;di...

鐵人賽 自我挑戰組 DAY 9

技術 Day 09 CSS <背景屬性>

CSS背景屬性 可以給頁面元素添加背景樣式背景屬性可設置背景顏色、背景圖片、背景平舖、背景圖片位置、圖像固定等等 1.背景顏色background-color屬...

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

技術 Day 04:.vue 檔三層櫃

繼上篇觀察整個專案資料夾結構之後,接著來觀察子層 components 資料夾裡的 HelloWorld.vue 和父層 views 資料夾裡的 Home.vu...

鐵人賽 自我挑戰組 DAY 8

技術 Day 08 CSS <文本屬性>

CSS Text 屬性可定義文本的外觀例如 : 文本的顏色、對齊文本、裝飾文本、文本縮進、行間距 1.文本顏色 color用於定義文本的顏色 div{ col...

技術 自主學習Android_APP開發 #紀錄1

紀錄時間:2022/04/16 【前言】 在現在,每人基本都有屬於自己的一隻智慧型手機,各式各樣的APP也越來越多因此我也想試著創造一款APP,對於Androi...

技術 Day62 (Vue)

1.computed &amp; Watch Part_1 &gt; Lab_Binding &gt; Lab_Form_Text_1.HTML(1)綁元件...

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

技術 Day 03:觀察資料夾

建好專案之後,來看看專案裡已經幫你準備好哪些檔案吧!先大致認識每個資料夾如何分門別類的規則,日後自己在歸檔時也會相對有概念,更方便管理檔案、組織架構。 根目錄層...

鐵人賽 Modern Web DAY 7

技術 入門魔法 - 流程判斷 if else if

前情提要 艾草:「好啦,還是有其他條件可以判斷你能不能成為大魔導師的!」 「哪尼~這麼好康的事不會早點說唷!快告訴我 ƪ(˘⌣˘)ʃ 」 艾草:「如果你是天選之...

鐵人賽 Modern Web DAY 7

技術 Day7|【Git】提交檔案至儲存庫 - git commit

複習一下上一篇提到 git 四個常使用的指令: git status : 查詢目前目錄的「狀態」 git add :把檔案交給 Git ,讓 Git 開...

鐵人賽 Modern Web DAY 6

技術 Day6|【Git】提交檔案給 Git 控管 - git status 、 git add 指令

接下來讓我們開始熟悉 Git 的操作流程。 使用 Git 的時候,我們會常看見以下四個指令: git status : 查詢目前目錄的「狀態」 git a...