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

1 Like 2 留言 10526 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 JS 原力覺醒 Day12- 傳值呼叫、傳址呼叫

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

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

1 Like 0 留言 2196 瀏覽

鐵人賽 Modern Web DAY 11

React + D3 的正確姿勢系列第 11 篇

技術 Day11-React環境架設(Webpack)

前言今天要來介紹如何手動建立 React.js 的開發環境，今天要介紹的東西需要對 Webpack 有點基礎知識，由於 Webpack 的基本觀念非常多因此筆...

陳奕帆 Andy Chen ‧ 2019-09-27

2 Like 0 留言 4323 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 JS 原力覺醒 Day11 - Falsy / Truthy

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

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

0 Like 0 留言 4048 瀏覽

鐵人賽 Modern Web DAY 10

React + D3 的正確姿勢系列第 10 篇

技術 Day10-React環境架設(create-react-app)

前言在之前的文章都是講如何透過線上編輯器來進行 React.js 的撰寫，在今明兩天的文章會教大家如何在本地端也能撰寫 React.js ，俗話說的好：萬事起...

陳奕帆 Andy Chen ‧ 2019-09-26

2 Like 0 留言 2111 瀏覽

鐵人賽 Modern Web DAY 9

React + D3 的正確姿勢系列第 9 篇

技術 Day09-React Hook

前言今天要來介紹本系列文中第一個非常重要的觀念了，在前面的文章有提到元件的比較其中提到了 Functional Component ，其實 Functiona...

陳奕帆 Andy Chen ‧ 2019-09-25

1 Like 0 留言 4682 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

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

0 Like 0 留言 1793 瀏覽

鐵人賽 Modern Web DAY 8

React + D3 的正確姿勢系列第 8 篇

技術 Day08-List and keys

前言今天的文章有點偏向番外篇，但只要寫 React.js 還是會需要知道這個重要觀念，今天要來講講 React.js 如何處理 List ，相信身為前端工程師...

陳奕帆 Andy Chen ‧ 2019-09-24

1 Like 1 留言 4451 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 JS 原力覺醒 Day9 - 原始型別與物件型別

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

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

2 Like 1 留言 5737 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 07. [JS] 瀏覽器 DOM 元素的事件代理是指什麼？

本系列來到了 JavaScript 相關的主題，預計會在這逐步前進好一陣子，讓我們從較簡單的主題開始吧；今天就先來聊聊瀏覽器中的事件代理是怎麼一回事。本系...

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

3 Like 2 留言 3383 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 JS 原力覺醒 Day08 - Closures

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

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

1 Like 0 留言 3289 瀏覽

鐵人賽 Modern Web DAY 7

React + D3 的正確姿勢系列第 7 篇

技術 Day07-React event handler

前言在講完 React.js 中的基本架構後，今天要來講講要如何在 JSX 中加入 event handler ，既然 React.js 可以說是將 HTML...

陳奕帆 Andy Chen ‧ 2019-09-23

2 Like 0 留言 2942 瀏覽

鐵人賽 Modern Web DAY 6

React + D3 的正確姿勢系列第 6 篇

技術 Day06-React元件比較

前言今天要來講講比較進階一點的 component 了，如果對於 component 的基本觀念有任何不懂的歡迎先去看前兩天的文章來奠定一下基礎，沒問題的話就...

陳奕帆 Andy Chen ‧ 2019-09-22

0 Like 0 留言 6881 瀏覽

鐵人賽 Modern Web DAY 18

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

技術【Day 18】Redux 實戰演練（2）

昨天建立了 redux 的三元素 action、reducer 與 store，也將它們用 provider 包住會用到 state 的元件，今天來試著在元件中...

莫力全 Kyle Mo ‧ 2019-09-22

5 Like 0 留言 7916 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 JS 原力覺醒 Day07 - 陳述式表達式

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

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

1 Like 0 留言 2341 瀏覽

鐵人賽 Modern Web DAY 5

React + D3 的正確姿勢系列第 5 篇

技術 Day05-state and props

前言今天要來談一談 React 是如何更新 component ，今天的文章會跟昨天講到的 component life cycle 息息相關，假如讀者對 c...

陳奕帆 Andy Chen ‧ 2019-09-21

2 Like 2 留言 4491 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 JS 原力覺醒 Day06 - 提升 Hoisting

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

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

1 Like 1 留言 3509 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 JS 原力覺醒 Day05 - Scope Chain

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

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

1 Like 0 留言 3457 瀏覽

鐵人賽 Modern Web DAY 3

React + D3 的正確姿勢系列第 3 篇

技術 Day03-virtual DOM

前言今天要來介紹一項非常重要的觀念，只要講到 React.js 就一定會提到 virtual DOM 這個東西，究竟為什麼需要 virtual DOM 呢？今...

陳奕帆 Andy Chen ‧ 2019-09-19

1 Like 0 留言 8724 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 JS 原力覺醒 Day04 - Function Scope / Block Scope

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

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

4 Like 2 留言 13436 瀏覽

鐵人賽 Modern Web DAY 3

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

達標好文技術 03. [CSS] Reflow 及 Repaint 是什麼？

昨天聊了 HTML 控制 JavaScript 載入順序的方法，設定得宜可以提升不少效能；那麼今天就來聊聊可能造成 CSS 影響效能的其中兩位兇手：回流（R...

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

0 Like 0 留言 5387 瀏覽

鐵人賽 Modern Web DAY 2

React + D3 的正確姿勢系列第 2 篇

技術 Day02-React.js基本介紹(JSX)

什麼是 React.js 在開始正式進入今天文章的教學內容之前，先帶大家簡單了解一下什麼是 React.js 。一進到 React.js 的官網便可以看到這段...

陳奕帆 Andy Chen ‧ 2019-09-18

2 Like 4 留言 5337 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day 15. 機動藍圖・功能多樣性 X 多樣性介面 - More on TypeScript Interface

閱讀本篇文章前，仔細想想看到目前為止對於 TypeScript Interface 介面的理解到什麼程度呢？你認為 TypeScript 和第三方套件...

Maxwell Alexius ‧ 2019-09-25

1 Like 0 留言 5994 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 JS 原力覺醒 Day03 - 執行環境與執行堆疊

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

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

7 Like 0 留言 8829 瀏覽

鐵人賽 Modern Web DAY 2

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

技術 JS 原力覺醒 Day02 - JavaScript V8 引擎

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

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

3 Like 0 留言 3886 瀏覽

鐵人賽 Modern Web DAY 1

React + D3 的正確姿勢系列第 1 篇

技術 Day01-系列文規劃、介紹

前言大家好我是Andy，今年又回來參加鐵人賽了，希望今年也能順利地完賽XDD 這次要帶給大家的是資料視覺化的技能，使用的是最麻煩同時也最彈性的 D3.js，同...

陳奕帆 Andy Chen ‧ 2019-09-17

3 Like 1 留言 8572 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 Day 14. 機動藍圖・函式超載 X 究極融合 - Function Overload & Interface Merging

閱讀本篇文章前，仔細想想看試問介面跟型別系統的差異性在哪？為何要儘量對程式碼進行抽象化的動作？如果還沒理解完畢的話，可以先翻看前一篇文章喔！什...

Maxwell Alexius ‧ 2019-09-24

3 Like 0 留言 7237 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 Day 13. 機動藍圖・介面的延展 X 功能與意義 - Interface Extension & Significance

閱讀本篇文章前，仔細想想看如何宣告介面（Interface）？介面跟型別（Type）在語法上的差別與規則會是什麼？（筆者目前還沒講概念上的差別，讀者先...

Maxwell Alexius ‧ 2019-09-23

2 Like 0 留言 7617 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 Day 12. 機動藍圖・介面宣告 X 使用介面 - TypeScript Interface Intro.

《機動藍圖》篇章概要本系列第二部分：《機動藍圖》（The Agile Blueprint）篇章涵括的範圍就是 TypeScript 的重頭戲。不外乎，筆者想...

Maxwell Alexius ‧ 2019-09-22

1 Like 1 留言 5894 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day 11. 前線維護・特殊型別 X 無法無天 - Any & Unknown Type

閱讀本篇文章前，仔細想想看當函式遇到 100% 無法跳脫或會拋出例外的狀況，這時 TypeScript 會如何對該函式進行推論？ never 型別為所...

Maxwell Alexius ‧ 2019-09-21

1 Like 1 留言 6108 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 Day 10. 前線維護・特殊型別 X 永無止盡 - Never Type

閱讀本篇文章前，仔細想想看如何跳脫死板定義的型別 type 格式？對狹義物件的屬性下達 undefined 之原始型別跟使用選用屬性（Optional...

Maxwell Alexius ‧ 2019-09-20

技術 JS 原力覺醒 Day12- 傳值呼叫、傳址呼叫

技術 Day11-React環境架設(Webpack)

技術 JS 原力覺醒 Day11 - Falsy / Truthy

技術 Day10-React環境架設(create-react-app)

技術 Day09-React Hook

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

技術 Day08-List and keys

技術 JS 原力覺醒 Day9 - 原始型別與物件型別

技術 07. [JS] 瀏覽器 DOM 元素的事件代理是指什麼？

技術 JS 原力覺醒 Day08 - Closures

技術 Day07-React event handler

技術 Day06-React元件比較

技術 【Day 18】Redux 實戰演練（2）

技術 JS 原力覺醒 Day07 - 陳述式 表達式

技術 Day05-state and props

技術 JS 原力覺醒 Day06 - 提升 Hoisting

技術 JS 原力覺醒 Day05 - Scope Chain

技術 Day03-virtual DOM

技術 JS 原力覺醒 Day04 - Function Scope / Block Scope

達標好文 技術 03. [CSS] Reflow 及 Repaint 是什麼？

技術 Day02-React.js基本介紹(JSX)

技術 Day 15. 機動藍圖・功能多樣性 X 多樣性介面 - More on TypeScript Interface

技術 JS 原力覺醒 Day03 - 執行環境與執行堆疊

技術 JS 原力覺醒 Day02 - JavaScript V8 引擎

技術 Day01-系列文規劃、介紹

技術 Day 14. 機動藍圖・函式超載 X 究極融合 - Function Overload & Interface Merging

技術 Day 13. 機動藍圖・介面的延展 X 功能與意義 - Interface Extension & Significance

技術 Day 12. 機動藍圖・介面宣告 X 使用介面 - TypeScript Interface Intro.

技術 Day 11. 前線維護・特殊型別 X 無法無天 - Any & Unknown Type

技術 Day 10. 前線維護・特殊型別 X 永無止盡 - Never Type

標記使用者

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

技術【Day 18】Redux 實戰演練（2）

技術 JS 原力覺醒 Day07 - 陳述式表達式

達標好文技術 03. [CSS] Reflow 及 Repaint 是什麼？