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

2 Like 0 留言 1057 瀏覽

技術 JavaScript ES6 - Promise

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

Jerry Huang ‧ 2020-07-02

1 Like 0 留言 1048 瀏覽

鐵人賽 Modern Web DAY 29

實作經典 JavaScript 30 系列第 29 篇

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

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

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

2 Like 0 留言 1048 瀏覽

鐵人賽 Modern Web DAY 17

鉄人28号FX 系列第 17 篇

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

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

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

1 Like 0 留言 1028 瀏覽

鐵人賽 Modern Web DAY 6

實作經典 JavaScript 30 系列第 6 篇

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

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

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

1 Like 1 留言 1027 瀏覽

鐵人賽自我挑戰組 DAY 1

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

技術前言

tags: Vuejs 前言在開始之前，先簡單的自我介紹～筆者是名新手前端工程師，過往是平面設計師，目前學習前端約 1 年半的時間，本篇鐵人會集中在 Vu...

RURU Tseng ‧ 2020-09-16

2 Like 0 留言 1012 瀏覽

鐵人賽 Modern Web DAY 16

實作經典 JavaScript 30 系列第 16 篇

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

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

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

2 Like 1 留言 1004 瀏覽

鐵人賽 Modern Web DAY 3

實作經典 JavaScript 30 系列第 3 篇

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

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

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

0 Like 1 留言 1001 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 Vue computed 與 watch 差異

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

RURU Tseng ‧ 2020-09-24

0 Like 0 留言 1001 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術 Day 21 HTML5 <HTML5 多媒體標籤>

多媒體標籤可以很方便的在頁面中嵌入音頻和視頻，而不用去使用flash和其他瀏覽器的插件，多媒體標籤主要分為視頻標籤、音頻標籤 1.視頻標籤 <video&...

a0265392_lin ‧ 2021-10-01

0 Like 0 留言 999 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 33歲轉職者的前端筆記-DAY 18 練習寫一個自我介紹產生器

變數基本概念常數：const 不可重新賦予新值變數：let 可重新賦予新值建立常數a並儲存(或設定)“david”cost a = “david”; 自我...

a841722 ‧ 2021-09-18

0 Like 2 留言 999 瀏覽

鐵人賽 Vue.js DAY 3

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

技術 Day3-試試Vue3-引入Bootstrap套件

(1)安裝 Bootstrap 套件bootstrap 最新版本請參考這個網站。 Visual Studio 「工具列/終端機/新增終端機」開啟終端機並輸入以下...

jennydisc ‧ 2023-09-18

1 Like 0 留言 987 瀏覽

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

props 是從 Vue 實體傳送資料進去元件內，若是元件想要改變 Vue 實體本身的資料，這時候就會需要 emit 了props 是一個方法，但 emit 是...

Jerry Huang ‧ 2020-05-25

0 Like 0 留言 977 瀏覽

鐵人賽自我挑戰組 DAY 1

溫故知新 JavaScript 系列第 1 篇

技術 Day1 - 前奏

HI 大家好，我是 AWEI首次參加IT邦鐵人賽，這次想透過 30 天的時間帶大家一起來認識 JavaScript ，至於為什麼會叫溫故知新JavaScript...

AWEI ‧ 2020-09-14

1 Like 0 留言 972 瀏覽

鐵人賽 Modern Web DAY 13

實作經典 JavaScript 30 系列第 13 篇

技術 Day13: 認識console

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

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

0 Like 0 留言 967 瀏覽

鐵人賽 Vue.js DAY 8

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

技術 Day8-試試Vue3-會員登入後轉跳主頁

(1)新增會員主頁檔案會員頁面登入後的畫面稱為會員主頁（以下簡稱主頁）。路徑 src / views / front 底下新增 MainView.vue 檔案。...

jennydisc ‧ 2023-09-23

0 Like 0 留言 946 瀏覽

鐵人賽 Vue.js DAY 6

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

技術 Day6-試試Vue3-表單使用Vee Validate驗證

基本上表單驗證前後端都需要做，前端可做簡單的基礎驗證（如 mail 須為正確格式、必填欄位等），後端則負責較嚴謹的驗證。此篇針對註冊頁面的表單增加 Vee Va...

jennydisc ‧ 2023-09-21

2 Like 0 留言 945 瀏覽

鐵人賽 Modern Web DAY 25

實作經典 JavaScript 30 系列第 25 篇

技術 Day25: Adding Up Times With Reduce

WES BOS系列影片Alex快速導讀系列影片今天的練習會用到reduce()還有用一些數學的運算，將秒數換算成時分秒然後又複習了一下dataset的用法事不...

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

1 Like 0 留言 944 瀏覽

鐵人賽 Modern Web DAY 5

實作經典 JavaScript 30 系列第 5 篇

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

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

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

0 Like 2 留言 938 瀏覽

鐵人賽自我挑戰組 DAY 26

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

技術 Vue slot：編譯作用域、後備內容

tags: Vuejs <slot> 是什麼？ ✐ Vue 中的 <slot> 是 Vue 內置的組件 build-in compone...

RURU Tseng ‧ 2020-10-11

1 Like 0 留言 938 瀏覽

鐵人賽 Modern Web DAY 19

鉄人28号FX 系列第 19 篇

技術鉄人28号FX　鉄人19号「字間蜂」text-justify

★ 地圖西北方峽谷森林 ↓↓↓ 閱讀前，建議先前往鉄人18号「左右蛙」獲取經驗書，此為峽谷森林終章。顯示峽谷森林位置圖雖能運用自如，但疑惑的是「怦然心動...

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

0 Like 0 留言 923 瀏覽

鐵人賽自我挑戰組 DAY 30

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

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

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

a0265392_lin ‧ 2021-10-10

1 Like 0 留言 912 瀏覽

鐵人賽 Modern Web DAY 22

鉄人28号FX 系列第 22 篇

技術鉄人28号FX　鉄人22号「速記豹」font properties

★ 地圖雷奧鎮近郊處 ↓↓↓ 顯示雷奧鎮位置圖就在那了！！ ( 抬頭一看 ) 只要再往東走，就能順利到達城鎮～～：站住！！近郊衛士 [速記豹]：此為進入...

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

2 Like 0 留言 902 瀏覽

鐵人賽 Modern Web DAY 21

實作經典 JavaScript 30 系列第 21 篇

技術 Day21: LocalStorage(ㄧ)

WES BOS系列影片Alex快速導讀系列影片今天要來認識LocalStorage看不太懂的話，這裡也有一篇我覺得寫得很好理解的筆記可以參考localStor...

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

1 Like 0 留言 897 瀏覽

鐵人賽 Modern Web DAY 26

實作經典 JavaScript 30 系列第 26 篇

技術 Day26: Follow Along Links

WES BOS系列影片Alex快速導讀系列影片今天的練習是用js控制滑鼠游標，當滑鼠游標到達當前的連結時，我們使用一個新的方法getBoundingClien...

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

0 Like 1 留言 882 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 33歲轉職者的前端筆記-DAY 17 Bootstrap 介紹及使用方法

什麼是 Bootstrap ? 是一個框架系統是一個UI的框架 (framework) 已提供現成可供使用的語法可快速方便完成網站增加開發效率使用方法...

a841722 ‧ 2021-09-17

3 Like 0 留言 881 瀏覽

鐵人賽 Modern Web DAY 23

實作經典 JavaScript 30 系列第 23 篇

技術 Day23: Mouse Move Shadow

WES BOS系列影片Alex快速導讀系列影片今天的練習重點是抓取DOM容器的座標與mousemove事件我們要做一個文字陰影與滑鼠互動的效果要做出這個效果，...

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

0 Like 0 留言 861 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 33歲轉職者的前端筆記 DAY 9 陣列資料的處理方法

陣列在處理資料的時候幾乎是必備工具了學習到現在陣列是我最不熟的地方所以今天就來寫個筆記幫助學習 push() 在陣列資料的最後一筆新增一個至多個元素，並回傳...

a841722 ‧ 2021-09-09

0 Like 1 留言 842 瀏覽

鐵人賽 Vue.js DAY 4

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

技術 Day4-試試Vue3-首頁(註冊)畫面

首頁分為註冊與會員登入頁面，此篇先介紹註冊部分。 (1)建立路由表Vue.js 是一個元件化的框架，每個頁面通常由一個或多個元件構成，且元件有各自的生命周期，包...

jennydisc ‧ 2023-09-19

0 Like 0 留言 841 瀏覽

鐵人賽自我挑戰組 DAY 13

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

技術 v-for 列表渲染

tags: Vuejs v-for ✐ v-for 指令可以使我們方便的渲染 Array 成為列表，在渲染列表相關的 data 時十分方便，並且 v-for 除...

RURU Tseng ‧ 2020-09-28

0 Like 0 留言 812 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Day 29 JavaScript < 書寫方式>

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

a0265392_lin ‧ 2021-10-09