iT邦幫忙

frontend相關文章
共有 144 則文章
鐵人賽 Modern Web DAY 2
前端開發 30 個問題 系列 第 2

技術 關於 <link> 的兩三事

前言 2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對...

鐵人賽 Modern Web DAY 1
前端開發 30 個問題 系列 第 1

技術 What is DOCTYPE?

前言 2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相...

技術 【Deno Taiwan 社群】草創時期,歡迎有志之士一同營造!!

Deno Taiwan臉書社團:https://bit.ly/2XXyoQ0 圖解Deno教學 — 介紹x安裝x使用 三合一: 圖解Deno教...

鐵人賽 Modern Web

技術 Day 48. 通用武裝・非同步概念 X 脫離巢狀地獄 - TypeScript Generics with Asynchronous Programming I. Promise Chain

閱讀本篇文章前,仔細想想看 ES6 Map 與 Set 在 TypeScript 裡使用時需要注意的事項。 ES6 Promise 的基本運作機制為何?...

鐵人賽 Modern Web

技術 Day 47. 通用武裝・泛型應用 X 結合 ES2015+ - TypeScript Generics with ES2015+ Features

閱讀本篇文章前,仔細想想看 迭代器(Iterator)與聚合物(Collection)的差別在哪? 迭代器模式要如何實踐?實踐的目的為何? 什麼是多型巡訪...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 30
React + D3 的正確姿勢 系列 第 30

技術 Day30-結語

前言 不知不覺就到最後一天了,沒想到這次竟然也可以完賽,果然每天屁話個幾句就可以順利產出文章了(X 為了呼應上面所說,所以今天就來當個文章小偷來分類一下這次系列...

鐵人賽 Modern Web DAY 30

技術 JS 原力覺醒 Day30 - 我是怎麼活過這三十天的?

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

鐵人賽 Modern Web DAY 29
React + D3 的正確姿勢 系列 第 29

技術 Day29-React + D3(二)

前言 昨天的文章利用 componentDidMount 結合 D3 ,但相信讀者一定會覺得這樣的寫法又臭又長,而且這個 class 裡面也才寫了一個 comp...

鐵人賽 Modern Web DAY 28
React + D3 的正確姿勢 系列 第 28

技術 Day28-React + D3(一)

前言 前面的文章都介紹完圖表的繪製後,今天終於要回歸主題,把 D3 跟 React 結合在一起了,今天跟明天的文章都會把以前所講的內容做一個統整,假如對 Rea...

鐵人賽 Modern Web DAY 29

技術 JS 原力覺醒 Day29 - Set / Map

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

鐵人賽 Modern Web DAY 28

技術 JS 原力覺醒 Day28 - JS 裡的資料結構

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

鐵人賽 Modern Web DAY 27
React + D3 的正確姿勢 系列 第 27

技術 Day27-bubble chart(using D3.js)

前言 今天要來介紹本系列文最後一個圖表了,由於鐵人賽時間真的很有限沒辦法介紹全部的圖表,但筆者已經盡量把最常用的幾種圖表都介紹給大家了,相信大家學會這幾種圖表一...

鐵人賽 Modern Web DAY 27

技術 JS 原力覺醒 Day27 - JS 常用 API - Object.assign && Object.defineProperty

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

鐵人賽 Modern Web DAY 26
React + D3 的正確姿勢 系列 第 26

技術 Day26-donut chart(using D3.js)

前言 昨天的文章介紹了圓餅圖,今天要來介紹圓餅圖的變形版:環圈圖,其實筆者自己比較少用圓餅圖,只要是這種要計算數據比例的統計圖現在都改用環圈圖了,至於為什麼會有...

鐵人賽 Modern Web DAY 26

技術 JS 原力覺醒 Day26 - 常用 API: setTimeout / setTimeInterval

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

鐵人賽 Modern Web DAY 25
React + D3 的正確姿勢 系列 第 25

技術 Day25-pie chart(using D3.js)

前言 今天要來介紹一個比較特別的圖表,在前天的文章提到長條圖,用來反映事物分布、集中情況,昨天的文章提到折線圖,用來顯示數據的變化趨勢,但是這些都無法得知單一數...

鐵人賽 Modern Web DAY 24
React + D3 的正確姿勢 系列 第 24

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

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

鐵人賽 Modern Web DAY 25

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

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

鐵人賽 Modern Web DAY 24

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

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

鐵人賽 Modern Web DAY 23
React + D3 的正確姿勢 系列 第 23

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

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

鐵人賽 Modern Web DAY 24

技術 JS 原力覺醒 Day24 - DOM

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 22
React + D3 的正確姿勢 系列 第 22

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

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

鐵人賽 Modern Web DAY 21
React + D3 的正確姿勢 系列 第 21

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

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

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 20
React + D3 的正確姿勢 系列 第 20

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

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

鐵人賽 Modern Web DAY 21

技術 JS 原力覺醒 Day21 - 原型

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

鐵人賽 Modern Web DAY 19
React + D3 的正確姿勢 系列 第 19

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

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