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

0 Like 0 留言 2351 瀏覽

鐵人賽 Modern Web DAY 10

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 10 篇

技術 #10 實作篇 — 使用 SWR 抓取和 Cache 資料

嗨大家！昨天跟大家分享一個 library 叫做 SWR，文章在這裡～今天用 SWR 新增了小功能，使用者可以輸入 Github username 然後列出該...

Jade ‧ 2021-09-25

0 Like 0 留言 1096 瀏覽

鐵人賽 Modern Web DAY 10

JavaScript 筆記 2 版系列第 10 篇

技術 JavaScript Day10 - 函式

函式(function) 可參考：Day08 - 函數(01) 重複的內容會以函式來定義，來減少重工與方便維護函式內的內容可以放函式函式定義內容後，需要...

hokou ‧ 2021-09-25

1 Like 0 留言 2132 瀏覽

鐵人賽 Software Development DAY 10

Functional Programming For Everyone 系列第 10 篇

技術 Day 10 - Algebraic structure

yo, what's up 本章要來介紹 FP 的重要觀念，Algebraic structure! What's Algebraic structure?...

Jing.tech ‧ 2021-09-25 ‧團隊拒絕奴性的網友

0 Like 0 留言 4257 瀏覽

鐵人賽 Modern Web DAY 12

30 天擁有一套自己手刻的 React UI 元件庫系列第 12 篇

技術【Day12】數據展示元件 - Tooltip

元件介紹 Tooltip 是一個文字彈出提醒元件，當 active 狀態時，會顯示對該子元件描述的文字。參考設計 & 屬性分析位置相對於被包覆的子...

Taiming ‧ 2021-09-25 ‧團隊董事長清潔隊

0 Like 0 留言 1356 瀏覽

鐵人賽自我挑戰組 DAY 25

JavaScript 核心觀念系列第 25 篇

技術【Day25】閉包進階：工廠模式及私有方法

我們先來看一段閉包程式碼 function arrFunction() { const arr = []; for (var i = 0; i...

weiwei ‧ 2021-09-25

0 Like 0 留言 1230 瀏覽

鐵人賽自我挑戰組 DAY 11

開始入坑網頁吧! 系列第 11 篇

技術 JavaScript Hoisting (提升)

Hoisting 能在宣告變數、函式、物件與其他型別前先進行使用，但是初始化並不會被提升。因為 JavaScript 分成編譯跟執行兩個階段，在編譯階段會把宣告...

阿沁 ‧ 2021-09-25

0 Like 0 留言 1645 瀏覽

鐵人賽 Modern Web DAY 27

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 27 篇

技術 #27 JS: Timing Events - Part 1

What is timing event? "JavaScript can be executed in time-intervals. This i...

Vida Lin ‧ 2021-09-27

1 Like 0 留言 10075 瀏覽

鐵人賽 Modern Web DAY 16

不只懂 Vue 語法：Vue.js 觀念篇系列第 16 篇

技術不只懂 Vue 語法：為什麼需要使用 $nextTick ？

問題回答 $nextTick 的作用是等待畫面更新後才執行程式，因為有些時候我們需要操作畫面上的 DOM，例如是取得某個 DOM 節點的文字、取得某元素的高度等...

Alysa Chan ‧ 2021-09-25 ‧團隊前端新手練功團

1 Like 0 留言 1384 瀏覽

鐵人賽自我挑戰組 DAY 25

JS30 學習日記系列第 25 篇

技術 Day 25 - Event Capture, Propagation, Bubbling and Once

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-25

0 Like 0 留言 831 瀏覽

鐵人賽自我挑戰組 DAY 10

初心者解任務啦！JS 的 30 道任務系列第 10 篇

技術 [ Day 10 ] - 傳值與傳址

傳值與傳址先來看案例案例一 let a = 50; let b = a; console.log (a); // 顯示為 50 console.log(b)...

karakamin ‧ 2021-09-25

0 Like 0 留言 1071 瀏覽

鐵人賽 Modern Web DAY 10

從原料到燃料，從資料到預料—資料駕馭網頁之理科的美學系列第 10 篇

技術 D3JsDay10 遇到元素資料不相等，用函式解決高人一等

綁定的資料和畫面上的元素不相等 enter()函式—沒放入元素的資料先看以下程式碼 <body> <div></div&gt...

DannyChen ‧ 2021-09-25 ‧團隊好想工作室V5.0

0 Like 1 留言 5067 瀏覽

鐵人賽 Software Development DAY 10

30天用JavaScript刷題刷起來！系列第 10 篇

技術 Day 10 ：Longest Palindromic Substring

不知道做完 Easy版本的Valid Palindrome看到這一題 Medium版Longest Palindromic Substring 的你有什麼想法？...

Jen ‧ 2021-09-25 ‧團隊鐵人賽臻融一

0 Like 0 留言 2842 瀏覽

鐵人賽 Modern Web DAY 16

入門前端技能之旅系列第 16 篇

技術 Day.16 「重複的事情，交給程式去做！」 —— JavaScript 循環迴圈

前面學習到了條件判斷式，接著我們來學習有點危險的循環迴圈，好啦！也沒那麼誇張～只是寫不好，容易進入無窮迴圈導致當機！不過我們是寫在網頁上～所以如果真的不小心陷...

Mao ‧ 2021-09-25 ‧團隊請付費解鎖團隊名稱

0 Like 0 留言 1884 瀏覽

鐵人賽 Modern Web DAY 10

追求JS小姊姊30天系列第 10 篇

技術追求JS小姊姊系列 Day10 -- 如果時間能重來，我不想跟工具人聊天（下）

前情提要在D特的幫助下，試著穿越時空，但時間碎片湊齊了卻還是出不去，現在該怎辦？我：...所以我們會永遠困在這嗎？D特：....（沈思樣），我想剛剛會失...

南國安迪 ‧ 2021-09-25 ‧團隊好想工作室V5.0

2 Like 2 留言 1755 瀏覽

鐵人賽 Modern Web DAY 10

舌尖上的JS 系列第 10 篇

技術 D10 - 點一籠熱呼呼的小籠閉包 Closure

前言閉包，一個完全無法從字面意思了解的專有名詞，若是改叫小籠閉包，是不是馬上聯想到這個畫面一個個湯包被安放在蒸籠中，呼應到閉包在程式碼中的封閉區塊概念，是...

Hooo ‧ 2021-09-25 ‧團隊好想工作室V5.0

0 Like 0 留言 3482 瀏覽

鐵人賽 Modern Web DAY 10

這個網站也太嗨！30 個網頁動態提案系列第 12 篇

技術 #9-數字動態好棒棒！(Vanilla JS requestAnimationFrame)

品牌常常會有一些數字想要呈現去說服消費者，當然只放靜態的數字就太無聊了，最直覺的動態就是讓數字跑起來！先來看成果：今天終於來到了JS動態篇章，比賽也進行1/...

Global Rachel ‧ 2021-09-25 ‧團隊寫 code 需要講幹話

0 Like 0 留言 2375 瀏覽

鐵人賽 Modern Web DAY 10

關於 UI 元件你所該知道的事系列第 10 篇

技術 Day 10 - Design System x 實作 — Icon 元件

今天就要來實作 Icon 啦！事不宜遲直接開始！想先看 Code 或是 Demo 的由此去：Github Repo： ithelp-ui-demoLive D...

parkerhiphop027 ‧ 2021-09-25

0 Like 0 留言 6538 瀏覽

鐵人賽 Modern Web DAY 16

我的JavaScript日常系列第 16 篇

技術 JavaScript Day 16. 迴圈（for、while、do while、break、continue）

今天要寫的內容，是我完全沒有練習過，也沒有在課堂上學過的方法，那麼為什麼我還是要寫這篇文章呢？原因是因為，即使在我的課程裡 for 迴圈算是被 forEach...

Jemma ‧ 2021-09-25 ‧團隊前端新手練功團

0 Like 0 留言 2067 瀏覽

鐵人賽 Modern Web DAY 10

Vue.js 進階心法系列第 10 篇

技術統一狀態管理 + 單一資料流

我一開始在學 Vuex 的時候，覺得很難懂，不知道它是在做什麼的。當時的我，就想先追朔單一資料流的始祖(應該是吧？) flux Flux 它提出了不少更新畫面的...

Chris ‧ 2021-09-25 ‧團隊好想工作室V5.0

0 Like 0 留言 1804 瀏覽

鐵人賽 Modern Web DAY 10

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 10 篇

技術 Day 10- 物品借用紀錄系統 (2) 設定 Calendar

昨天我們完成了基礎建設，但是有個地方忘記講到，我現在趕快補充一下！我們昨天設定歸還日期時，一定有人會問：這樣他如果在當天的 23:59 分歸還不就也可以嗎...

鳳黃酥 ‧ 2021-09-25

0 Like 0 留言 1666 瀏覽

鐵人賽自我挑戰組 DAY 25

JavaScript老學徒筆記—馬步篇系列第 26 篇

技術事件—天外飛來一個e

剛開始學JavaScript的時候，在書上看到事件綁定的範例： //HTML <a id="link" href="htt...

popeye_ux ‧ 2021-09-25

1 Like 2 留言 2312 瀏覽

鐵人賽 Software Development DAY 25

從 JavaScript 角度學 Python 系列第 25 篇

技術從 JavaScript 角度學 Python(25) - 例外處理

前言接下來我們要聊一個非常非常重要的東西，也就是關於錯誤的處理，而這個處理又稱之為例外處理。例外處理概念首先先聊聊例外處理是什麼，通常我們在開發系統的時候...

Ray ‧ 2021-09-26 ‧團隊IT成長營

2 Like 1 留言 12806 瀏覽

鐵人賽 Modern Web DAY 13

1995到2021，php到react網站開發歷程系列第 13 篇

技術 DAY13-JavaScript實作網頁小遊戲

前言：昨天介紹完了一些簡單的應用，今天阿森想用JavaScript來寫一個貪吃蛇的網頁遊戲，相信透過這個過程大家可以更清楚JavaScript的使用邏輯。...

Cooksuhr ‧ 2021-09-25 ‧團隊Obit0 Studio

0 Like 0 留言 1325 瀏覽

鐵人賽自我挑戰組 DAY 10

開始入坑網頁吧! 系列第 10 篇

技術 Expression 與 Statement

表達式 (Expression) A unit of code that results in a value. 表達式會形成一個值，而這個值它不一定被儲存...

阿沁 ‧ 2021-09-24

2 Like 0 留言 1951 瀏覽

鐵人賽 Modern Web DAY 10

JavaScript Easy Go! 系列第 10 篇

技術 #10 Web Crawler 3

我們今天要把 crawler 函式及 saveData 函式寫好！ crawler 函式我們就依照昨天的想法把 crawler 函式寫出來，並把 parseA...

JacobLinCool ‧ 2021-09-24 ‧團隊NTNU-Unic0rn

0 Like 0 留言 3253 瀏覽

鐵人賽 Modern Web DAY 9

JavaScript 筆記 2 版系列第 9 篇

技術 JavaScript Day09 - 物件、陣列與 JSON

物件與陣列組合前一天有提到，物件內也可以放物件與陣列，而陣列內也是，除了字串與數字外，也可以加入陣列與物件讀取原則陣列：第 n-1 個(因為從 0...

hokou ‧ 2021-09-24

0 Like 1 留言 900 瀏覽

鐵人賽 Modern Web DAY 17

從零開始打造網頁遊戲－造輪子你也辦的到！系列第 17 篇

技術 Chpater3 今天來學習畫一棵樹（III）終於讓樹搖擺起來囉！原來遞迴與碎形可以塑造大自然之美

先補上Demo 將前兩天畫好的樹枝骨幹，搭配第二章學的動畫效果，就能讓樹開始擺動了：https://jerry-the-potato.github.io/Cha...

jerrythepotato ‧ 2021-09-24

1 Like 0 留言 1621 瀏覽

鐵人賽自我挑戰組 DAY 24

JS30 學習日記系列第 24 篇

技術 Day 24 - Sticky Nav

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-24

0 Like 0 留言 6134 瀏覽

鐵人賽 Modern Web DAY 9

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 9 篇

技術 #09 No-code 之旅 — 怎麼在 Client-side 抓取資料？SWR 簡介

安安！前幾天講了怎麼在專案裡用些 data fetching functions 做 pre-rendering。不過如果想要直接在 client-side 抓...

Jade ‧ 2021-09-24

0 Like 0 留言 4594 瀏覽

鐵人賽 Modern Web DAY 9

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 9 篇

技術 Day 9— 物品借用紀錄系統 (1) 基礎建構

今天我們要來製作新的專題：物品借用紀錄微服務！在學校，尤其是行政處室，最常出現的狀況應該就是「借物」這件事情。不過我想應該各種單位應該都是啦～畢竟資源有限嘛...

鳳黃酥 ‧ 2021-09-24

技術 #10 實作篇 — 使用 SWR 抓取和 Cache 資料

技術 JavaScript Day10 - 函式

技術 Day 10 - Algebraic structure

技術 【Day12】數據展示元件 - Tooltip

技術 【Day25】閉包進階：工廠模式及私有方法

技術 JavaScript Hoisting (提升)

技術 #27 JS: Timing Events - Part 1

技術 不只懂 Vue 語法：為什麼需要使用 $nextTick ？

技術 Day 25 - Event Capture, Propagation, Bubbling and Once

技術 [ Day 10 ] - 傳值與傳址

技術 D3JsDay10 遇到元素資料不相等，用函式解決高人一等

技術 Day 10 ：Longest Palindromic Substring

技術 Day.16 「重複的事情，交給程式去做！」 —— JavaScript 循環迴圈

技術 追求JS小姊姊系列 Day10 -- 如果時間能重來，我不想跟工具人聊天（下）

技術 D10 - 點一籠熱呼呼的小籠閉包 Closure

技術 #9-數字動態好棒棒！(Vanilla JS requestAnimationFrame)

技術 Day 10 - Design System x 實作 — Icon 元件

技術 JavaScript Day 16. 迴圈（for、while、do while、break、continue）

技術 統一狀態管理 + 單一資料流

技術 Day 10- 物品借用紀錄系統 (2) 設定 Calendar

技術 事件—天外飛來一個e

技術 從 JavaScript 角度學 Python(25) - 例外處理

技術 DAY13-JavaScript實作網頁小遊戲

技術 Expression 與 Statement

技術 #10 Web Crawler 3

技術 JavaScript Day09 - 物件、陣列與 JSON

技術 Chpater3 今天來學習畫一棵樹（III）終於讓樹搖擺起來囉！原來遞迴與碎形可以塑造大自然之美

技術 Day 24 - Sticky Nav

技術 #09 No-code 之旅 — 怎麼在 Client-side 抓取資料？SWR 簡介

技術 Day 9— 物品借用紀錄系統 (1) 基礎建構

標記使用者

技術【Day12】數據展示元件 - Tooltip

技術【Day25】閉包進階：工廠模式及私有方法

技術不只懂 Vue 語法：為什麼需要使用 $nextTick ？

技術追求JS小姊姊系列 Day10 -- 如果時間能重來，我不想跟工具人聊天（下）

技術統一狀態管理 + 單一資料流

技術事件—天外飛來一個e

技術從 JavaScript 角度學 Python(25) - 例外處理