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

1 Like 0 留言 1467 瀏覽

鐵人賽 Modern Web DAY 28

實作經典 JavaScript 30 系列第 28 篇

技術 Day28: Sticky Nav

WES BOS系列影片Alex快速導讀系列影片今天針對常用的Navbar做fix的狀態這真的是很常見的功能，可以立馬學起來 1.先抓出NavBar的位置，以及...

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

0 Like 0 留言 1450 瀏覽

鐵人賽自我挑戰組 DAY 11

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

技術 Vue Conditional Rendering 條件渲染

tags: Vuejs v-if ✐ v-if 指令可以決定是否渲染元素，該元素只有在填入的 expression 為 truthy 時會渲染。下方為簡單範...

RURU Tseng ‧ 2020-09-26

1 Like 1 留言 1449 瀏覽

鐵人賽 Modern Web DAY 17

實作經典 JavaScript 30 系列第 17 篇

技術 Day17: 為網站設計一個彩蛋

WES BOS系列影片Alex快速導讀系列影片今天的實例用到了cornify.js這個套件，功能類似打電動時要放大絕招前，一定要輸入一段指令串。例如:上上下下...

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

0 Like 1 留言 1437 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Vue 動態組件

tags: Vuejs 動態組件 ✐ 動態組件可以幫助我們動態切換組件，例如在網頁的多標籤介面中常見到動態切換組件的需求，便是動態組件能幫忙的場景之一。使用...

RURU Tseng ‧ 2020-10-14

1 Like 0 留言 1435 瀏覽

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

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

Jerry Huang ‧ 2019-04-12

0 Like 2 留言 1432 瀏覽

鐵人賽自我挑戰組 DAY 5

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

技術 Vue instance 生命週期 ✦

tags: Vuejs Instance Lifecycle 生命週期 ✐ 介紹完如何使用 new Vue({...}) 建構 Vue instance 後，接...

RURU Tseng ‧ 2020-09-20

0 Like 0 留言 1400 瀏覽

鐵人賽自我挑戰組 DAY 15

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

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

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

a0265392_lin ‧ 2021-09-25

1 Like 0 留言 1394 瀏覽

技術 JavaScript 基礎知識 - Ajax(下)

前面講到了 Ajax 用 get 的方法來撈取資料，這篇來介紹 post 的方法來傳送資料以下是 HTML 結構: 帳號: <input type=&q...

Jerry Huang ‧ 2020-04-29

0 Like 0 留言 1382 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 Day 27 CSS3 < 動畫 animation>

動畫 (animation) 可通過設置多個節點來精確控制一個或一組動畫，常用來實現複雜的動畫效果。相比較過渡，動畫可以實現更多變化、更多控制，連續自動播放等...

a0265392_lin ‧ 2021-10-07

1 Like 0 留言 1333 瀏覽

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

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

Jerry Huang ‧ 2020-05-22

1 Like 0 留言 1322 瀏覽

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

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

Jerry Huang ‧ 2019-05-13

0 Like 0 留言 1306 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 33歲轉職者的前端筆記-DAY 11 一些網頁切版技巧的小筆記-Part 2

承上篇 CSS 小筆記漸變(淡入淡出)：CSS屬性秒數速度曲線範例code如下： .g-100 { filter: grayscale(100%)...

a841722 ‧ 2021-09-11

1 Like 0 留言 1279 瀏覽

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

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

a841722 ‧ 2019-10-15

0 Like 1 留言 1249 瀏覽

鐵人賽自我挑戰組 DAY 30

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

技術每天來點 Vue.js 吧目錄&總結

tags: Vuejs 本次鐵人作為進入 Vue 3 的前的粗淺回顧，簡單介紹了 Vue 2 官網的內容，雖然有許多不足，中段開始時間調控上做的也不如預期，但在...

RURU Tseng ‧ 2020-10-15

1 Like 0 留言 1248 瀏覽

鐵人賽 Modern Web DAY 7

實作經典 JavaScript 30 系列第 7 篇

技術 Day07: Flexbox + JavaScript 製作手風琴版面

WES BOS系列影片Alex快速導讀系列影片作者可能怕我們忘記flex怎麼用，在中間穿插了這個課程，練習JS之餘，也能夠再複習一下flexbox所以在一開...

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

0 Like 0 留言 1246 瀏覽

鐵人賽 Vue.js DAY 2

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

技術 Day2-試試Vue3-建立vite專案

(1)建立 vite 專案透過命令提示字元以 npm 方式建立 vite 專案。 STEP1. 開啟命令提示字元視窗Windows 作業系統中點擊開始>搜...

jennydisc ‧ 2023-09-17

0 Like 0 留言 1202 瀏覽

技術 [精華] [台中前端小聚] 前端監控就是那麼重要

前言轉職或自學的人經常對自己的未來感到焦慮，覺得自己不如他人，進步緩慢。這種焦慮會迫使他們投入所有的時間學習程式語言或實作專案，最終將自己困在家中與世隔絕的生...

greedy0101 ‧ 2023-06-14

2 Like 0 留言 1180 瀏覽

鐵人賽 Modern Web DAY 12

實作經典 JavaScript 30 系列第 12 篇

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

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

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

1 Like 1 留言 1180 瀏覽

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

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

Jerry Huang ‧ 2020-05-21

0 Like 0 留言 1162 瀏覽

鐵人賽自我挑戰組 DAY 1

文科生轉職React前端工程師的菜鳥學習日記系列第 1 篇

技術 [Day01] 轉職軟體工程師前的迷思? 轉職前經歷

聽人家說軟體工程師的薪水都很高，而且菜鳥軟體工程師的起薪就是一般內勤行政的薪資天花板，零基礎只要去參加軟體工程師轉職培訓班就能順利轉職？轉職前經歷之前在...

cherylcloud ‧ 2022-09-16

0 Like 0 留言 1157 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 Vue slot：具名插槽

tags: Vuejs 具名插槽 ✐ 若是需要多個插槽，可以在 <slot> 中使用 name attribute，定義命名的插槽，可以定義具有多個...

RURU Tseng ‧ 2020-10-12

1 Like 0 留言 1153 瀏覽

鐵人賽 Modern Web DAY 27

實作經典 JavaScript 30 系列第 27 篇

技術 Day27:Speech Synthesis

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

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

0 Like 0 留言 1145 瀏覽

鐵人賽自我挑戰組 DAY 12

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

技術 Vue 事件處理

v-on 要對模板中的元素添加 Event Listener，Vue 提供 v-on 指令可以針對元素綁定 Event Listener，並在事件發生時調用...

RURU Tseng ‧ 2020-09-27

2 Like 0 留言 1107 瀏覽

鐵人賽 Modern Web DAY 9

實作經典 JavaScript 30 系列第 9 篇

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

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

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

0 Like 1 留言 1106 瀏覽

鐵人賽 Modern Web DAY 1

React 走出新手村系列第 1 篇

技術 React 走出新手村－簡介

前言這次內容會針對剛成為 React developer 的新手，提供一些提可以升技能的方向，有多少朋友遇到以下的情況呢？通常在一系列的教學文章或是速成班內容...

LucianoLee ‧ 2023-09-01

0 Like 0 留言 1106 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 33歲轉職者的前端筆記 DAY 4 固定浮動選單 RWD 寫法

隨著智慧型手機的普及網頁設計也要隨著時代的潮流而寫出適合智慧型手機用戶的網頁今天的筆記是目前最常見的 RWD 應用：固定浮動選單首先先上範例圖：背景雖...

a841722 ‧ 2021-09-04

2 Like 0 留言 1092 瀏覽

鐵人賽 Modern Web DAY 8

實作經典 JavaScript 30 系列第 8 篇

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

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

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

0 Like 0 留言 1068 瀏覽

鐵人賽自我挑戰組 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

3 Like 1 留言 1067 瀏覽