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

0 Like 0 留言 839 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 [ Day 9 ] - 函式

函式一個函式內會包裝一段執行的動作，可以被重複的使用如何宣告函式宣告函式時，需要使用 function 關鍵字，並且給函式一個名稱，再接著一組括號，寫法如...

karakamin ‧ 2021-09-24

1 Like 0 留言 821 瀏覽

鐵人賽自我挑戰組 DAY 24

JS30 學習日記系列第 24 篇

技術 Day 24 - Sticky Nav

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

Xiang1009 ‧ 2021-09-24

0 Like 0 留言 3558 瀏覽

鐵人賽 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 留言 2807 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

鳳黃酥 ‧ 2021-09-24

3 Like 0 留言 10302 瀏覽

鐵人賽 Modern Web DAY 15

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

技術不只懂 Vue 語法：請說明 keep-alive 以及 is 屬性的作用？

問題回答 <keep-alive> 的作用是緩存一個元件的資料狀態，即使它被切換掉，不再呈現在畫面上時，它的資料狀態依然會把存起來，並不會像一般元件...

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

0 Like 0 留言 868 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 #24 JS: HTML DOM Events - Part 2

For the topic today, I can't fully understand the logic that it works.So forgive...

Vida Lin ‧ 2021-09-24

0 Like 0 留言 706 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 D3JsDay09 資料元素來綁定，讓你元素有內定—資料綁定

資料綁定 datum()函式前面的文章多半是在使用D3來操作DOM，這邊主要探討D3的核心，將資料綁定在DOM的元素中，換句話說DOM的元素樣貌可以透過資料來...

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

1 Like 0 留言 1615 瀏覽

鐵人賽 Modern Web DAY 10

JavaScript 魔法入門 - 從入門到中階觀念系列第 10 篇

技術入門魔法 - function 函式

前情提要艾草：「你可以幫我算一下 100 + 100 是多少嗎？」「200 啊．．．」艾草：「那在加 6 次 100 呢？」「．．．？妳在幹嘛呀，啊是...

艾草 ‧ 2021-09-24 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

0 Like 0 留言 1041 瀏覽

鐵人賽 Modern Web DAY 9

摸索 WebSocket，遠望 WebRTC 系列第 9 篇

技術 Day08：Build Private Chat(建立私人頻道)

全文同步於個人 Docusaurus Blog 除了共用的頻道外，當不同使用者進入時，希望能夠出現一個很陽春的不同使用者的聊天頻道，並進行私人訊息。而這一...

DoDoBird ‧ 2021-09-24 ‧團隊血汗攻城屍

0 Like 0 留言 2539 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day.15 「條件設定好～讓程式判斷！」 —— JavaScript 條件判斷式

前面學習了基礎的變數與運算子的使用，這些基礎往往是非常枯燥乏味的，還沒有與電腦有更進一步的互動，所以感受不到程式語言的魅力，而今天學習的條件判斷式就可以開始與...

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

0 Like 0 留言 860 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 DAY12-JavaScript（二）

前言：昨天我們介紹了JavaScript幾個最基本的用法，今天我打算來介紹JavaScript是如何跟網頁做互動的！這裡阿森來講一下JavaScript在操...

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

0 Like 0 留言 1685 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Day 09 - Design System x 實作 — Typography

雖然昨天已經介紹了如何在你的網頁中實作 Color System，但嚴格上來說今天才算是這系列第一篇的實作，畢竟 Color 只涵蓋了 CSS 的部分，並且是...

parkerhiphop027 ‧ 2021-09-24

0 Like 0 留言 3312 瀏覽

鐵人賽 Modern Web DAY 11

Follow me! 來一場前端技能樹之旅系列第 11 篇

技術 [Day 11 - JS] 互動吧網頁 — Javascipt的DOM 操作 / 事件

在前一篇，我們介紹完 Javascript 的語法和基本功能，包括宣告變數、條件陳述式、函式、物件陣列 ... 等等，接下來就來了解如何透過 Javascipt...

May ‧ 2021-09-24

0 Like 0 留言 782 瀏覽

鐵人賽 Modern Web DAY 15

我的JavaScript日常系列第 15 篇

技術 JavaScript Day 15. every() 與 some()

在所有的陣列方法裡還有 every() 跟 some() ，聽說是很冷門的兩種方法，確實我在練習上也是蠻少用到的，不過既然是歸類在陣列方法，其實也可以稍微了解一...

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

1 Like 1 留言 1265 瀏覽

鐵人賽 Software Development DAY 9

Functional Programming For Everyone 系列第 9 篇

技術 Day 09 - Type Signature

yo, what's up? 到目前為止，目前我們把最基本的概念 pure function, curry, compose 到比較進階概念 lens, tra...

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

1 Like 0 留言 1140 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Component 鬼牌(二): 看網址決定 Component

前端 router 前端 router 是一個很厲害的技術，讓 JavaScript 的內容與網址有了關係。並且讓分享某個特定的內容，不再是 Server Si...

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

0 Like 0 留言 1630 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術【Day24】派一個Spy到網頁中竊聽—事件監聽

先來說說什麼是「事件」呢？舉個例子：看到紅燈，就踩剎車！「看到紅燈」就是事件；「踩剎車」就是事件發生後所採取的行動。而在網頁上所發生的事件，可能是使用者滑...

popeye_ux ‧ 2021-09-24

0 Like 0 留言 969 瀏覽

鐵人賽 Modern Web DAY 11

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

技術【Day11】數據展示元件 - Badge

元件介紹 Badge 可以讓我們在其 children element 的右上角(預設位置)顯示一個小徽章，通常用來表示需要處理的訊息數量，透過醒目的視覺形式來...

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

1 Like 0 留言 1084 瀏覽

鐵人賽 Software Development DAY 23

從 JavaScript 角度學 Python 系列第 23 篇

技術從 JavaScript 角度學 Python(23) - Class

前言接下來算是小聊一下 Python 的 Class 語法而已，算是稍微休息一下，所以這邊簡單聊就好。物件導向 Python 本身就是一個物件導向語言(Ob...

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

1 Like 0 留言 506 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Chpater3 今天來學習畫一棵樹（II）以有規律的隨機畫出擬真的樹枝原來畫一顆樹不難嘛！

此篇接續第一篇：https://ithelp.ithome.com.tw/articles/10269980接下來我們把造樹的步驟拆分成骨幹、畫樹枝、樹葉，而到...

jerrythepotato ‧ 2021-09-23

0 Like 0 留言 478 瀏覽

鐵人賽自我挑戰組 DAY 23

JavaScript 核心觀念系列第 23 篇

技術【Day23】參數

參數首先我們先看一個範例 function fn(para){ console.log(para, arguments); }; fn('weiwe...

weiwei ‧ 2021-09-23

0 Like 0 留言 462 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 JavaScript 函數 | 一級函數

一級函數 (First Class Functions) Everything you can do with other types you can do...

阿沁 ‧ 2021-09-23

3 Like 0 留言 1941 瀏覽

鐵人賽 Modern Web DAY 9

JavaScript Easy Go! 系列第 9 篇

技術 #9 Web Crawler 2

We are going to start coding!! 想法這個爬蟲的想法很簡單，對於每個 Block，我們從第一個 Page 開始爬，直到最後一個。...

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

0 Like 0 留言 1188 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day 8 — 自動化回信機(5) 優化回信機

咦？我們都寫完了，為什麼還不進入下一個專題呢？嘖嘖，這你就不懂了！身為一個工程師，能動，只是交件標準。但是你後續如果還要維護，那麼你寫的這份爛 code 會在...

鳳黃酥 ‧ 2021-09-23

0 Like 0 留言 730 瀏覽

鐵人賽 Modern Web DAY 8

JavaScript 筆記 2 版系列第 8 篇

技術 JavaScript Day08 - 物件

物件(object) 參考此篇：Day12 - 物件建立空的物件，有2種方法使用 new Object() 使用 {} 內容以屬性(key):...

hokou ‧ 2021-09-23

0 Like 0 留言 534 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術 [ Day 8 ] - 迴圈

迴圈想要重複做一件事，會依據條件而有不同的執行次數 for 迴圈寫法如下 for (let i = 0; i < 5; i++){ conso...

karakamin ‧ 2021-09-23

1 Like 0 留言 2688 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 #08 實作篇 — 使用 Next.js 的各種 Data Fetching 方式實作小專案 ft. Github API

大家好！昨天實作了小小專案，也寫了一篇短短的介紹文，那今天跟大家分享怎麼用 Next.js 的各種 data fetching functions 串 API...

Jade ‧ 2021-09-23

1 Like 0 留言 1468 瀏覽

鐵人賽自我挑戰組 DAY 23

JS30 學習日記系列第 23 篇

技術 Day 23 - Speech Synthesis

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

Xiang1009 ‧ 2021-09-23

1 Like 0 留言 1193 瀏覽

鐵人賽 Software Development DAY 8

Functional Programming For Everyone 系列第 8 篇

技術 Day 08 - Transduce II

review 上一篇介紹了 transduce 基本概念後，就可以知道 transduce 就是對資料結構進行 transform 並 reduce，其核心...

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

0 Like 0 留言 2677 瀏覽

鐵人賽自我挑戰組 DAY 9

轉職未滿一年的點點滴滴系列第 9 篇

技術 [Day 9] - 『轉職工作的Lessons learned』 - GraphQL (Hasura) - Webhook身份驗證

今天想介紹一下工作上有使用到的小工具Hasura，以及我從中學習到哪些需要注意的小細節。網路上已有大量Graphql教學，可以直接搜尋參考。首先我先大致介紹一下...

小試身手 ‧ 2021-09-23

技術 [ Day 9 ] - 函式

技術 Day 24 - Sticky Nav

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

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

技術 不只懂 Vue 語法：請說明 keep-alive 以及 is 屬性的作用？

技術 #24 JS: HTML DOM Events - Part 2

技術 D3JsDay09 資料元素來綁定，讓你元素有內定—資料綁定

技術 入門魔法 - function 函式

技術 Day08：Build Private Chat(建立私人頻道)

技術 Day.15 「條件設定好～讓程式判斷！」 —— JavaScript 條件判斷式

技術 DAY12-JavaScript（二）

技術 Day 09 - Design System x 實作 — Typography

技術 [Day 11 - JS] 互動吧網頁 — Javascipt的DOM 操作 / 事件

技術 JavaScript Day 15. every() 與 some()

技術 Day 09 - Type Signature

技術 Component 鬼牌(二): 看網址決定 Component

技術 【Day24】派一個Spy到網頁中竊聽—事件監聽

技術 【Day11】數據展示元件 - Badge

技術 從 JavaScript 角度學 Python(23) - Class

技術 Chpater3 今天來學習畫一棵樹（II）以有規律的隨機畫出擬真的樹枝 原來畫一顆樹不難嘛！

技術 【Day23】參數

技術 JavaScript 函數 | 一級函數

技術 #9 Web Crawler 2

技術 Day 8 — 自動化回信機(5) 優化回信機

技術 JavaScript Day08 - 物件

技術 [ Day 8 ] - 迴圈

技術 #08 實作篇 — 使用 Next.js 的各種 Data Fetching 方式實作小專案 ft. Github API

技術 Day 23 - Speech Synthesis

技術 Day 08 - Transduce II

技術 [Day 9] - 『轉職工作的Lessons learned』 - GraphQL (Hasura) - Webhook身份驗證

標記使用者

技術不只懂 Vue 語法：請說明 keep-alive 以及 is 屬性的作用？

技術入門魔法 - function 函式

技術【Day24】派一個Spy到網頁中竊聽—事件監聽

技術【Day11】數據展示元件 - Badge

技術從 JavaScript 角度學 Python(23) - Class

技術 Chpater3 今天來學習畫一棵樹（II）以有規律的隨機畫出擬真的樹枝原來畫一顆樹不難嘛！

技術【Day23】參數