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

1 Like 0 留言 1689 瀏覽

技術 Vue 之溫習 component 的世界 - 2

元件內的內容並非固定，有時候我們會透過 Ajax 撈資料回來再渲染到頁面上，而通常我們撈回來的資料都會存放到 Vue 實體的 data 內，這時候元件想要讀取...

Jerry Huang ‧ 2020-05-22

2 Like 0 留言 1681 瀏覽

鐵人賽 Modern Web DAY 12

實作經典 JavaScript 30 系列第 12 篇

技術 Day12: 在Canvas畫布上，用滑鼠畫畫(二)

今天可以再來玩一些Canvas的功能 1.更改畫筆的顏色，讓畫筆畫出彩虹的顏色這邊是使用HSL色彩概念，HSL即色相、飽和度、亮度(hue,Saturation...

喬依司 ‧ 2020-09-20 ‧團隊自討苦吃三十天#像極了愛情

1 Like 0 留言 1644 瀏覽

鐵人賽 Modern Web DAY 29

實作經典 JavaScript 30 系列第 29 篇

技術 Day29: Event Capture, Propagation, Bubbling and Once

WES BOS系列影片Alex快速導讀系列影片今天比較偏觀念的講解主要是希望能較深入理解addEventListener()學習DOM的事件機制，包括事件捕獲...

喬依司 ‧ 2020-10-07 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 1637 瀏覽

鐵人賽 Vue.js DAY 9

試試用Vue建立網站吧系列第 9 篇

技術 Day9-試試Vue3-主頁歡迎訊息顯示會員名(Pinia)

這裡要將會員登入頁面（LoginView.vue 檔）中 axios.get() 取得的會員 name 儲存到 Pinia 裡的 store 。再透過該 sto...

jennydisc ‧ 2023-09-24

1 Like 0 留言 1634 瀏覽

鐵人賽 Modern Web DAY 6

實作經典 JavaScript 30 系列第 6 篇

技術 Day06: 針對陣列的操作練習(二)

WES BOS系列影片Alex快速導讀系列影片做完基礎陣列練習後，來做些進階的練習進階練習目標 :6.Sort the inventors by years...

喬依司 ‧ 2020-09-14 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 1632 瀏覽

鐵人賽 Vue.js DAY 30

試試用Vue建立網站吧系列第 30 篇

技術 Day30-試試Vue3-老天鵝~撐到30天了

終於撐到連續發文的第30天，分享個賽中小故事。 (1)主題名稱由來其實起初參加第 15 屆鐵人賽的主題不是「試試用Vue建立網站吧」，而是「跟著雲端前輩用Vue...

jennydisc ‧ 2023-10-15

1 Like 0 留言 1627 瀏覽

技術 JavaScript 基礎知識-比較運算子 >，<，>=，<=

比較運算子 part2 今天如果我們要比較兩個值的時候，除了用==(等於)，!==(不等於)，還有>(大於)，<(小於)，>=(大於等於)，...

Jerry Huang ‧ 2019-04-12

1 Like 0 留言 1626 瀏覽

鐵人賽 Modern Web DAY 27

實作經典 JavaScript 30 系列第 27 篇

技術 Day27:Speech Synthesis

WES BOS系列影片Alex快速導讀系列影片今天來認識 Web Speech API中的兩個功能一個是 SpeechSynthesisUtterance它包...

喬依司 ‧ 2020-10-05 ‧團隊自討苦吃三十天#像極了愛情

1 Like 0 留言 1611 瀏覽

鐵人賽 Modern Web DAY 13

實作經典 JavaScript 30 系列第 13 篇

技術 Day13: 認識console

WES BOS系列影片Alex快速導讀系列影片今天比較輕鬆，作者帶我們深入了解console的一些使用方法，記錄下來，也許那天突然就會用到也不一定。作者有準...

喬依司 ‧ 2020-09-21 ‧團隊自討苦吃三十天#像極了愛情

2 Like 0 留言 1586 瀏覽

鐵人賽 Modern Web DAY 17

鉄人28号FX 系列第 17 篇

技術鉄人28号FX　鉄人17号「垂直虎」vertical-align

★ 地圖西北方峽谷森林 ↓↓↓ 顯示峽谷森林位置圖森林橋 [？？？]：能真正駕馭此屬性，才是如虎添翼啊。(哈哈！！傲慢樣。) 傳送卷軸，建議先向鉄人16号「...

letter liu ‧ 2019-10-02 ‧團隊好想工作室 v3.0

0 Like 0 留言 1573 瀏覽

鐵人賽 Vue.js DAY 11

試試用Vue建立網站吧系列第 11 篇

技術 Day11-試試Vue3-歡迎訊息顯示會員名(localStorage)

這邊分享歡迎訊息顯示會員名用儲存在瀏覽器的 localStorage 方法。 (1)介紹 localStorageHTML 5 出現後瀏覽器暫存有了 Local...

jennydisc ‧ 2023-09-26

2 Like 0 留言 1568 瀏覽

鐵人賽 Modern Web DAY 16

實作經典 JavaScript 30 系列第 16 篇

技術 Day16: 自製的影片撥放器(二)

今天首先要控制音量大小與調整播放速度 1.先設定會使用到的函式名稱 function handleRangeUpdate() { console.log(t...

喬依司 ‧ 2020-09-24 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 1538 瀏覽

鐵人賽自我挑戰組 DAY 14

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

技術 Day 14 CSS <網頁布局-浮動布局>

浮動屬性float用於創建浮動使其移動到另一邊直到左或右邊緣觸及包含塊或另一個浮動框的邊緣語法 : 選擇器{float:屬性值;} /*...

a0265392_lin ‧ 2021-09-24

1 Like 1 留言 1534 瀏覽

技術 Vue 之溫習 component 的世界 - 1

最近又再重複的溫習了 Vue 的 component，希望能重新幫自己整理思緒 component 俗稱元件，在網頁我們每一個區塊內容都可以封裝成一個獨立的元件...

Jerry Huang ‧ 2020-05-21

0 Like 0 留言 1527 瀏覽

鐵人賽自我挑戰組 DAY 19

每天來點 Vue.js 吧系列第 19 篇

技術 How to find your passion as a Software Developer - Evan You

tags: Vuejs How to find your passion as a Software Developer ✐ 在連假的最後一天，一樣來一些輕鬆的...

RURU Tseng ‧ 2020-10-04

1 Like 0 留言 1522 瀏覽

技術 JavaScript基礎知識-事件(2)

前面講到三種事件綁定的方法，撇除掉第一種較危險的方式之外，來談談第二種跟第三種的差異性以點擊事件為例： <input type="button...

Jerry Huang ‧ 2019-05-13

0 Like 0 留言 1521 瀏覽

鐵人賽自我挑戰組 DAY 12

從零開始學習前端系列第 12 篇

技術 #從零開始1️⃣1️⃣：含圖片卡片切圓角的各種方法和效果

可以看以下的程式碼和截圖，或者看codepen範例：https://codepen.io/rochelwang1205/pen/LYMQMMP 個別設定的方式...

RochelWang ‧ 2023-09-27

1 Like 0 留言 1512 瀏覽

鐵人賽 Modern Web DAY 5

實作經典 JavaScript 30 系列第 5 篇

技術 Day05: 針對陣列的操作練習(一)

WES BOS系列影片Alex快速導讀系列影片開始前建議可以先讀這篇卡斯伯的大補帖https://wcc723.github.io/javascript/20...

喬依司 ‧ 2020-09-13 ‧團隊自討苦吃三十天#像極了愛情

2 Like 1 留言 1506 瀏覽

鐵人賽 Modern Web DAY 3

實作經典 JavaScript 30 系列第 3 篇

技術 Day03:來做個鍵盤鼓手(二)

接續第一天的練習，我們成功加上了樣式，卻沒有移除它。開始來想辦法在我們不需要這個樣式時，將它移除 JS的監聽器也是可以監聽元素的變化，這時我們監聽的動作會是 '...

喬依司 ‧ 2020-09-11 ‧團隊自討苦吃三十天#像極了愛情

1 Like 0 留言 1506 瀏覽

技術新手學前端-JavaScript：資訊如何帶進去的語法

Html語法： < p >這一顆紅豆餅是< em id="price">< /em >元 < /...

a841722 ‧ 2019-10-15

0 Like 1 留言 1499 瀏覽

鐵人賽自我挑戰組 DAY 9

每天來點 Vue.js 吧系列第 9 篇

技術 Vue computed 與 watch 差異

Fixing ... 若是文中有任何錯誤、錯字、想討論的內容，歡迎各位大大不吝鞭笞指正、交流分享，筆者不慎感激 ✦ ✦ ✦ ▶︎ 筆者 github：http...

RURU Tseng ‧ 2020-09-24

2 Like 0 留言 1493 瀏覽

鐵人賽 Modern Web DAY 9

實作經典 JavaScript 30 系列第 9 篇

技術 Day09: Ajax Type Ahead with fetch()(二)

WES BOS系列影片Alex快速導讀系列影片再來，進入學習的第二個重點部分-嘗試利用正規表達式來篩選資料在此之前，先將前置作業完成1.先抓出需要設置監聽器與...

喬依司 ‧ 2020-09-17 ‧團隊自討苦吃三十天#像極了愛情

2 Like 0 留言 1470 瀏覽

鐵人賽 Modern Web DAY 8

實作經典 JavaScript 30 系列第 8 篇

技術 Day08: Ajax Type Ahead with fetch() (一)

WES BOS系列影片Alex快速導讀系列影片學習重點:1.使用fetch()來發送請求，串接遠端資料2.嘗試利用正規表達式來篩選資料使用fetch()來發...

喬依司 ‧ 2020-09-16 ‧團隊自討苦吃三十天#像極了愛情

3 Like 1 留言 1456 瀏覽

鐵人賽 Modern Web DAY 1

實作經典 JavaScript 30 系列第 1 篇

技術 Day01:開賽廢言與自我介紹

壓根都沒想到自己會跟【鐵人】這兩個字，有任何的關係。本人真的超級三分鐘熱度，小時候學才藝都很容易半途而廢的類型...不知道哪根筋不對，跑來參加鐵人賽，希望未來的...

喬依司 ‧ 2020-09-09 ‧團隊自討苦吃三十天#像極了愛情

2 Like 0 留言 1446 瀏覽

技術 JavaScript ES6 - Promise

Promise 是 ES6 用來處理非同步的一種方法，至於是處理什麼問題呢? 非同步寫法不一致非同步程式碼過巢無法同時執行以 jQuery 來說 aj...

Jerry Huang ‧ 2020-07-02

0 Like 0 留言 1435 瀏覽

鐵人賽 Vue.js DAY 7

試試用Vue建立網站吧系列第 7 篇

技術 Day7-試試Vue3-首頁增加會員頁面

(1)新增會員頁面檔案路徑 src / views 底下新增 front 資料夾，並於此增加 LoginView.vue 檔案。html 架構同註冊頁面（表單驗...

jennydisc ‧ 2023-09-22

0 Like 0 留言 1434 瀏覽

鐵人賽 Modern Web DAY 22

33歲轉職者的前端筆記系列第 22 篇

技術 33歲轉職者的前端筆記-DAY 22 成績計算機練習筆記

流程 1.先觀察畫面，哪些值需要抓2.抓HTML的值：a.先宣告變數，變數就是抓HTML的值，也可以說變數取代HTML的值之後用變數做程式的處理。例：const...

a841722 ‧ 2021-09-22

0 Like 0 留言 1414 瀏覽

鐵人賽 Vue.js DAY 29

試試用Vue建立網站吧系列第 29 篇

技術 Day29-試試Vue3-後台管理者頁面(2)

資料來源是先前建立的餐廳 API（採用 json-server 方式建立），管理者具有新增餐廳的權限。本系列旨在練習開發前端畫面，因為現有前端技術僅支持簡單的...

jennydisc ‧ 2023-10-14

0 Like 0 留言 1404 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術 Day 23 CSS3 < 目標選擇器>

CSS3新增的目標選擇器類型: 1.屬性選擇器屬性選擇器可以根據元素特定屬性來選擇元素，這樣就可以不用藉助於類或者ID選擇器 MDN Web Docs 屬性選...

a0265392_lin ‧ 2021-10-03

0 Like 0 留言 1399 瀏覽

鐵人賽 Modern Web DAY 23

33歲轉職者的前端筆記系列第 23 篇

技術 33歲轉職者的前端筆記-DAY 23 JavaScript 變數與型別

Nan => Not a Number，要判斷是不是NaN要用：isNaN(); 注意自動轉型，可以先利用 typeof 判斷型別如果是數值運...

a841722 ‧ 2021-09-23