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

1 Like 0 留言 5985 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 Day21-D3基本介紹(transform)

前言今天的內容會比較輕鬆一些，前幾天的文章內容可能有點太多而且不太好消化，所以今天筆者就打算講一點輕鬆的內容，但這個內容也是非常重要的，想要把一張圖表繪製好這...

陳奕帆 Andy Chen ‧ 2019-10-07

1 Like 0 留言 2579 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 JS 原力覺醒 Day22 - 原型共享與原型繼承

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

Mujing ‧ 2019-10-07 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

0 Like 0 留言 5012 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 Day20-D3基本介紹(chart event、tooltip)

前言在講完所有的圖表設定後，今天要來介紹如何讓我們設計好的圖表可以跟使用者進行互動，為了要讓圖表能進行互動我們就必須要將圖表設定一些 event ，這樣使用者...

陳奕帆 Andy Chen ‧ 2019-10-06

1 Like 0 留言 2915 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 JS 原力覺醒 Day21 - 原型

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

Mujing ‧ 2019-10-06 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 4148 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Day19-D3基本介紹(Axis)

前言在昨天的文章講完如何傳資料進去圖表後，今天要來介紹另一個重要的觀念： Axis 了，其實 Axis 代表的就是座標軸上的設定，透過客製化調整 Axis 的...

陳奕帆 Andy Chen ‧ 2019-10-05

1 Like 0 留言 2106 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 JS 原力覺醒 Day20 - 物件

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

Mujing ‧ 2019-10-05 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

0 Like 0 留言 2850 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Day18-D3基本介紹(data)

前言在昨天的文章講完如何先初始化一個 svg 容器來填入圖表後，今天要來介紹如何把資料傳進去 svg 內進行圖表繪製嘍！ selectAll 昨天介紹了 d3...

陳奕帆 Andy Chen ‧ 2019-10-04

1 Like 0 留言 4250 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 JS 原力覺醒 Day19 - 一級函式與高階函式

今天要提到的是讓 JS 很適合用來撰寫 Functional Programming 的兩個特性的名詞解釋：「一級函式」與「高階函式」，如果你寫 JS 一段時...

Mujing ‧ 2019-10-04 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 6061 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day17-D3基本介紹(select、append、attr)

前言從今天開始的文章就正式進入 D3 的圖表繪製設定了，光最基本的輸入輸出區域就花了不少篇幅說明 (其實是為了拖台錢讓鐵人賽更容易完賽XD) ，總之接下來的文...

陳奕帆 Andy Chen ‧ 2019-10-03

1 Like 0 留言 4985 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 JS 原力覺醒 Day18 - Functional Programming

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

Mujing ‧ 2019-10-03 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

0 Like 0 留言 3741 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day16-D3基本介紹(number format)

前言今天的文章跟昨天的內容基本上差不多，今天要來講講 D3 是如何處理數字格式，其實數字是不需要經由 D3 去轉換也可以直接使用 d3.scaleLinear...

陳奕帆 Andy Chen ‧ 2019-10-02

1 Like 1 留言 3114 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 JS 原力覺醒 Day17 - this 的四種繫結

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

Mujing ‧ 2019-10-02 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 3979 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 JS 原力覺醒 Day16 - Async / Await：Promise 語法糖

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

Mujing ‧ 2019-10-01 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 5740 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day15-D3基本介紹(time format)

前言今天要來介紹一個蠻重要的技巧，一般來說 JS 用來處理時間的套件相信大家首選都是 Moment.js ，當然筆者也是一樣，不過今天筆者並沒有要介紹 Mom...

陳奕帆 Andy Chen ‧ 2019-10-01

0 Like 0 留言 5995 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 Day14-D3基本介紹(domain、endpoint)

前言昨天講了跟輸出區域有關的 scale 以及 range ，今天要來談一下輸入區域的 domain 了，這裡筆者會多提一個 endpoint ，其實這個 e...

陳奕帆 Andy Chen ‧ 2019-09-30

5 Like 2 留言 15539 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 JS 原力覺醒 Day15 - Macrotask 與 MicroTask

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

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

3 Like 0 留言 3922 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 JS 原力覺醒 Day14 - 一生懸命的約定：Promise

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

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

2 Like 0 留言 6167 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 Day13-D3基本介紹(scale、range)

前言今天要來介紹 D3.js 中第一個重要觀念： scale 以及 range ，在 D3.js 中的每個圖表都必須要設定 scale 以及 range ，今...

陳奕帆 Andy Chen ‧ 2019-09-29

0 Like 0 留言 6324 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 Day12-D3基本介紹(作用、svg)

前言從今天開始到結束的文章沒意外都會講 D3.js 了，前端能做資料視覺化的套件非常多，只是筆者覺得在用其他比較方便的套件之前應該要先了解整個圖表繪製過程，而...

陳奕帆 Andy Chen ‧ 2019-09-28

2 Like 1 留言 8928 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 JS 原力覺醒 Day13 - Event Queue & Event Loop 、Event Table

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

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

1 Like 2 留言 11737 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

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

1 Like 0 留言 2476 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

陳奕帆 Andy Chen ‧ 2019-09-27

2 Like 0 留言 4892 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

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

0 Like 0 留言 4494 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

陳奕帆 Andy Chen ‧ 2019-09-26

2 Like 0 留言 2462 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Day09-React Hook

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

陳奕帆 Andy Chen ‧ 2019-09-25

1 Like 0 留言 5140 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

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

0 Like 0 留言 2177 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day08-List and keys

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

陳奕帆 Andy Chen ‧ 2019-09-24

1 Like 1 留言 4826 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

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

2 Like 1 留言 6457 瀏覽

鐵人賽 Modern Web DAY 7

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

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

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

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

3 Like 2 留言 3788 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 JS 原力覺醒 Day08 - Closures

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

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

技術 Day21-D3基本介紹(transform)

技術 JS 原力覺醒 Day22 - 原型共享與原型繼承

技術 Day20-D3基本介紹(chart event、tooltip)

技術 JS 原力覺醒 Day21 - 原型

技術 Day19-D3基本介紹(Axis)

技術 JS 原力覺醒 Day20 - 物件

技術 Day18-D3基本介紹(data)

技術 JS 原力覺醒 Day19 - 一級函式與高階函式

技術 Day17-D3基本介紹(select、append、attr)

技術 JS 原力覺醒 Day18 - Functional Programming

技術 Day16-D3基本介紹(number format)

技術 JS 原力覺醒 Day17 - this 的四種繫結

技術 JS 原力覺醒 Day16 - Async / Await：Promise 語法糖

技術 Day15-D3基本介紹(time format)

技術 Day14-D3基本介紹(domain、endpoint)

技術 JS 原力覺醒 Day15 - Macrotask 與 MicroTask

技術 JS 原力覺醒 Day14 - 一生懸命的約定：Promise

技術 Day13-D3基本介紹(scale、range)

技術 Day12-D3基本介紹(作用、svg)

技術 JS 原力覺醒 Day13 - Event Queue & Event Loop 、Event Table

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

標記使用者

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