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

0 Like 0 留言 3703 瀏覽

鐵人賽 Modern Web DAY 22

React.js 從【0】到【1】推坑計畫系列第 22 篇

技術【Day 22】React.memo

昨天講到了 class based component 可以透過 shouldComponentUpdate 比較前一次 props 與前一次 state 來...

莫力全 Kyle Mo ‧ 2019-09-26

3 Like 0 留言 7117 瀏覽

鐵人賽 Modern Web DAY 24

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 24 篇

技術 [ D3.js ] 資料圖形繪製與重繪 enter(), exit() & update()

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-26

1 Like 0 留言 2160 瀏覽

鐵人賽 Software Development DAY 12

使用JavaScript學習資料結構與演算法系列第 12 篇

技術 Day12-資料結構-樹(Tree)的一些操作方法

今天將會把昨天實作的樹，加上幾個函式: sum(): 所有節點值的總和 contain(): 查詢是否樹裡有指定要找的值 size(): 計算樹裡共有幾個節點...

harry xie ‧ 2019-09-26

0 Like 0 留言 1603 瀏覽

鐵人賽 Modern Web DAY 12

JS煉金術：Javascript30+聲光玩轉的Drum Pads 系列第 12 篇

技術 [JS30]DAY11 : Custom HTML5 Video Player

[程式碼&DEMO] [HackMD完整筆記] 目標 1.使用HTML5的video tag做出各種播放器功能滑動調節音量以及播放速度按鈕...

BROWN ‧ 2019-09-26

0 Like 0 留言 1758 瀏覽

鐵人賽自我挑戰組 DAY 25

刷題記錄與人生分享系列第 25 篇

技術 DAY25 Reverse Linked List

題目: https://leetcode.com/problems/reverse-linked-list/翻轉串結鏈結並回傳。解題思路: 透過三個指標pos...

keyhouse12 ‧ 2019-09-26

2 Like 1 留言 2962 瀏覽

鐵人賽自我挑戰組 DAY 11

JavaScript之一定要了解的 Array 與方法系列第 11 篇

技術 JS 以陣列 Array 的複製談型別（上）

Day 11 別懷疑，複製就是拷貝，深拷貝淺拷貝就是深複製淺複製，呼～人家說，如果我們可以和某位朋友一起旅行 30 天，要嘛旅程結束變至親，不然就是變仇人...

tsuifei ‧ 2019-09-26 ‧團隊好想工作室 v3.0

0 Like 0 留言 1492 瀏覽

鐵人賽自我挑戰組 DAY 11

新手村－30 Day JS Coding Challenge 系列第 11 篇

技術新手村11 - Custom Video Player

11 - Custom Video Player 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ smal...

Chester ‧ 2019-09-26

1 Like 0 留言 1283 瀏覽

鐵人賽 Modern Web DAY 12

RE：從零開始的學習 JS 生活系列第 12 篇

技術 EP.11 RE：從零開始的學習 JS 生活-第十一日

前言轉生第十一日，這一篇將會來介紹 JavaScript 的型別轉換，而這是 JavaScript 中滿常見且非常重要的觀念。強弱型別了解型別轉換之前我們...

Ray ‧ 2019-09-26

1 Like 0 留言 1818 瀏覽

鐵人賽 Modern Web DAY 15

超緊繃!30天Vue.js學習日記系列第 15 篇

技術 [Vue.js][日記]組件最終篇-動態組件的部分!

超緊繃!30天Vue.js學習日記組件最終篇-動態組件的部分! 大家好!在昨天介紹插槽(slot)後,今天要介紹的是動態組件!Vue.js允許我們將多個組件...

EN ‧ 2019-09-26 ‧團隊IT成長團

0 Like 1 留言 975 瀏覽

鐵人賽 Modern Web DAY 23

JavaScript 忍者的修練--從下忍進階到中忍系列第 23 篇

技術 Day 23: Set

JavaScript 的 Set 像是一種特別的陣列，一個 Set 裡面的任一個資料都是獨一無二的，一般陣列裡可以有多個相同的資料，比如[1 , 1, &quo...

yowlonglee ‧ 2019-09-25

0 Like 0 留言 1155 瀏覽

鐵人賽 Modern Web DAY 2

前端工程的另一個選擇 Svelte 系列第 24 篇

技術 DAY24- 過場動畫

Transitions 過場動畫 Transitions 是今天要分享的主題，相信不管在哪裡都很常看到他，因為有他畫面呈現才不會那麼硬梆梆的，當然 svelte...

kirai ‧ 2019-09-25

1 Like 0 留言 1316 瀏覽

鐵人賽自我挑戰組 DAY 10

JavaScript 新手筆記系列第 10 篇

技術 Day10 - 陣列

前言這次主要是說明陣列陣列( array ) 陣列 = array，使用[ ] 來包含當資料很多時逐一宣告變數會變麻煩，就會想要使用陣列來表示長度為陣...

hokou ‧ 2019-09-25

1 Like 0 留言 860 瀏覽

鐵人賽自我挑戰組 DAY 10

Head First！從頭開始學JS 《深入淺出 JavaScript 程式設計》讀書筆記系列第 10 篇

技術 Day10. 迴圈和函式摻在一起做成撒尿牛丸

本日閱讀進度：第四章陣列（146～166頁）重點摘要：事後遞增運算符 VS 事後遞減運算符JavaScript裡難得有比Ruby簡潔的寫法，以下是兩個例...

appletabby ‧ 2019-09-25

3 Like 1 留言 3246 瀏覽

鐵人賽 Modern Web DAY 10

使用 Modern Web 技術來打造 Chat App 系列第 10 篇

技術 Day 10：透過 Inbox 轉接真人客服

終於到了這系列的第十天、Messenger 的第四天，想來講講 Messenger 另一個值得一提、有點特色的功能 - Handover Protocol (交...

C. T. Lin ‧ 2019-09-25

2 Like 2 留言 3325 瀏覽

鐵人賽 Modern Web DAY 27

讓 TypeScript 成為你全端開發的 ACE！系列第 27 篇

技術 Day 27. 機動藍圖・策略模式 X 臨機應變 - Strategy Pattern Using TypeScript. II

閱讀本篇文章前，仔細想想看大致上理解策略模式以及應用類別與介面進行實踐。另外本篇會延續上一篇的範例，因此沒有看過可以先翻看前一篇的文章喔！廢話不多說...

Maxwell Alexius ‧ 2019-10-07

0 Like 0 留言 1477 瀏覽

鐵人賽 Software Development DAY 11

從讀遊戲原始碼學做連線遊戲系列第 11 篇

技術 Day 11 - 指令系統 - 客戶端發送指令（二）

我們已經知道客戶端是如何連上伺服器並將指令發送出去。那麼我們接下來就要來看如何生成指令發送到伺服器上，在討論伺服器部分的時候我們大致上知道指令需要由長度、指令編...

蒼時弦也 ‧ 2019-09-25

0 Like 0 留言 3197 瀏覽

鐵人賽 Modern Web DAY 24

VueJS 從前端到後端系列第 24 篇

技術動態載入 CSS Style Day 23

部落格同步刊登 [IT 鐵人賽] 動態載入 CSS Style Day 23 其實樣式這件事情，是不是有動態載入好像不是那麼重要。除非你像是 AMP 那樣嚴...

閃光洽 ‧ 2019-09-25

0 Like 0 留言 8444 瀏覽

徵才【皆凱科技】誠徵前端工程師(Frontend Developer)

我們正在尋找一群對Web應用開發有熱情的夥伴，你開發的產品將被大量的客戶使用，並且獲得許多回饋。你會從了解現有產品開始，直到參與需求討論、架構設計、軟體開發、測...

jessie74301 ‧ 2019-09-26

1 Like 0 留言 9262 瀏覽

技術工作散記 - Spotify for Developers

embed 連結格式: Podcast - https://open.spotify.com/embed-podcast/episode/<podc...

Yuri Tsai ‧ 2020-10-21

3 Like 1 留言 5761 瀏覽

鐵人賽 Modern Web DAY 9

前端三十 - 成為更好的前端工程師系列第 9 篇

技術 09. [JS] 什麼是閉包？

昨天我們聊到到了 JavaScript 中的事件迴圈，文中末段提到了透過 IIFE 的解決方法： for (var i = 1; i <= 5; i++...

Gary ‧ 2019-09-25 ‧團隊Wow Doge!

1 Like 0 留言 7651 瀏覽

鐵人賽 Software Development DAY 11

使用JavaScript學習資料結構與演算法系列第 11 篇

技術 Day11-來介紹資料結構-樹(Tree)吧!

今天要介紹的是樹，大致的樣子如下圖，其中樹的每個元素都稱為節點，樹最上方的節點稱為根節點，而節點之間上層節點為下層節點的父節點，下層節點為上層節點的子節點，如果...

harry xie ‧ 2019-09-25

0 Like 0 留言 14651 瀏覽

鐵人賽 Modern Web DAY 14

給初入JS框架新手的React.js入門系列第 14 篇

技術【React.js入門 - 14】 Debug利器 : React-Developer-Tools

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2019-09-25

3 Like 0 留言 13025 瀏覽

鐵人賽 Modern Web DAY 24

JavaScript 初心者筆記系列第 24 篇

技術 JavaScript 初心者筆記: localStorage - 將網頁上的資料儲存在瀏覽器

資料如何儲存在瀏覽器？透過 HTML 中的網頁儲存物件，可以將網頁中的資料儲存在使用者的瀏覽器當中。在 HTML5 問世之前，我們只能將小筆的資料儲存在 c...

Grete Ma ‧ 2019-09-25

1 Like 0 留言 6925 瀏覽

鐵人賽 Modern Web DAY 21

React.js 從【0】到【1】推坑計畫系列第 21 篇

技術【Day 21】React 渲染機制

我們都知道使用 React 讓我們的應用可以擁有非常好的效能，但背後裡 React 到底幫我們做了哪些努力呢？今天就來初探一下 React 的渲染機制！當我們...

莫力全 Kyle Mo ‧ 2019-09-25

4 Like 1 留言 8984 瀏覽

鐵人賽 Modern Web DAY 24

透過 ESLint 練習 JavaScript ES6 系列第 24 篇

技術 Day24【ES6 小筆記】資料型別 Symbol 使用時機

在 JavaScript 中，原始型別有以下幾種： Boolean：僅有 true, false 兩個值 Null：僅有 null 的值 Undefin...

江江好 ‧ 2019-09-25 ‧團隊火箭隊

0 Like 0 留言 741 瀏覽

鐵人賽 Modern Web DAY 11

JS煉金術：Javascript30+聲光玩轉的Drum Pads 系列第 11 篇

技術 [JS30]DAY10 : Hold Shift to Check Multiple Checkboxes

[程式碼&DEMO] [HackMD完整筆記] 目標初始是一個checkbox,改成使用Shift +左鍵來進行連續區間選取。步驟流程 S...

BROWN ‧ 2019-09-25

1 Like 0 留言 4826 瀏覽

鐵人賽 Modern Web DAY 10

JavaScript 原力覺醒 - 成為絕地武士之路系列第 10 篇

技術 JS 原力覺醒 Day010 - 自動轉型（Coercion）

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉！喜歡這個系列，想閱...

Spark ‧ 2019-09-25 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

0 Like 0 留言 1498 瀏覽

鐵人賽自我挑戰組 DAY 10

新手村－30 Day JS Coding Challenge 系列第 10 篇

技術新手村10 - Hold Shift and Check Checkboxes

10 - Hold Shift and Check Checkboxes 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck Java...

Chester ‧ 2019-09-25

0 Like 0 留言 1704 瀏覽

鐵人賽自我挑戰組 DAY 24

刷題記錄與人生分享系列第 24 篇

技術 DAY24 Intersection of Two Linked Lists

題目: https://leetcode.com/problems/intersection-of-two-linked-lists/回傳當2個鏈結串列值相同的...

keyhouse12 ‧ 2019-09-25

3 Like 0 留言 34891 瀏覽

鐵人賽自我挑戰組 DAY 10

JavaScript之一定要了解的 Array 與方法系列第 10 篇

技術 JS 如何把陣列 Array 或元素清空和刪除

Day 10 好好的吃頓飯也是一種優雅。刪除也是。「如何把陣列或元素清空」也要寫一篇？妳當牛肉麵在寫嗎？自從有了這本「JavaScript 大全」當枕頭...

tsuifei ‧ 2019-09-25 ‧團隊好想工作室 v3.0

技術 【Day 22】React.memo

技術 [ D3.js ] 資料圖形繪製與重繪 enter(), exit() & update()

技術 Day12-資料結構-樹(Tree)的一些操作方法

技術 [JS30]DAY11 : Custom HTML5 Video Player

技術 DAY25 Reverse Linked List

技術 JS 以陣列 Array 的複製談型別（上）

技術 新手村11 - Custom Video Player

技術 EP.11 RE：從零開始的學習 JS 生活-第十一日

技術 [Vue.js][日記]組件最終篇-動態組件的部分!

技術 Day 23: Set

技術 DAY24- 過場動畫

技術 Day10 - 陣列

技術 Day10. 迴圈和函式摻在一起做成撒尿牛丸

技術 Day 10：透過 Inbox 轉接真人客服

技術 Day 27. 機動藍圖・策略模式 X 臨機應變 - Strategy Pattern Using TypeScript. II

技術 Day 11 - 指令系統 - 客戶端發送指令（二）

技術 動態載入 CSS Style Day 23

徵才 【皆凱科技】誠徵 前端工程師(Frontend Developer)

技術 工作散記 - Spotify for Developers

技術 09. [JS] 什麼是閉包？

技術 Day11-來介紹資料結構-樹(Tree)吧!

技術 【React.js入門 - 14】 Debug利器 : React-Developer-Tools

技術 JavaScript 初心者筆記: localStorage - 將網頁上的資料儲存在瀏覽器

技術 【Day 21】React 渲染機制

技術 Day24【ES6 小筆記】資料型別 Symbol 使用時機

技術 [JS30]DAY10 : Hold Shift to Check Multiple Checkboxes

技術 JS 原力覺醒 Day010 - 自動轉型 （Coercion）

技術 新手村10 - Hold Shift and Check Checkboxes

技術 DAY24 Intersection of Two Linked Lists

技術 JS 如何把陣列 Array 或元素清空和刪除

標記使用者

技術【Day 22】React.memo

技術新手村11 - Custom Video Player

技術動態載入 CSS Style Day 23

徵才【皆凱科技】誠徵前端工程師(Frontend Developer)

技術工作散記 - Spotify for Developers

技術【React.js入門 - 14】 Debug利器 : React-Developer-Tools

技術【Day 21】React 渲染機制

技術 JS 原力覺醒 Day010 - 自動轉型（Coercion）

技術新手村10 - Hold Shift and Check Checkboxes