iT邦幫忙

modern web相關文章
共有 399 則文章
0 Like 1 留言 1572 瀏覽
鐵人賽 Modern Web DAY 28
用React刻自己的投資Dashboard 系列 第 28 篇

技術 用React刻自己的投資Dashboard Day28 - 串接台股技術面API

tags: 2021鐵人賽 React 上一篇刻好版型後，這篇就可以來串接API拉，目標當然就是讓使用者輸入股票代號後，能夠跑出最新收盤價格、漲跌幅度、漲跌幅度...

Sean Liu ‧ 2021-10-13
3 Like 0 留言 3061 瀏覽
鐵人賽 Modern Web DAY 28
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 28 篇

技術 Day28 X Runtime Performance Debugging

提到 Web 前端的效能優化，有許多的技巧是聚焦在如何減少頁面的「載入時間 Loading Time」，例如 Code Splitting 透過減少需要載入的...

莫力全 Kyle Mo ‧ 2021-10-13 ‧團隊StarBugs 星巴哥技術週刊
2 Like 1 留言 1423 瀏覽
鐵人賽 Modern Web DAY 30
Follow me! 來一場前端技能樹之旅 系列 第 30 篇

技術 [Day 30] 完賽心得：你的前端之旅還尚未結束

未完待續的前端之旅 在這30天我們帶到了前端技能樹上各種類型的技能，包括基本的 HTML、CSS、JS 到各種套件框架的運用，透過入門的方式讓大家了解如何使用各...

May ‧ 2021-10-13
0 Like 0 留言 1193 瀏覽
鐵人賽 Modern Web DAY 27
用React刻自己的投資Dashboard 系列 第 27 篇

技術 用React刻自己的投資Dashboard Day27 - 台股技術面刻板

tags: 2021鐵人賽 React 一般來說刻板前應該會需要畫個wireframe會比較清楚一些，不過時間有限，就在紙上畫一畫就先開始寫code吧，先達成功...

Sean Liu ‧ 2021-10-12
0 Like 1 留言 2246 瀏覽
鐵人賽 Modern Web DAY 29
Follow me! 來一場前端技能樹之旅 系列 第 29 篇

技術 [Day 29 - 小試身手] Todolist with React (4)

在上一章Todolist with React (3)，使用 React-redux 完成了渲染任務清單、和任務新增刪除的動作，就讓我們繼續完成最後一個部分...

May ‧ 2021-10-12
3 Like 0 留言 3510 瀏覽
鐵人賽 Modern Web DAY 27
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 27 篇

技術 Day27 X Stale While Revalidate Cache Policy

在 Day24 介紹 Web 前端渲染架構時，有提到 Stale While Revalidate 這個快取的應用策略，今天將更詳細介紹這個策略，並看看怎麼運...

莫力全 Kyle Mo ‧ 2021-10-12 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 1636 瀏覽
鐵人賽 Modern Web DAY 26
用React刻自己的投資Dashboard 系列 第 26 篇

技術 用React刻自己的投資Dashboard Day26 - 台股技術面功能規劃

這篇終於要來開始做台股技術面的功能了，對於善於技術分析的投資人來說，看K線是非常基本的事情，因為從技術分析的角度來看，K線可以分析出很多其他面向看不到的學問喔~...

Sean Liu ‧ 2021-10-11
0 Like 0 留言 1778 瀏覽
鐵人賽 Modern Web DAY 28
Follow me! 來一場前端技能樹之旅 系列 第 28 篇

技術 [Day 28 - 小試身手] Todolist with React (3)

在上一章Todolist with React (2)，完成所有樣式設定後，現在就讓我們在 React 中加入 Redux，使用 React-redux 動態...

May ‧ 2021-10-11
0 Like 0 留言 1822 瀏覽
鐵人賽 Modern Web DAY 27
Follow me! 來一場前端技能樹之旅 系列 第 27 篇

技術 [Day 27 - 小試身手] Todolist with React (2)

在上一章Todolist with React (1)，建立了專案環境、並且拆離 UI 設定好所有 Component 後，現在就讓我們使用套件 Styled...

May ‧ 2021-10-10
0 Like 0 留言 1345 瀏覽
鐵人賽 Modern Web DAY 25
用React刻自己的投資Dashboard 系列 第 25 篇

技術 用React刻自己的投資Dashboard Day25 - 製作漢堡選單

tags: 2021鐵人賽 React 安裝styled-components套件 在專案資料夾內一行安裝就完成了。 npm install --save st...

Sean Liu ‧ 2021-10-10
2 Like 0 留言 2763 瀏覽
鐵人賽 Modern Web DAY 25
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 25 篇

技術 Day25 X ESR: Rendering On The Edge

基本上 CDN 是現在的 Web 應用不可或缺的技術，當對被 CDN 加速過的域名發出請求時，CDN 會自動將 request 導到地理位置離使用者較近或是流...

莫力全 Kyle Mo ‧ 2021-10-10 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 913 瀏覽
鐵人賽 Modern Web DAY 24
用React刻自己的投資Dashboard 系列 第 24 篇

技術 用React刻自己的投資Dashboard Day24 - styled components

tags: 2021鐵人賽 React 因為下一篇要讓導覽列在手機版網頁呈現漢堡選單的樣式，在參考其他工程師寫的網頁的時候，發現有一位是用styled-comp...

Sean Liu ‧ 2021-10-09
0 Like 0 留言 4643 瀏覽
鐵人賽 Modern Web DAY 26
Follow me! 來一場前端技能樹之旅 系列 第 26 篇

技術 [Day 26 - 小試身手] Todolist with React (1)

終於差不多進入30天前端技能樹之旅的尾聲，最後就來利用系列後半部所學的 React，搭配 Redux、Styled-components 來個小試身手，實作一個...

May ‧ 2021-10-09
3 Like 0 留言 3048 瀏覽
鐵人賽 Modern Web DAY 24
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 24 篇

技術 Day24 X Web Rendering Architectures

今天開始正式進入系列文的最後一個章節 - Framework, Architecture and Memory Management，探索前端架構與底層實作對...

莫力全 Kyle Mo ‧ 2021-10-09 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 1085 瀏覽
鐵人賽 Modern Web DAY 23
用React刻自己的投資Dashboard 系列 第 23 篇

技術 用React刻自己的投資Dashboard Day23 - 非同步呼叫API，完成首頁資料串接

tags: 2021鐵人賽 React 上一篇確認過API內容之後，剩下的部份就是串接API，並將資料呈現在畫面上了，雖然描述起來是短短兩句，不過還是寫了好多的...

Sean Liu ‧ 2021-10-08
0 Like 0 留言 1827 瀏覽
鐵人賽 Modern Web DAY 25
Follow me! 來一場前端技能樹之旅 系列 第 25 篇

技術 [Day 25 - Modern CSS] 指定CSS作用域，模組化開發 CSS Modules

要在 React 中撰寫 CSS，為元素添加樣式，除了 Styled-components，另外還有一種方式就是 CSS Modules。之前我們提過，在寫 C...

May ‧ 2021-10-08
3 Like 0 留言 4476 瀏覽
鐵人賽 Modern Web DAY 23
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 23 篇

技術 Day23 X WebAssembly

也許你早就聽過 WebAssembly 這個詞，傳說中它可以讓 C, C++, Rust 等系統語言的程式碼在瀏覽器上執行，解決 JS 的效能已經快要逼近極限...

莫力全 Kyle Mo ‧ 2021-10-08 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 913 瀏覽
鐵人賽 Modern Web DAY 22
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 22 篇

技術 Day 22- Google Apps Script 線上文件更新

咦？To-Do-List 怎麼突然結束了！？ 恩…主要是最近接到了不少新的任務，而我想，To Do List 這麼簡單的東西，就不用我一直做了吧？ （絕對不會承...

鳳黃酥 ‧ 2021-10-07
0 Like 0 留言 1374 瀏覽
鐵人賽 Modern Web DAY 24
Follow me! 來一場前端技能樹之旅 系列 第 24 篇

技術 [Day 24 - Modern CSS] 在JS中寫CSS，神套件Styled-components

要如何在 React 中撰寫 CSS，為元素添加樣式？目前的方法有 Inline-Style、CSS Modules...，其中一個方法就是很多人使用的 Sty...

May ‧ 2021-10-07
0 Like 0 留言 1478 瀏覽
鐵人賽 Modern Web DAY 22
用React刻自己的投資Dashboard 系列 第 22 篇

技術 用React刻自己的投資Dashboard Day22 - API與前端資料需求比對

tags: 2021鐵人賽 React 一般來說在開發階段，前端與後端會討論資料需求，讓API產出的內容能夠滿足前端畫面的需求，不過這次因為是串接外部的API，...

Sean Liu ‧ 2021-10-07
2 Like 2 留言 1939 瀏覽
鐵人賽 Modern Web DAY 22
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 22 篇

技術 Day22 X Web Workers

身為前端開發者，整日與 JavaScript 這門程式語言打交道，應該都知道它是一個 single-threaded 的程式語言，剛開始會覺得有點詫異，現在的...

莫力全 Kyle Mo ‧ 2021-10-07 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 933 瀏覽
鐵人賽 Modern Web DAY 21
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 21 篇

技術 Day 21- To Do List (8) 利用 HTML Template 呈現資料

今天我們一起來實作用 HTML Template 來顯示 To-Do-List 的資料吧！ 首先我們一樣先開一個 Google Apps Script 吧！...

鳳黃酥 ‧ 2021-10-06
0 Like 0 留言 1343 瀏覽
鐵人賽 Modern Web DAY 23
Follow me! 來一場前端技能樹之旅 系列 第 23 篇

技術 [Day 23 - Redux] React + Redux = React-redux

前情提要：在前面的文章有了Redux，狀態管理沒煩惱，學到了如何在 Redux 透過 Action 管理更新所有的 State。接下來就讓我們學習如何在 Re...

May ‧ 2021-10-06
0 Like 0 留言 2457 瀏覽
鐵人賽 Modern Web DAY 21
用React刻自己的投資Dashboard 系列 第 21 篇

技術 用React刻自己的投資Dashboard Day21 - 介紹Finmind API

tags: 2021鐵人賽 React 接下來幾篇都會串接Finmind這個開源API，本篇就先來理解一下Finmind有哪些資料可以使用。看了一下官方網站的資...

Sean Liu ‧ 2021-10-06
1 Like 0 留言 3549 瀏覽
鐵人賽 Modern Web DAY 21
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 21 篇

技術 Day21 X Upgrade Your HTTP Connection

其實很多的效能優化技巧都擁有「用了不一定會讓效能變得比較快，就算有可能也是使用者難以感知的微幅進步，甚至如果使用不當會讓網頁效能變的更差」的特性。 不過對於...

莫力全 Kyle Mo ‧ 2021-10-06 ‧團隊StarBugs 星巴哥技術週刊
1 Like 0 留言 834 瀏覽
鐵人賽 Modern Web DAY 20
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 20 篇

技術 Day 20- To Do List (7) 了解 HTML Template

我們今天來研究另一個 HTML Service: HTML Template。 其實你可以把它想成是 Server Side Render 的一種 (註一)，他...

鳳黃酥 ‧ 2021-10-05
1 Like 0 留言 1241 瀏覽
鐵人賽 Modern Web DAY 22
Follow me! 來一場前端技能樹之旅 系列 第 22 篇

技術 [Day 22 - Redux] 有了Redux，狀態管理沒煩惱

前情提要：在前面關於 React 的幾篇文章，學會了建立 React Component，依據使用者操作在組件間處理資料。接下來就會提到如何使用 Redux，...

May ‧ 2021-10-05
1 Like 0 留言 941 瀏覽
鐵人賽 Modern Web DAY 20
用React刻自己的投資Dashboard 系列 第 20 篇

技術 用React刻自己的投資Dashboard Day20 - 首頁功能切板

tags: 2021鐵人賽 React 先從mobile版型的頁面來看，可以分為幾個部份，如下圖： 分為最上面Title、TaiwanStock、USStock...

Sean Liu ‧ 2021-10-05
2 Like 0 留言 3594 瀏覽
鐵人賽 Modern Web DAY 20
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 20 篇

技術 Day20 X CDN

CDN 這個名詞在前面的篇章應該出現過蠻多次的，一直感到困惑的朋友們不用擔心，今天終於要來好好介紹它了！ 什麼是 CDN ? CDN 的全名為 Conten...

莫力全 Kyle Mo ‧ 2021-10-05 ‧團隊StarBugs 星巴哥技術週刊
0 Like 0 留言 706 瀏覽
鐵人賽 Modern Web DAY 19
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 19 篇

技術 Day 19 - To Do List (6) 刪除 To Do Event

很快的我們來到做刪除的部分， 很快速的，我們先來看一下如果我們要把東西從試算表刪除該怎麼做： 我們從上面可以知道，使用 Sheet.deletRow(rowP...

鳳黃酥 ‧ 2021-10-04
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙