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

0 Like 0 留言 887 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Chapter4 用音樂做動畫結合前三章學習的內容，一口氣衝刺吧！

題外話昨天沒把樹葉畫上去，還是心癢癢的，所以動手簡單裝飾了一下這棵樹：https://jerry-the-potato.github.io/Chapter3-...

jerrythepotato ‧ 2021-09-26

0 Like 0 留言 1068 瀏覽

鐵人賽自我挑戰組 DAY 26

JavaScript 核心觀念系列第 26 篇

技術【Day26】this - 物件的方法調用

在講解 this 之前，先來看一段程式碼，觀察它的執行過程 var myName = 'weiwei'; function callName() {}; c...

weiwei ‧ 2021-09-26

0 Like 0 留言 1858 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day 11 - Design System x 實作 — Transition

今天要介紹的是網頁元件會用到的動畫，在 Day 07 已經介紹過過渡動畫這邊主要就是三大重點要定義：過渡類型（ Transition Type）、持續時間（D...

parkerhiphop027 ‧ 2021-09-26

0 Like 0 留言 1214 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day.17 「如果基本型別是商品，那物件型別就是購物袋」 —— JavaScript 物件型別

前面有介紹了基本型別，基本型別有 string、number、boolean、null、undefined 這五個型別，剩下的可以都歸類於物件型別。什麼是物...

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

0 Like 0 留言 7425 瀏覽

鐵人賽 Modern Web DAY 17

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

技術不只懂 Vue 語法：什麼是 directive？請示範如何使用 directive？

問題回答 directive（指令）是我們在 Vue 自定義的指令。當我們要重複處理某些工作，例如轉換時間呈現的格式的工作，可以使用 directive 來處理...

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

2 Like 1 留言 2707 瀏覽

鐵人賽 Software Development DAY 11

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

技術 Day 11 : 子集 Subsets

今天要來解一題以前數學課本第０章都會遇到也很常被我們跳躍式略過的東西。在看這題之前我們先來了解一個名詞 Power sets：假設有一個集合 X ，我們將 X...

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

1 Like 0 留言 1139 瀏覽

鐵人賽 Modern Web DAY 11

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

技術追求JS小姊姊系列 Day11 -- 流程錯了怎辦？難道要跟D特終老？

前情提要終於做出時間了，卻又卡在流程問題，這次解決是否能順利回到過去？我：那要怎麼樣避免因為流程錯誤而造成流程執行不完？D特：有各種方法，像是流程控制...

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

0 Like 0 留言 893 瀏覽

鐵人賽 Modern Web DAY 17

我的JavaScript日常系列第 17 篇

技術 JavaScript Day 17. 認識物件

前面說了幾篇陣列以及陣列方法，今天終於要講到跟陣列息息相關的「物件」了。物件包含著一個以上的屬性與值，可以單一組物件存在，也可以好幾組物件存在於一個陣列之中。...

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

0 Like 2 留言 1223 瀏覽

鐵人賽 Modern Web DAY 11

舌尖上的JS 系列第 11 篇

技術 D11 - 分子料理解構賦值 Destructing Assignment

前言 let shoppingList = ['Oreo', 'Tilamisu', 'snickers'] let cookie = shoppingList...

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

0 Like 1 留言 8950 瀏覽

鐵人賽 Modern Web DAY 13

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

技術【Day13】數據展示元件 - Accordion/Collapse 摺疊面板

元件介紹 Accordion 是一個可折疊/展開內容區域的元件。主要是針對顯示內容複雜或很多的頁面進行分區塊的顯示及隱藏。參考設計 & 屬性分析元件...

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

0 Like 0 留言 1179 瀏覽

鐵人賽自我挑戰組 DAY 26

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

技術 e是咱ㄟ寶貝

前面提到那個e，蘊含著我們與網頁互動豐富的資訊。例如： type：代表事件的類別。 target：為觸發事件的元素。 screenX / screenY：代...

popeye_ux ‧ 2021-09-26

1 Like 3 留言 61275 瀏覽

鐵人賽 Modern Web DAY 11

快搭上姐姐的`微`前端便車系列第 11 篇

達標好文技術第11車廂-table界的神器!DataTables介紹篇(1)

延續上篇的table介紹，原本功能都要自己寫，那有沒有工具可以直接套用呢?有的!那就是神器DataTables拉! 簡介 DataTables 是 jQue...

切版姐姐 ‧ 2021-09-26

0 Like 0 留言 1616 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day 11 - 物品借用紀錄系統 (3) 發送到期與逾期通知

我們昨天順利把借物歸還事件可以自動化上傳到 Google Calendar 上，但是如果借閱人不看 Google Calendar 怎麼辦？沒關係，我們就自動...

鳳黃酥 ‧ 2021-09-26

3 Like 0 留言 2792 瀏覽

鐵人賽 Modern Web DAY 12

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

技術入門魔法 - 常用陣列方法（一） forEach、filter、 map

前情提要艾草：「你過來幫我擺一下魔法陣！」「哇喔，看起來好厲害唷！這裡有三個空位是要擺什麼嗎？」艾草：「對唷！魔法陣列內都能擺入三個參數，來這個你接著！擺...

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

1 Like 0 留言 1783 瀏覽

鐵人賽 Modern Web DAY 11

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

技術存放資料的 state、module

在 JavaScript 中，儲存資料的方式，長這樣。 { name: 'Chris', age: 18 } 抽象資料型別 ADT 強型別語言的話，要...

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

1 Like 0 留言 1849 瀏覽

鐵人賽 Software Development DAY 26

從 JavaScript 角度學 Python 系列第 26 篇

技術從 JavaScript 角度學 Python(26) - 指定直譯器

前言這一章節開始讓自己腦袋輕鬆一點好了，畢竟前面也學了不少的東西，所以這邊就聊點簡單的好了。指定直譯器你有注意到許多 Python 的程式碼前面都會有一行...

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

0 Like 0 留言 1070 瀏覽

鐵人賽自我挑戰組 DAY 11

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

技術 [ Day 11 ] - DOM

DOM DOM 是什麼呢？ DOM（Document Object Model）當瀏覽器進入網頁時，將 HTML 文件會以樹狀結構的解析，此稱為 DOM Tre...

karakamin ‧ 2021-09-26

2 Like 0 留言 2324 瀏覽

鐵人賽 Modern Web DAY 11

JavaScript Easy Go! 系列第 11 篇

技術 #11 Web Crawler 4

今天，來優化爬蟲的速度。調查問題成因回顧一下，我們的程式執行了以下步驟：下載網頁解析網頁合併數據儲存數據我們先來記錄一下各步驟執行的時間。 /...

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

1 Like 0 留言 1079 瀏覽

鐵人賽自我挑戰組 DAY 26

JS30 學習日記系列第 26 篇

技術 Day 26 - Stripe Follow Along Dropdown Navigation [更新]

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

Xiang1009 ‧ 2021-09-26

0 Like 0 留言 867 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 Day09：Emit Direct Message I(發送個人訊息到 server 端)

全文同步於個人 Docusaurus Blog 當建立私人頻道後，下一步，便是將私人頻道的訊息發往 server-side，透過 server 轉給指定的使...

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

0 Like 0 留言 1581 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Chpater3 今天來學習畫一棵樹（IV）淺談效能和演算法，以迭代取代遞迴吧！

昨天發完文後，覺得對於演算法還是心有不甘，便上網搜尋了一下，雖然沒直接給到答案，間接的給了我一些大膽的想法。具體參考的是這篇：https://ithelp.i...

jerrythepotato ‧ 2021-09-25

0 Like 0 留言 1951 瀏覽

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

鐵人賽 Modern Web DAY 10

JavaScript 筆記 2 版系列第 10 篇

技術 JavaScript Day10 - 函式

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

hokou ‧ 2021-09-25

2 Like 0 留言 1860 瀏覽

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

鐵人賽 Modern Web DAY 12

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

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

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

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

0 Like 0 留言 1126 瀏覽

鐵人賽自我挑戰組 DAY 25

JavaScript 核心觀念系列第 25 篇

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

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

weiwei ‧ 2021-09-25

0 Like 0 留言 1030 瀏覽

鐵人賽自我挑戰組 DAY 11

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

技術 JavaScript Hoisting (提升)

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

阿沁 ‧ 2021-09-25

0 Like 0 留言 1375 瀏覽

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

鐵人賽 Modern Web DAY 16

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

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

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

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

1 Like 0 留言 1128 瀏覽

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

技術 Chapter4 用音樂做動畫 結合前三章學習的內容，一口氣衝刺吧！

技術 【Day26】this - 物件的方法調用

技術 Day 11 - Design System x 實作 — Transition

技術 Day.17 「如果基本型別是商品，那物件型別就是購物袋」 —— JavaScript 物件型別

技術 不只懂 Vue 語法：什麼是 directive？請示範如何使用 directive？

技術 Day 11 : 子集 Subsets

技術 追求JS小姊姊系列 Day11 -- 流程錯了怎辦？難道要跟D特終老？

技術 JavaScript Day 17. 認識物件

技術 D11 - 分子料理 解構賦值 Destructing Assignment

技術 【Day13】數據展示元件 - Accordion/Collapse 摺疊面板

技術 e是咱ㄟ寶貝

達標好文 技術 第11車廂-table界的神器!DataTables介紹篇(1)

技術 Day 11 - 物品借用紀錄系統 (3) 發送到期與逾期通知

技術 入門魔法 - 常用陣列方法（一） forEach、filter、 map

技術 存放資料的 state、module

技術 從 JavaScript 角度學 Python(26) - 指定直譯器

技術 [ Day 11 ] - DOM

技術 #11 Web Crawler 4

技術 Day 26 - Stripe Follow Along Dropdown Navigation [更新]

技術 Day09：Emit Direct Message I(發送個人訊息到 server 端)

技術 Chpater3 今天來學習畫一棵樹（IV）淺談效能和演算法，以迭代取代遞迴吧！

技術 #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

標記使用者

技術 Chapter4 用音樂做動畫結合前三章學習的內容，一口氣衝刺吧！

技術【Day26】this - 物件的方法調用

技術不只懂 Vue 語法：什麼是 directive？請示範如何使用 directive？

技術追求JS小姊姊系列 Day11 -- 流程錯了怎辦？難道要跟D特終老？

技術 D11 - 分子料理解構賦值 Destructing Assignment

技術【Day13】數據展示元件 - Accordion/Collapse 摺疊面板

達標好文技術第11車廂-table界的神器!DataTables介紹篇(1)

技術入門魔法 - 常用陣列方法（一） forEach、filter、 map

技術存放資料的 state、module

技術從 JavaScript 角度學 Python(26) - 指定直譯器

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

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

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