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

1 Like 0 留言 3690 瀏覽

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

鐵人賽 Modern Web DAY 6

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

技術 Day06-React元件比較

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

陳奕帆 Andy Chen ‧ 2019-09-22

0 Like 0 留言 7279 瀏覽

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

鐵人賽 Modern Web DAY 7

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

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

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

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

1 Like 0 留言 2724 瀏覽

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

鐵人賽 Modern Web DAY 6

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

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

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

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

1 Like 1 留言 3906 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 JS 原力覺醒 Day05 - Scope Chain

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

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

1 Like 0 留言 3881 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 Day03-virtual DOM

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

陳奕帆 Andy Chen ‧ 2019-09-19

1 Like 0 留言 9522 瀏覽

鐵人賽 Modern Web DAY 4

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

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

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

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

4 Like 2 留言 14416 瀏覽

鐵人賽 Modern Web DAY 3

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

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

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

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

0 Like 0 留言 5943 瀏覽

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

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

鐵人賽 Modern Web DAY 3

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

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

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

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

7 Like 0 留言 9609 瀏覽

鐵人賽 Modern Web DAY 2

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

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

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

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

3 Like 0 留言 4267 瀏覽

鐵人賽 Modern Web DAY 1

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

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

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

陳奕帆 Andy Chen ‧ 2019-09-17

3 Like 1 留言 9537 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

Maxwell Alexius ‧ 2019-09-24

3 Like 0 留言 7906 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

Maxwell Alexius ‧ 2019-09-23

2 Like 0 留言 8273 瀏覽

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

鐵人賽 Modern Web DAY 11

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

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

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

Maxwell Alexius ‧ 2019-09-21

1 Like 1 留言 6577 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

Maxwell Alexius ‧ 2019-09-20

1 Like 0 留言 6505 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Day 09. 前線維護・選用屬性 X 型別擴展 - Optional Properties

閱讀本篇文章前，仔細想想看明文型別（Literal Type）是什麼？如何使用型別化名（Type Alias）？使用化名的好處是什麼？變數被指派廣義...

Maxwell Alexius ‧ 2019-09-19

1 Like 0 留言 8043 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day 08. 前線維護・明文型別 X 格式為王 - Literal Types

閱讀本篇文章前，仔細想想看在什麼樣的情況下，你會怎麼決定要選擇使用 TypeScript 的陣列、元組（Tuple）或列舉（Enumerated）呢？如...

Maxwell Alexius ‧ 2019-09-18

2 Like 2 留言 9409 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 Day 07. 前線維護・列舉型別 X 主觀列舉 - Enumerated Types

閱讀本篇文章前，仔細想想看陣列跟元組（Tuple）的差別在哪裡？什麼時候用陣列 / 元組比較適合呢？什麼時候可能不用對函式的參數進行積極註記？試舉個範...

Maxwell Alexius ‧ 2019-09-17

2 Like 1 留言 10877 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 Day 05. 前線維護・陣列型別 X 型別陣列 - Array Types

閱讀本篇文章前，仔細想想看定義一個函式，最需要注意的點有哪些？什麼情形必須積極作型別註記呢？函式的輸出部分通常（但不是全部）可以不用作型別註記的原因為...

Maxwell Alexius ‧ 2019-09-15

7 Like 3 留言 17917 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 Day 03. 前線維護・物件型別 X 完整性理論 - Object Types Basics

閱讀本篇文章前，仔細想想看你能不能分辨 TypeScript 型別推論和註記的差別在哪裡呢？試舉出推論的行為到底是什麼？如何運作的？ Nullable...

Maxwell Alexius ‧ 2019-09-13

10 Like 4 留言 31871 瀏覽

鐵人賽 Modern Web DAY 2

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

達標好文技術 Day 02. 前線維護・型別推論 X 註記 - Type Inference & Annotation

《前線維護》篇章概要第一次看到 TypeScript 的人，最先看到就是型別註記（以下會把程式碼有註記的部分用 ~ 顯示出來）—— 英文稱為 Type An...

Maxwell Alexius ‧ 2019-09-12

6 Like 0 留言 7581 瀏覽

鐵人賽 Modern Web DAY 1

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

達標好文技術 JS 原力覺醒 Day01 - 開始修行之前

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

Mujing ‧ 2019-09-16 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

0 Like 0 留言 7566 瀏覽

徵才 [急徵] 遊戲前端工程師 Jr. Frontend Engineer

職務說明遊戲前端開發與維護網頁前端開發與維護職務條件對前端開發有熱忱強大自學能力良好溝通能力獨立自主解決問題能力良好編程習慣前端程式語言...

jae ‧ 2019-04-14

1 Like 0 留言 7594 瀏覽

徵才 [百萬年薪!] Sr. Frontend Developer

Responsibilities: Quick prototyping web content including working with DESIGN T...

huntertom ‧ 2019-01-04

0 Like 0 留言 1106 瀏覽

徵才【徵才】PacSoft兆洋資訊- Front-end Programmer 前端工程師

對於網頁架設與前端開發充滿滿腔熱血，卻找不到好地方發揮所長嗎？別懷疑！你就是我們在找的人！我們正在尋找對網站前端有熱情的你，加入PacSoft台灣團隊，我們將會...

schang ‧ 2018-09-12

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

技術 Day 09. 前線維護・選用屬性 X 型別擴展 - Optional Properties

技術 Day 08. 前線維護・明文型別 X 格式為王 - Literal Types

技術 Day 07. 前線維護・列舉型別 X 主觀列舉 - Enumerated Types

技術 Day 05. 前線維護・陣列型別 X 型別陣列 - Array Types

技術 Day 03. 前線維護・物件型別 X 完整性理論 - Object Types Basics

達標好文 技術 Day 02. 前線維護・型別推論 X 註記 - Type Inference & Annotation

達標好文 技術 JS 原力覺醒 Day01 - 開始修行之前

徵才 [急徵] 遊戲前端工程師 Jr. Frontend Engineer

徵才 [百萬年薪!] Sr. Frontend Developer

徵才 【徵才】PacSoft兆洋資訊- Front-end Programmer 前端工程師

標記使用者

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

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

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

達標好文技術 Day 02. 前線維護・型別推論 X 註記 - Type Inference & Annotation

達標好文技術 JS 原力覺醒 Day01 - 開始修行之前

徵才【徵才】PacSoft兆洋資訊- Front-end Programmer 前端工程師