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

0 Like 0 留言 4828 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 Day24-line chart(using D3.js)

前言在講完長條圖之後接下來要介紹的是折線圖，折線圖也是視覺化中非常重要且基礎的一種圖表，廢話不多說馬上開始今天的文章吧！折線圖折線圖是用直線段將各數據點連...

陳奕帆 Andy Chen ‧ 2019-10-10

1 Like 1 留言 4276 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 JS 原力覺醒 Day25 - CRP : 關鍵渲染路徑

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

Spark ‧ 2019-10-10 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

1 Like 0 留言 5402 瀏覽

鐵人賽 Modern Web

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

技術 Day 44. 通用武裝・介面與類別 X 泛型註記機制 - TypeScript Generic Class & Interface

閱讀本篇文章前，仔細想想看泛用型別化名的如何進行宣告？泛用化名註記在變數時的注意事項為何？泛用函式的特點為何？如果還不清楚可以看一下前一篇文章喔...

Maxwell Alexius ‧ 2019-10-25

1 Like 0 留言 2007 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 Day23-multi bar chart(using D3.js)

前言昨天的文章講完如何繪製長條圖後，今天要來講點進階版的長條圖了，其實說進階也沒到多進階就只是讓同一個 band 可以多畫一些 rect 出來形成多重長條圖而...

陳奕帆 Andy Chen ‧ 2019-10-09

1 Like 0 留言 2459 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 JS 原力覺醒 Day24 - DOM

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

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

2 Like 0 留言 3341 瀏覽

鐵人賽 Modern Web

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

技術 Day 43. 通用武裝・泛型註記 X 推論未來 - TypeScript Generic Declaration & Annotation

閱讀本篇文章前，仔細想想看泛用型別的意義是什麼？泛用型別大致上有哪些種類或形式？如果還不清楚可以看一下前一篇文章喔～以下就直接正文開始～泛用...

Maxwell Alexius ‧ 2019-10-23

0 Like 0 留言 4786 瀏覽

鐵人賽 Modern Web DAY 24

一步步帶你了解 AWS & LINE API 並使用 Serverless 介接的各種應用系列第 24 篇

技術 Day 24 - 簡單使用 LINE LIFF API

前言以下就為大家帶來簡單的實作以及如何去使用它。實作在views/下新增一個liff_test.html並加入以下內容 <html> &l...

NiJia ‧ 2019-10-09 ‧團隊HSCA x CHATBOT x SERVERLESS

1 Like 0 留言 2485 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 JS 原力覺醒 Day23 - Class 語法糖

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

Spark ‧ 2019-10-08 ‧團隊G8 Hash - c98b82371573afc08575815d90f5eac4

0 Like 0 留言 3240 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 Day22-bar chart(using D3.js)

前言從今天開始的文章就正式進入實作的過程啦~ 這次的系列文預計會帶給大家 5 種不一樣的圖表，視覺化是個非常深奧的世界，筆者我也只會一點皮毛而已XD 所以這次...

陳奕帆 Andy Chen ‧ 2019-10-08

1 Like 0 留言 5191 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

陳奕帆 Andy Chen ‧ 2019-10-07

1 Like 0 留言 1959 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

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

0 Like 0 留言 3940 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

陳奕帆 Andy Chen ‧ 2019-10-06

1 Like 0 留言 2256 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 JS 原力覺醒 Day21 - 原型

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

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

1 Like 0 留言 2939 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

陳奕帆 Andy Chen ‧ 2019-10-05

1 Like 0 留言 1608 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 JS 原力覺醒 Day20 - 物件

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

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

0 Like 0 留言 2271 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

陳奕帆 Andy Chen ‧ 2019-10-04

1 Like 0 留言 3028 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

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

1 Like 0 留言 4707 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

陳奕帆 Andy Chen ‧ 2019-10-03

1 Like 0 留言 3964 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 JS 原力覺醒 Day18 - Functional Programming

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

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

0 Like 0 留言 2709 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

陳奕帆 Andy Chen ‧ 2019-10-02

1 Like 1 留言 2317 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

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

1 Like 0 留言 3136 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

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

1 Like 0 留言 4741 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

陳奕帆 Andy Chen ‧ 2019-10-01

0 Like 0 留言 4838 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

陳奕帆 Andy Chen ‧ 2019-09-30

5 Like 2 留言 12613 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

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

3 Like 0 留言 3253 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

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

2 Like 0 留言 4861 瀏覽

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

鐵人賽 Modern Web DAY 12

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

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

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

陳奕帆 Andy Chen ‧ 2019-09-28

2 Like 1 留言 7698 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

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

1 Like 2 留言 9117 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

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

技術 Day24-line chart(using D3.js)

技術 JS 原力覺醒 Day25 - CRP : 關鍵渲染路徑

技術 Day 44. 通用武裝・介面與類別 X 泛型註記機制 - TypeScript Generic Class & Interface

技術 Day23-multi bar chart(using D3.js)

技術 JS 原力覺醒 Day24 - DOM

技術 Day 43. 通用武裝・泛型註記 X 推論未來 - TypeScript Generic Declaration & Annotation

技術 Day 24 - 簡單使用 LINE LIFF API

技術 JS 原力覺醒 Day23 - Class 語法糖

技術 Day22-bar chart(using D3.js)

技術 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- 傳值呼叫、傳址呼叫

標記使用者