iT邦幫忙

frontend相關文章
共有 226 則文章
鐵人賽 Modern Web DAY 22
Zero to hero with React.js 系列 第 22

技術 【Day 22 React】Redux 做遊戲角色陣容應用程式——趴兔

Action 的設定 有 provider,有 store,有 reducer,明星三缺一,現在只缺 action 啦!第一個要定義的 action,就來寫寫選...

鐵人賽 Modern Web DAY 14

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

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

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

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

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

鐵人賽 Modern Web DAY 19

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

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

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

技術 Day07-React event handler

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

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

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

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

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

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

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

徵才 PHP Front-end Programmer 前端工程師

職務說明: 1. 負責網站前端開發,優化前端功能設計 2. 與UI/UX Designers、後端工程師合作,開發網頁前端互動 3. 主要使用 PHP, Ja...

徵才 美商A10 Networks - Sr. FrontEnd Web Developer

A10 is more than a technology company. We provide security. We provide intellige...

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

技術 Day30-結語

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

鐵人賽 Modern Web DAY 21

技術 JS 原力覺醒 Day21 - 原型

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

鐵人賽 Modern Web DAY 17

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

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

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

技術 Day06-React元件比較

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

徵才 【徵才】Zyxel_Cloud Engineer

彈性上下班時間, 開放的辦公環境與文化; 與一流高手切磋技術, 與全球人才互動交流, 高效投資個人未來發展 Responsibilities -SD-WAN O...

徵才 美商A10 Networks - Junior FrontEnd Web Developer

A10 is more than a technology company. We provide security. We provide intellige...

鐵人賽 Modern Web DAY 1

技術 Day 01 X 系列文大綱

大家好,我是 Kyle,大家也可以叫我老莫,這次是連續第三年參加 iT 邦幫忙鐵人賽了,每次都說太累了明年絕對不比了,結果活動頁一出來還是覺得很熱血就又報名了...

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

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

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

鐵人賽 Modern Web DAY 24

技術 JS 原力覺醒 Day24 - DOM

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

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

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

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

技術 What is DOCTYPE?

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

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

技術 Day28-React + D3(一)

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

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

技術 Day05-state and props

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

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

技術 Day09-React Hook

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

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

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

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

徵才 美商A10 Networks - Sr. FrontEnd Web Developer

A10 is more than a technology company. We provide security. We provide intellige...

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

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

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

鐵人賽 Modern Web DAY 22

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

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

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

技術 關於 <link> 的兩三事

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

鐵人賽 Modern Web DAY 23

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

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

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

技術 Day08-List and keys

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