iT邦幫忙

modern web相關文章
共有 509 則文章
1 Like 0 留言 2815 瀏覽
鐵人賽 Modern Web DAY 16
今晚，我想來點 Web 前端效能優化大補帖！ 系列 第 16 篇

技術 Day16 X Polyfill-less Bundling Script & File Compression

今天是 Build Optimizations 主題的最後一篇了，到目前為止我們已經認識了 Code Splitting, Dynamic Import 還有...

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

技術 用React刻自己的投資Dashboard Day16 - react-router-dom讓SPA也有路由

tags: 2021鐵人賽 React 前一篇提到的導覽列的各個按鈕，點擊之後會跳到不同的頁面，每個頁面都會是不同的路徑，這個功能可以使用react-route...

Sean Liu ‧ 2021-10-01
1 Like 0 留言 1671 瀏覽
鐵人賽 Modern Web DAY 15
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 15 篇

技術 Day 15 — To Do List (1) 了解 HTML Service

昨天我們做完前置作業了，今天我們來看一下這個 HTML Service 是怎麼用！ 簡單來說，就是可以乘載簡單的 GET 以及 POST 請求，讓你建立簡單...

鳳黃酥 ‧ 2021-09-30
0 Like 0 留言 1355 瀏覽
鐵人賽 Modern Web DAY 15
用React刻自己的投資Dashboard 系列 第 15 篇

技術 用React刻自己的投資Dashboard Day15 - 投資Dashboard 2.0版 Wireframe

有了總體經濟的圖表之後，接下來就要來製作各國股市的資訊站，筆者最常看的就是台股的資訊，其次則是美股、英股、歐股、日股、匯率、利率...等等，想做的很多，剩下15...

Sean Liu ‧ 2021-09-30
1 Like 0 留言 1592 瀏覽
鐵人賽 Modern Web DAY 14
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 14 篇

技術 Day 14— To Do List (1) 專案前置

我們今天要來正式開一個新的專案啦！ 不同於以往我們都用 Google Form 來當作載體，這次我們要來製作 Google Apps Script 中的 Web...

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

技術 [Day 19 - React] 現在開始用框架寫網頁 — React

為什麼要使用框架？ 前端最重要的工作，就是讓網頁的資料與狀態視覺化，有資料狀態改變時，就要更動網頁內容的顯示。但當網頁內容複雜化，網頁元件、元件操作功能和資料狀...

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

技術 用React刻自己的投資Dashboard Day14 - 解決重複發送API請求的問題

tags: 2021鐵人賽 React 之前剛開始設計call api取得資料的時間點是在Card元件載入的時候才讀取，但是加上分頁功能之後，會發現一個問題，假...

Sean Liu ‧ 2021-09-29
0 Like 0 留言 2183 瀏覽
鐵人賽 Modern Web DAY 13
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 13 篇

技術 Day 13 - 物品借用紀錄系統 (3) 程式碼解說

今天主要是來補足 Day11 和 Day12 簡(ㄏㄨㄚˊ)約(ㄕㄨㄟˇ)的部分。 我們會講兩個東西： Range.getValues() 會抓到什麼東西。...

鳳黃酥 ‧ 2021-09-28
0 Like 0 留言 4007 瀏覽
鐵人賽 Modern Web DAY 12
用React刻自己的投資Dashboard 系列 第 12 篇

技術 用React刻自己的投資Dashboard Day12 - 下拉式選單篩選功能

tags: 2021鐵人賽 React 還記得這個網站有篩選圖表的功能嗎？當初畫wireframe的時候考量到未來圖表可能會越來越多，因此規劃了下拉式選單來做篩...

Sean Liu ‧ 2021-09-27
0 Like 0 留言 2462 瀏覽
鐵人賽 Modern Web DAY 12
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 12 篇

技術 Day 12 - 物品借用紀錄系統 (3) 系統完成

今天我們就把整個服務完成吧！ 不知道大家順利地收到通知了沒？ 我已經順利收到囉～ 咦咦咦？發生什麼事！ 為什麼我一次收到兩封咧？ 回頭看一下程式碼，以及對照...

鳳黃酥 ‧ 2021-09-27
0 Like 0 留言 1445 瀏覽
鐵人賽 Modern Web DAY 11
用React刻自己的投資Dashboard 系列 第 11 篇

技術 用React刻自己的投資Dashboard Day11 - 分離UI元件與抓取數據元件

tags: 2021鐵人賽 React 本篇要將call api的功能獨立成一個元件，在架構上會更清楚的分工不同檔案的功能，之後也有可能是其他元件會呼叫api的...

Sean Liu ‧ 2021-09-26
0 Like 0 留言 1951 瀏覽
鐵人賽 Modern Web DAY 11
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 11 篇

技術 Day 11 - 物品借用紀錄系統 (3) 發送到期與逾期通知

我們昨天順利把借物歸還事件可以自動化上傳到 Google Calendar 上，但是如果借閱人不看 Google Calendar 怎麼辦？ 沒關係，我們就自動...

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

技術 [Day 18 - webpack] 模組化開發好幫手 — 打包工具 webpack

為什麼要使用 webpack？ 在前一篇文章提到，有愈來愈多開源套件，可以幫助我們加速開發。當功能愈來愈多，將所有程式碼都寫在同一個 JS 檔案中會難以管理。...

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

技術 [Day 17 - npm] 哆啦A夢有百寶袋，我有套件管理工具npm

前端的社群發展愈來愈蓬勃，延伸出各式各樣基於 HTML、CSS、JS 的開源套件，像是 Bootstrap、React、Vue、Styled-component...

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

技術 [Day 16 - 小試身手] 用HTML、CSS、JS打造個人網站 (3)

在上一篇：用HTML、CSS、JS打造個人網站 (2)，完成了網頁的所有內容，接下來的工作就是讓網頁能夠適應各種螢幕大小，讓使用者在每個裝置都能有最基本的使用...

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

技術 [Day 15 - 小試身手] 用HTML、CSS、JS打造個人網站 (2)

在上一篇：用HTML、CSS、JS打造個人網站 (1)，講解了開發網頁的前置作業，以及 Header 跟 Section-Primary 的區塊，接下來就讓我...

May ‧ 2021-09-28
1 Like 0 留言 15798 瀏覽
鐵人賽 Modern Web DAY 14
Follow me! 來一場前端技能樹之旅 系列 第 14 篇

技術 [Day 14 - 小試身手] 用HTML、CSS、JS打造個人網站 (1)

所有的網站大概可以分成兩類：靜態網頁、動態網頁，靜態網頁顧名思義就是靜止的網頁，不會去太頻繁的更新內容；動態網頁則是會根據使用者的輸入而有不同的內容更新，包含的...

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

技術 [Day 12 - Bootstrap] Bootstrap一下，快速建立響應式網站

為什麼要使用Bootstrap？ 現在的網頁為了能夠適應不同裝置，會進行響應式設計；並且大多考量到使用者經驗設計(User Experience)，使用一致性的...

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

技術 用React刻自己的投資Dashboard Day10 - 用useCallback hook幫你記住函式

tags: 2021鐵人賽 React 在Day9說明了useEffect的用法，不過其實當Card.js渲染時，會發現console有錯誤訊息如下： src...

Sean Liu ‧ 2021-09-25
0 Like 0 留言 1851 瀏覽
鐵人賽 Modern Web DAY 10
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 10 篇

技術 Day 10- 物品借用紀錄系統 (2) 設定 Calendar

昨天我們完成了基礎建設，但是有個地方忘記講到，我現在趕快補充一下！ 我們昨天設定歸還日期時，一定有人會問： 這樣他如果在當天的 23:59 分歸還不就也可以嗎...

鳳黃酥 ‧ 2021-09-25
0 Like 0 留言 4644 瀏覽
鐵人賽 Modern Web DAY 9
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 9 篇

技術 Day 9— 物品借用紀錄系統 (1) 基礎建構

今天我們要來製作新的專題：物品借用紀錄微服務！ 在學校，尤其是行政處室，最常出現的狀況應該就是「借物」這件事情。 不過我想應該各種單位應該都是啦～畢竟資源有限嘛...

鳳黃酥 ‧ 2021-09-24
0 Like 0 留言 1747 瀏覽
鐵人賽 Modern Web DAY 9
用React刻自己的投資Dashboard 系列 第 9 篇

技術 用React刻自己的投資Dashboard Day9 - useEffect hook

tags: 2021鐵人賽 React 既上一篇介紹完useState hook後，本篇就來介紹Day6也有用到的useEffect hook，在React官網...

Sean Liu ‧ 2021-09-24
0 Like 0 留言 1842 瀏覽
鐵人賽 Modern Web DAY 8
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 8 篇

技術 Day 8 — 自動化回信機(5) 優化回信機

咦？我們都寫完了，為什麼還不進入下一個專題呢？ 嘖嘖，這你就不懂了！身為一個工程師，能動，只是交件標準。但是你後續如果還要維護，那麼你寫的這份爛 code 會在...

鳳黃酥 ‧ 2021-09-23
0 Like 0 留言 1838 瀏覽
鐵人賽 Modern Web DAY 8
用React刻自己的投資Dashboard 系列 第 8 篇

技術 用React刻自己的投資Dashboard Day8 - useState hook

tags: 2021鐵人賽 React 在Card元件中有使用到useState，是React中一個蠻重要的hook，是一個非常強大的功能，看起來跟用起來都非常...

Sean Liu ‧ 2021-09-23
0 Like 0 留言 4446 瀏覽
鐵人賽 Modern Web DAY 7
用React刻自己的投資Dashboard 系列 第 7 篇

技術 用React刻自己的投資Dashboard Day7 - CORS與Proxy Server

tags: 2021鐵人賽 React 上一篇在串接API的時候有遇到一個前端蠻常見的問題，跨來源資源共用(CORS)被阻擋，錯誤代碼如下： 打開瀏覽器的con...

Sean Liu ‧ 2021-09-22
0 Like 0 留言 2620 瀏覽
鐵人賽 Modern Web DAY 7
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 7 篇

技術 Day 7— 自動化回信機(4) 勾選後寄出通知信

我們已經順利的將 onEdit(e) 以及 MailApp.sendMail(message) 學完了，那麼下一步當然就是把它結合起來囉！ 結合的概念非常簡單，...

鳳黃酥 ‧ 2021-09-22
5 Like 1 留言 2572 瀏覽

技術 什麼是 HTTP ?

該文章同步發佈於 我的部落格 也歡迎關注我的 Facebook 以及 Instagram 接收軟體相關的資訊！ 前言 有天在網路上看到一張很有趣的圖片，是關於瀏...

Robert Chang ‧ 2022-02-25
0 Like 0 留言 2004 瀏覽
鐵人賽 Modern Web DAY 6
用React刻自己的投資Dashboard 系列 第 6 篇

技術 用React刻自己的投資Dashboard Day6 - 建立圖表區元件，串接API取得數據

tags: 2021鐵人賽 React 上一篇使用靜態的資料，將多張數據資料表畫成線圖呈現在網頁上，因為這個資料來源是JSON檔，所以是相對難更新的，因此本篇要...

Sean Liu ‧ 2021-09-21
0 Like 0 留言 3053 瀏覽
鐵人賽 Modern Web DAY 6
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 6 篇

技術 Day 6— 自動化回信機(3) 寄出信件功能

昨天我們終於把取得試算表內資訊的任務搞定了！接下來就是打勾之後，我們把信件寄出這個任務了！ 首先，按照慣例我們來看一下 Docs 的部分，了解一下怎麼把信寄出：...

鳳黃酥 ‧ 2021-09-21
1 Like 1 留言 6152 瀏覽
鐵人賽 Modern Web DAY 5
來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光 系列 第 5 篇

技術 Day 5— 自動化回信機(2) 讀取試算表內容

昨天我們把試算表的前置作業完成，今天我們來看看將別人填表單後送到試算表中的內容怎麼被讀取。 首先先來看看昨天的問題： onEdit() 能在 Google 表單...

鳳黃酥 ‧ 2021-09-20
iThome鐵人賽
參賽組數
929 組
團體組數
32 組
累計文章數
19743 篇
完賽人數
336 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 17th鐵人賽 14th鐵人賽 18th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css
熱門問題
熱門回答
熱門文章
IT邦幫忙