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

1 Like 1 留言 1381 瀏覽

鐵人賽自我挑戰組 DAY 1

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

技術前言

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

RURU Tseng ‧ 2020-09-16

2 Like 0 留言 1368 瀏覽

鐵人賽 Modern Web DAY 25

實作經典 JavaScript 30 系列第 25 篇

技術 Day25: Adding Up Times With Reduce

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

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

0 Like 0 留言 1364 瀏覽

鐵人賽自我挑戰組 DAY 1

溫故知新 JavaScript 系列第 1 篇

技術 Day1 - 前奏

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

AWEI ‧ 2020-09-14

0 Like 1 留言 1361 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

a841722 ‧ 2021-09-17

0 Like 0 留言 1355 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

a841722 ‧ 2021-09-09

2 Like 0 留言 1332 瀏覽

鐵人賽 Modern Web DAY 21

實作經典 JavaScript 30 系列第 21 篇

技術 Day21: LocalStorage(ㄧ)

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

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

0 Like 0 留言 1327 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術 Day 24 CSS3 < 過渡 transition>

過渡 (transition) 是可以在不使用Flash動畫或JavaScript的情況下，當元素從一種樣式變換成另一種樣式時為元素添加效果，經常和 :hove...

a0265392_lin ‧ 2021-10-04

1 Like 0 留言 1317 瀏覽

技術 Vue 之溫習 - 使用 is 動態切換元件

在某些時候，我們會希望內容在特定的情況下才顯示，例如頁籤的效果，雖然可以透過 v-if 來判斷，並顯示元件但元件一多的時候，反而不是一個理想的方法，所以才有 i...

Jerry Huang ‧ 2020-05-20

0 Like 0 留言 1303 瀏覽

技術前端相關知識

前端語言 HTML(骨架)(看官方文件) CSS(美編)(看官方文件) Tailwind CSS - Rapidly build modern websi...

Chen_LiYin ‧ 2023-09-29

3 Like 0 留言 1297 瀏覽

鐵人賽 Modern Web DAY 23

實作經典 JavaScript 30 系列第 23 篇

技術 Day23: Mouse Move Shadow

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

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

1 Like 0 留言 1284 瀏覽

鐵人賽 Modern Web DAY 22

鉄人28号FX 系列第 22 篇

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

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

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

0 Like 0 留言 1282 瀏覽

鐵人賽自我挑戰組 DAY 30

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

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

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

a0265392_lin ‧ 2021-10-10

0 Like 0 留言 1278 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Day 29 JavaScript < 書寫方式>

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

a0265392_lin ‧ 2021-10-09

0 Like 0 留言 1274 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術 Day 28 JavaScript < 簡單介紹>

1.JS是什麼? Java Script 是一種運行在客戶端的腳本語言 (script就是腳本的意思) 腳本語言 : 不需要進行編譯，運行過程中由JS引擎逐行來...

a0265392_lin ‧ 2021-10-08

0 Like 0 留言 1272 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 33歲轉職者的前端筆記-DAY 13 圖片格式及影音格式

圖片網頁上一定會有多許多圖片元素我們在開發網站時需多了解圖片的特性及格式，在開發的過程會更加順利。圖片標籤 img 為在 HTML 中插入圖片的標籤語法...

a841722 ‧ 2021-09-13

0 Like 0 留言 1252 瀏覽

鐵人賽自我挑戰組 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 留言 1246 瀏覽

鐵人賽 Vue.js DAY 26

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

技術 Day26-試試Vue3-餐廳實評頁面(1)

因開發過程細節較多會分成兩篇來說明。 (1)新增餐廳實評頁面檔案路徑 src / views / front 底下新增 CommentView.vue 檔案。...

jennydisc ‧ 2023-10-11

1 Like 0 留言 1236 瀏覽

鐵人賽 Modern Web DAY 26

實作經典 JavaScript 30 系列第 26 篇

技術 Day26: Follow Along Links

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

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

0 Like 0 留言 1190 瀏覽

技術學習日記-1

最近幾天在網站上看了有管git的資料, 發現了 "連猴子都能懂的Git指南" 就抱著當一隻小猴子的心態去求學發現非常的淺顯易懂(我這隻猴子...

lin199685 ‧ 2022-05-01

1 Like 0 留言 1177 瀏覽

鐵人賽 Modern Web DAY 24

實作經典 JavaScript 30 系列第 24 篇

技術 Day24: Sort Without Articles

WES BOS系列影片Alex快速導讀系列影片今天要結合正規表達式跟sort()來做排序的功能作者這邊假設了一個情境就是我們拿到了一串樂團的清單，希望可以用樂...

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

0 Like 0 留言 1161 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 33歲轉職者的前端筆記-DAY 15 jQuery 基礎語法

什麼是jQuery 由js發開出來的函式庫可以解決瀏覽器相容的問題雖然由js開發出來，但不完全等於js，只是用jQuery的語法寫出來而已引入方式：下載...

a841722 ‧ 2021-09-15

0 Like 0 留言 1154 瀏覽

鐵人賽 Modern Web DAY 13

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 13 篇

技術 [Day 13]每天前進一點應該也是進步吧?(前端篇)

挑戰目標: MockNative Camp 今天我們來整理昨天沒有弄好的footer右邊的部分，這是我們的目標昨天完成的今天完成的今天決定另闢蹊徑到uxwi...

Moscle.dev ‧ 2021-09-28

2 Like 0 留言 1150 瀏覽

鐵人賽 Modern Web DAY 19

實作經典 JavaScript 30 系列第 19 篇

技術 Day19: JS中引用與複製的差異(一)

WES BOS系列影片Alex快速導讀系列影片最一開始可以先試試看這兩段程式碼 let age = 100; let age2 = age; console....

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

1 Like 0 留言 1149 瀏覽

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

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

Jerry Huang ‧ 2020-05-25

1 Like 0 留言 1116 瀏覽

鐵人賽 Modern Web DAY 10

實作經典 JavaScript 30 系列第 10 篇

技術 Day10: 針對陣列的操作練習(三)

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

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

3 Like 1 留言 1102 瀏覽

鐵人賽 Modern Web DAY 30

實作經典 JavaScript 30 系列第 30 篇

技術 Day30: 完賽心得

第30天，不免俗要來寫個完賽心得雖然javascript-30還差個幾天，才能把全部的實例都做完但還是要給自己拍拍手，利用這30天養成了一個好習慣而且真的沒想到...

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

0 Like 0 留言 1093 瀏覽

技術 CSS 特殊形狀怎麼切?

我是圖片:https://drive.google.com/file/d/1j8EyVDr5OfNZdq4niRz_nZQnTJzMITQB/view?usp=...

axekk121217 ‧ 2023-10-26

2 Like 0 留言 1072 瀏覽

鐵人賽 Modern Web DAY 22

實作經典 JavaScript 30 系列第 22 篇

技術 Day22: LocalStorage(二)

我們就必須使用LocalStorage來讓瀏覽器記住剛才輸入的資料紀錄完成後，同時將表單的回復成未輸入的狀態 localStorage.setItem('ite...

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

2 Like 0 留言 1051 瀏覽

鐵人賽 Modern Web DAY 20

實作經典 JavaScript 30 系列第 20 篇

技術 Day20: JS中引用與複製的差異(二)

今天針對物件來看引用與複製的差異先創造一個簡單的物件 const person = { name: 'Wes Bos', age: 80 }; 再製作...

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

0 Like 0 留言 1047 瀏覽

鐵人賽 Modern Web DAY 6

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 6 篇

技術 [Day 6]中秋時在做什麼，有沒有空，可以幫想標題嗎(前端篇)

今天來實作Navite Camp的Nav，看官們可以點網址去看他的效果，因為沒有時間，滑鼠移動到各tab時下面橘色border會滑順的移動，這個暫時沒時間去實作...

Moscle.dev ‧ 2021-09-21

技術 前言