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

1 Like 0 留言 2152 瀏覽

技術 JavaScript 基礎知識-陣列

陣列，也是 JavaScript 裡面的一種資料型別，用於儲存多筆資料。假設今天湯姆的糖果有5顆，傑瑞的糖果有8顆，瑪莉的糖果有10顆，我們要依序針對他們去宣...

Jerry Huang ‧ 2019-03-20

1 Like 0 留言 2045 瀏覽

技術 JavaScript 基礎知識-物件+陣列的組合

若同時需要很多個物件，不妨參考一下前面說到陣列適合儲存多個資料，儲存物件也不例外，我們可以在陣列內儲存多個物件，如下： var farms = [ {...

Jerry Huang ‧ 2019-04-09

1 Like 0 留言 2040 瀏覽

鐵人賽 Modern Web DAY 28

實作經典 JavaScript 30 系列第 28 篇

技術 Day28: Sticky Nav

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

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

1 Like 1 留言 2013 瀏覽

鐵人賽 Modern Web DAY 17

實作經典 JavaScript 30 系列第 17 篇

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

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

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

0 Like 0 留言 1999 瀏覽

鐵人賽自我挑戰組 DAY 11

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

技術 Vue Conditional Rendering 條件渲染

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

RURU Tseng ‧ 2020-09-26

1 Like 3 留言 1999 瀏覽

鐵人賽自我挑戰組 DAY 30

網頁學習紀錄系列第 30 篇

技術鐵人賽 Day30 終於寫到了尾聲，然後呢?

真是值得為自己掌聲的一刻，我很少每天花時間學習一個技術或累積文章連續 30 天，但藉由這次鐵人賽給自己一個挑戰，既然我要盡快轉職，是必要給自己一些里程碑，在這次...

Tim Hsu ‧ 2019-10-03

0 Like 0 留言 1995 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 Day 27 CSS3 < 動畫 animation>

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

a0265392_lin ‧ 2021-10-07

0 Like 0 留言 1986 瀏覽

鐵人賽自我挑戰組 DAY 15

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

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

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

a0265392_lin ‧ 2021-09-25

0 Like 0 留言 1972 瀏覽

鐵人賽自我挑戰組 DAY 1

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

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

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

cherylcloud ‧ 2022-09-16

0 Like 1 留言 1964 瀏覽

鐵人賽 Modern Web DAY 1

React 走出新手村系列第 1 篇

技術 React 走出新手村－簡介

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

LucianoLee ‧ 2023-09-01

1 Like 2 留言 1946 瀏覽

鐵人賽自我挑戰組 DAY 5

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

技術 Vue instance 生命週期 ✦

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

RURU Tseng ‧ 2020-09-20

0 Like 0 留言 1912 瀏覽

鐵人賽自我挑戰組 DAY 21

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

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

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

a0265392_lin ‧ 2021-10-01

1 Like 0 留言 1910 瀏覽

鐵人賽 Modern Web DAY 19

鉄人28号FX 系列第 19 篇

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

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

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

1 Like 0 留言 1897 瀏覽

技術 JavaScript 基礎知識-if else 判斷

前面講到比較運算子還有邏輯運算子，並非只是要單純的要回傳 true 或 false而是要搭配 if 判斷，來做程式上面的判斷， if else 判斷內有判斷式...

Jerry Huang ‧ 2019-04-15

0 Like 0 留言 1890 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 #從零開始1️⃣6️⃣：RWD!!@media(max-width)和@media(min-width)

接續上一篇#從零開始15：怎麼設定照片大小，這篇要討論@media(max-width)和@media(min-width)。在網頁設計中，響應式網頁設計（R...

RochelWang ‧ 2023-10-02

0 Like 0 留言 1882 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 Vue slot：具名插槽

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

RURU Tseng ‧ 2020-10-12

1 Like 0 留言 1863 瀏覽

鐵人賽 Modern Web DAY 7

實作經典 JavaScript 30 系列第 7 篇

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

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

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

1 Like 0 留言 1853 瀏覽

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

網頁上難免有些內容，會需要差不多的架構，僅替換部分的內容，簡單來說，我們前面講到的元件拿來重複利用，只是我們要替換掉部分的內容，讓元件可以達到最佳的利用化，這時...

Jerry Huang ‧ 2020-05-27

0 Like 0 留言 1853 瀏覽

鐵人賽自我挑戰組 DAY 12

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

技術 Vue 事件處理

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

RURU Tseng ‧ 2020-09-27

2 Like 0 留言 1847 瀏覽

技術 JavaScript ES6 - 創建自己的 Promise & 鏈接技巧

這裡來試著創建自己的 Promise 來處理看看非同步 ~ 首先用函式建構式創建函式，接著 return 一個 new Promise，並把 resolve(成...

Jerry Huang ‧ 2020-07-03

3 Like 3 留言 1847 瀏覽

技術最初的最初!

一開始根本沒想要寫文章的哈哈哈XD，但在禮拜四看完洧杰老師的分享後，仔細想想或許能把自己學習過程做一個整合，(沒理由偷懶XDD)正好剛過23歲生日，就想不如23...

lin199685 ‧ 2019-08-03

0 Like 0 留言 1841 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

a841722 ‧ 2021-09-11

0 Like 0 留言 1838 瀏覽

鐵人賽 Modern Web DAY 4

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

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

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

a841722 ‧ 2021-09-04

2 Like 0 留言 1832 瀏覽

技術 JavaScript 基礎知識-else if

if 判斷式，不僅只能做一個判斷，我們還可以再利用 else if 來增加更多的判斷式大致上程式碼架構如下： if(判斷式){ 要執行的程式碼 }el...

Jerry Huang ‧ 2019-04-16

1 Like 0 留言 1822 瀏覽

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

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

Jerry Huang ‧ 2020-04-29

0 Like 0 留言 1799 瀏覽

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

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

greedy0101 ‧ 2023-06-14

2 Like 1 留言 1780 瀏覽

鐵人賽 Vue.js DAY 1

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

技術 Day1-試試Vue3-初衷與目標

技術背景資料庫工程師轉前端技術。所學從六角學院修習切版、 JavaScript 、 Vue 三種前端技術。參賽初衷所學至今跟著課程作業有作出一些網站前後台模板...

jennydisc ‧ 2023-09-16

0 Like 1 留言 1754 瀏覽

鐵人賽自我挑戰組 DAY 30

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

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

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

RURU Tseng ‧ 2020-10-15

0 Like 0 留言 1735 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

a841722 ‧ 2021-09-18

0 Like 2 留言 1703 瀏覽

鐵人賽自我挑戰組 DAY 26

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

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

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

RURU Tseng ‧ 2020-10-11