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

0 Like 0 留言 1391 瀏覽

鐵人賽 Modern Web DAY 8

從零開始學 - Side Project專題開發及切版實作技巧系列第 8 篇

技術 Day 8 - Figma 繪製精美 Mockup (一)

Day 8 - Figma 繪製精美 Mockup (一) 每日一談嗨，大家好 ! 我是阿蘇今天是Day7 我們即將進入設計階段，這邊一樣也是使用 F...

阿蘇蘇 ‧ 2022-09-23 ‧團隊死線衝鋒 Deadline Squad

2 Like 0 留言 1384 瀏覽

鐵人賽 Modern Web DAY 15

JavaScript 初心者筆記系列第 15 篇

技術 JavaScript 初心者筆記: 迴圈如何加總

昨天簡介完迴圈的基本觀念之後，今天要分享一個迴圈加總的範例，透過範例應該能夠更清楚迴圈實際的運作。有一個村莊，裡面有三個農場，要如何透過迴圈計算三個農場的...

Grete Ma ‧ 2019-09-16

0 Like 0 留言 1380 瀏覽

鐵人賽 Modern Web DAY 4

從零開始手刻網站，30 天打造我的前端武器庫系列第 4 篇

技術 Day 04：多媒體資源匯入

一、前言在製作網頁時，我們會需要一些文字或是圖片來裝飾我們的頁面，這些資料可能來自設計師或是後端工程師。但是我們在前端製作頁面時，沒有這些文字與圖片資源時該...

東尼先生 ‧ 2022-09-18

0 Like 0 留言 1371 瀏覽

鐵人賽 Modern Web DAY 10

AMP 系列第 10 篇

技術 AMP(Lession 10) - 收合區域

收合區域 - amp-accordion 如下圖所示：如手風琴（accordion）一般，開合以顯示內容 Required Script <script...

majo2013 ‧ 2018-10-10

0 Like 0 留言 1340 瀏覽

技術 React源碼 commit階段詳解

點擊進入React源碼調試倉庫。當render階段完成後，意味著在內存中構建的workInProgress樹所有更新工作已經完成，這包括樹中fiber節點的更...

nero ‧ 2021-02-19

1 Like 2 留言 1337 瀏覽

技術 [鼠年全馬鐵人挑戰] Week25 - 超新手學前端 - JavaScript 練習題- 變數命名

在學習寫程式的過程中，最不會的就是變數命名因為本身就是個不會英文的麻瓜QQ 這時候就突然很想當美國人這樣學程式會快很多哈哈廢話不多說來練習變數命名囉! 變...

a841722 ‧ 2020-07-31

0 Like 0 留言 1326 瀏覽

鐵人賽 Modern Web DAY 1

從零開始手刻網站，30 天打造我的前端武器庫系列第 1 篇

技術 Day 01：前言（2022 主題競賽）

一、前言早在幾年前，我一直有著經營自己 Blog 的小小願望，但是礙於不知道要寫些什麼主題，這個願望就一直被我藏在心中遲遲未去執行。而在無意間，我得知鐵人賽...

東尼先生 ‧ 2022-09-15

0 Like 0 留言 1321 瀏覽

鐵人賽 Software Development DAY 2

使用Django Rest Framework, Docker, Docker Compose 製作後端服務應用系列第 2 篇

技術 [Day2] - 前端，後端是在做什麼？

近幾年有在經營程式學習的讀書會，其中有些問題是大家常會詢問的問題，而前端/後端要在做什麼就是一個熱門的問題，因此想在這邊以淺顯易懂的方式說明。如果我們打開一個...

無聊工程師 bored_engineer ‧ 2021-09-15 ‧團隊董事長清潔隊

0 Like 0 留言 1319 瀏覽

鐵人賽 Modern Web DAY 15

從零開始手刻網站，30 天打造我的前端武器庫系列第 15 篇

技術 Day 15：Animation 組件實作

組件實作 : Demo 一、前言 Animation 動畫是網頁中不可或缺的重要元素，它能夠為網頁帶來生命力，讓整個網頁「活了起來」，在本篇中介紹幾個語法...

東尼先生 ‧ 2022-09-29

0 Like 1 留言 1304 瀏覽

技術幫助自己上班的零件數量查詢器(2) - 網頁骨骼 html

html造就構造、css填肉美化、javascript動作這樣類似的敘述再學習網頁的初期應該會常常看到，甚至會有很多類似的迷因。你是不是在想我怎麼不插個謎因，...

走得歪七扭八的孩子 ‧ 2023-02-03

0 Like 0 留言 1296 瀏覽

鐵人賽 Modern Web DAY 11

AMP 系列第 11 篇

技術 AMP(Lession 11) - 時間轉換 timeago

時間轉換 timeago 不知道 timeago 的請去這兒瞭解一下， amp-timeago 就是以這個套件為基礎的基本範例 <amp-timeago...

majo2013 ‧ 2018-10-11

1 Like 0 留言 1281 瀏覽

技術 [鼠年全馬鐵人挑戰] Week12 - 超新手學習筆記：CSS 選擇器 - child

又過了一週啦~自從參加了切版直播班就更忙碌了這次的切版作業也學了很多以前沒學過的語法這週來記錄一下新學到的 CSS 選擇器吧~ 什麼是CSS選擇器相信初學者剛...

a841722 ‧ 2020-04-26

0 Like 0 留言 1280 瀏覽

技術 ReactFiber節點的更新入口：beginWork

React的更新任務主要是調用壹個叫做workLoop的工作循環去構建workInProgress樹，構建過程分為兩個階段：向下遍歷和向上回溯，向下和向上的過程...

nero ‧ 2021-01-23

0 Like 1 留言 1277 瀏覽

鐵人賽 SideProject30 DAY 11

30天製作RWD個人品牌網站系列第 11 篇

技術 Day11. 切版前知識(一) VSCode 使用教學、擴充套件推薦

嗨～接下來要開始進入切版了，開始切版前，有些必須知道的知識必須了解。之後切版會使用VSCode來做程式撰寫，今天先帶大家認識VSCode這個強大的前端開發軟體吧...

luna0228 ‧ 2023-09-26

0 Like 0 留言 1252 瀏覽

鐵人賽 Modern Web DAY 29

擊敗前端面試大作戰！系列第 29 篇

技術 [擊敗前端面試大作戰] 把你的履歷分區塊 — — 前端工程師怎麼寫出滿分前端履歷

「一份好的履歷，距離拿下理想工作就成功了一半」這是過去一個老師跟我說過的一句話，而我在每一次找工作的經歷中不斷驗證出這句話的重要性。在求職過程中，面試官想要在...

bywater529 ‧ 2022-10-13

0 Like 0 留言 1239 瀏覽

鐵人賽 Modern Web DAY 28

AMP 系列第 28 篇

技術 AMP(Lession 28) - 視覺上呈現出飛毯效果

視覺上呈現出飛毯效果文字上難以說明，我們直接來看這兒的範例吧!! 從這個範例，我們可以看到使用 amp-fx-flying-carpet 這個 compone...

majo2013 ‧ 2018-10-28

0 Like 0 留言 1233 瀏覽

技術【前端動手玩創意】創造一個Skill bar(5)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-03-29

0 Like 0 留言 1230 瀏覽

鐵人賽自我挑戰組 DAY 4

從freeCodeCamp進入前端宇宙系列第 4 篇

技術 CSS基礎介紹(2)

來輕鬆聊聊今天的內容將著重在版面配置，利用這些屬性，可以讓一個網頁，從完全空白到能清楚的區分網頁中各種功能的區塊。背景背景設定如同border(邊框)...

JackyHuang ‧ 2021-09-06

0 Like 0 留言 1229 瀏覽

鐵人賽 Modern Web DAY 22

從零開始手刻網站，30 天打造我的前端武器庫系列第 22 篇

技術 Day 22：鍵盤輸入事件實作

組件實作：Demo 一、前言鍵盤輸入監聽事件是一個很有用的功能，或許在瀏覽一般的網頁時，比較不常使用鍵盤控制。但如果是遊玩網頁遊戲，取得鍵盤的監聽就會變...

東尼先生 ‧ 2022-10-06

1 Like 0 留言 1222 瀏覽

鐵人賽影片教學 DAY 10

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 10 篇

技術 Day10: <slot> 與 class: 使用方式

影片內容 Svelte 當中有 slot 語法（directive）可供使用，使用方法與 Vue 的 slot 類似，可以增加元件客製化的彈性。 class...

愷開 ‧ 2020-09-19

0 Like 0 留言 1220 瀏覽

技術前端小試身手(4)--it幫發文「一眼全覽」

目錄前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕～前端小試身手(2)--it幫跳轉到最佳解答前端小試身手(3)--增添系列文...

Oo_花之舞__oO ‧ 2023-01-19

0 Like 0 留言 1213 瀏覽

鐵人賽 Modern Web DAY 10

從零開始學 - Side Project專題開發及切版實作技巧系列第 10 篇

技術 Day 10 - Prototype 原型互動 / 產品模擬

Day 10 - Prototype 原型互動 / 產品模擬 (Figma 教學) 每日一談嗨，大家好 ! 我是阿蘇今天是Day10 ，今天來跟大家談談 P...

阿蘇蘇 ‧ 2022-09-25 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1211 瀏覽

鐵人賽 Modern Web DAY 3

從零開始學 - Side Project專題開發及切版實作技巧系列第 3 篇

技術 Day 3 - 開發前準備(一) : 發想主題

開發前準備(一) : 發想主題每日一談嗨大家好 ! 我是阿蘇今天是 DAY3，今天來開始進入正題，談談 Side Project 主題，中間也會分享自己開...

阿蘇蘇 ‧ 2022-09-18 ‧團隊死線衝鋒 Deadline Squad

0 Like 1 留言 1210 瀏覽

技術【前端動手玩創意】前端canvas截圖的招式！竟然有三招，可存成SVG或PNG (7)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-04-21

0 Like 0 留言 1204 瀏覽

鐵人賽 Modern Web DAY 17

AMP 系列第 17 篇

技術 AMP(Lession 17) - AMP 中的 Instagram

AMP 中的 Instagram 基本結構 <amp-instagram data-shortcode="fBwFP"...

majo2013 ‧ 2018-10-17

0 Like 1 留言 1199 瀏覽

技術 JS筆記-VScode自己設定速打

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2023-03-19

0 Like 0 留言 1196 瀏覽

鐵人賽 Modern Web DAY 22

AMP 系列第 22 篇

技術 AMP(Lession 22) - 影片播放

影片播放說著說著，我們來看看影片在 amp 的世界裡是如何被使用的吧 Required Script <script async custom-elem...

majo2013 ‧ 2018-10-22

0 Like 0 留言 1173 瀏覽

鐵人賽 Modern Web DAY 4

先你一步的菜鳥 - 從 0 開始的前端網頁設計系列第 4 篇

技術 Day-4 林克，你的大師之劍呢？

我是個劍士，在100年前敗給魔王之後，從復甦神廟醒來(如有雷同純屬巧合)。發現深愛的國家、人民、公主，全部都在魔王的統治下深受其害。所以我決定拿起我的寶劍，...

Chris ‧ 2020-09-04

0 Like 0 留言 1170 瀏覽

鐵人賽自我挑戰組 DAY 1

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

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

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

cherylcloud ‧ 2022-09-16

0 Like 1 留言 1165 瀏覽

鐵人賽 Modern Web DAY 21

用不到 30 天學會基本 TypeScript 系列第 21 篇

技術泛型（Generics）

泛型在 TypeScript 裡，是很重要的一個環節，幾乎都會看到它的身影。在前面的文章範例裡，應該或多或少都有使用到泛型，那泛型究竟是什麼？為什麼這麼重要呢？...

威爾豬 ‧ 2023-09-21