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

0 Like 0 留言 3277 瀏覽

鐵人賽 Modern Web DAY 7

用React刻自己的投資Dashboard 系列第 7 篇

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

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

Sean Liu ‧ 2021-09-22

1 Like 0 留言 3198 瀏覽

鐵人賽 Modern Web DAY 8

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 8 篇

技術 [Day08] 在Service Worker中實作Caching(Part1)

為什麼我們的PWA需要Caching？這邊我舉幾個實際可能發生的例子：想一想如果今天我們的網站有大量用戶湧入時。用戶可能會在「網路連線不良」的情形下，仍然...

rehome ‧ 2019-09-22

0 Like 0 留言 3195 瀏覽

鐵人賽 Modern Web DAY 26

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 26 篇

技術【D26 - 用Vue實作網頁】從firebase拿資料~ 深入了解database

原本昨天講到vuex, 今天應該帶各位實作一下vuex，但是我時在我們專案有甚麼地方可以用到vuex!XD 所以今天還是來講講firebase裡面的data結...

ryanyen2 ‧ 2020-09-26

1 Like 0 留言 3149 瀏覽

鐵人賽 Modern Web DAY 23

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 23 篇

技術 [Day23] 實作PWA推播通知(Part2)

昨天在實作「顯示通知」時，除了設定body這個option之外，其實還有很多其他選項可以設定 (不過這裡要先說這些額外的設定不一定每個browser都有支援QQ...

rehome ‧ 2019-10-07

2 Like 0 留言 3084 瀏覽

鐵人賽自我挑戰組 DAY 26

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 26 篇

技術如何利用 Sass 的 @mixin 功能，讓撰寫 RWD 網站變的輕而易舉

在我們介紹 RWD 時，知道撰寫一個 RWD 網站必須要在撰寫 CSS 的時候加入 Media query，但是常會很困擾的是，到底要把 Media query...

Alec ‧ 2019-10-04

3 Like 0 留言 3068 瀏覽

鐵人賽 Modern Web DAY 28

今晚，我想來點 Web 前端效能優化大補帖！系列第 28 篇

技術 Day28 X Runtime Performance Debugging

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

莫力全 Kyle Mo ‧ 2021-10-13 ‧團隊StarBugs 星巴哥技術週刊

3 Like 0 留言 3060 瀏覽

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

技術 [筆記] React 如何使用 Redux-Observable：副線打怪一下(1)

題外話一下XD最近的武漢肺炎實在是太猖狂了在今天早上得知中國竟然連北京都淪陷了，進而封城了，這武漢肺炎真的是很母湯！！(中國北京封城)因為武漢肺炎的關係，全台掀...

yaling_0616 ‧ 2020-02-10

0 Like 1 留言 3044 瀏覽

鐵人賽 Modern Web DAY 2

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 2 篇

技術 Day 2— 你的第一次聞GAS

今天來直接上手開始我們的 Google Apps Script 之旅啦！我們在使用 Google Apps Script 之前，一定要先了解一件事情： Goo...

鳳黃酥 ‧ 2021-09-17

0 Like 0 留言 3040 瀏覽

鐵人賽 Modern Web DAY 9

Follow me! 來一場前端技能樹之旅系列第 9 篇

技術 [Day 09 - JS] 網頁第三大核心技術 — Javascript

What is Javascript？JavaScript （簡稱 JS）是一種直譯式(Interpreter) 程式語言，程式碼會由上到下立即執行，它與HT...

May ‧ 2021-09-22

0 Like 0 留言 3024 瀏覽

鐵人賽 Modern Web DAY 13

React.js 從【0】到【1】推坑計畫系列第 13 篇

技術【Day 13】Conditional Rendering

大家好，經過兩篇 style 的介紹，今天總算要回到處理邏輯的部分了。一般在開發應用時，常常會需要根據特定 condition 做邏輯判斷，除了一般我們熟知的...

莫力全 Kyle Mo ‧ 2019-09-17

1 Like 0 留言 3001 瀏覽

鐵人賽 Modern Web DAY 29

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 29 篇

技術【D29 - 用Vue實作網頁】佈署你的專案，分享給朋友你的第一個網站!!

今天是距離完賽倒數一天了，我們也準備要把我們之前三十天努力的心血deploy到網路上!! 前言我們每當做了一個網站，如果你希望大家可以使用到你的網站的話，...

ryanyen2 ‧ 2020-09-29

3 Like 1 留言 2987 瀏覽

鐵人賽自我挑戰組 DAY 4

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 4 篇

技術為何參加 iT 鐵人邦賽事？

說真的，自從下定決心要成為一個軟體工程師，才開始涉略愈來愈多的相關資訊，iT 邦幫忙這個知名IT人大站，以前雖有聽過，但真的不熟，也是這一陣子因轉職需求，才知...

Alec ‧ 2019-09-12

0 Like 0 留言 2974 瀏覽

鐵人賽 Modern Web DAY 2

Follow me! 來一場前端技能樹之旅系列第 2 篇

技術 [Day 02] 建立開發環境，做好行前準備

老套說：「工欲善其事，必先利其器」— 要寫網頁，就不能沒有好用的開發環境。在開始認識各種前端技能之前，最重要的就是要先知道該在哪裡運行 Code ，就讓我們來看...

May ‧ 2021-09-15

1 Like 0 留言 2825 瀏覽

鐵人賽 Modern Web DAY 23

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 28 篇

技術 [Day28] 自動化管理Service Worker(Part1)

之前在service worker中寫了這麼多cache strategies、background sync等等的程式碼，但是隨著我們開發的專案越來越大、檔案...

rehome ‧ 2019-10-14

0 Like 0 留言 2823 瀏覽

鐵人賽 Modern Web DAY 9

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 9 篇

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

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

鳳黃酥 ‧ 2021-09-24

3 Like 1 留言 2802 瀏覽

鐵人賽自我挑戰組 DAY 12

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 12 篇

技術如何在 HTML 上做表格再用 CSS 美化它

今天我們來說一說怎麼作表格，我就先說一個最簡單的結構，請看下方被包覆在<table>內的<tr><th><td&gt...

Alec ‧ 2019-09-20

2 Like 0 留言 2783 瀏覽

鐵人賽自我挑戰組 DAY 22

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 22 篇

技術 CSS 的預處理器 Sass

連續的從 HTML 到 CSS 然後到 RWD，現在我們要來到了 Sass了，Sass 是 CSS 的預處理器，顧名思義它的功能就是可以「預先處理」CSS，讓我...

Alec ‧ 2019-09-30

2 Like 0 留言 2776 瀏覽

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

鐵人賽 Modern Web DAY 1

前端新框架學習挑戰:solidjs 逼近原生的效能體驗統御前端框架極限系列第 4 篇

技術 Day04: 那些 solidjs 帶給我們的方法(一)

前言在 Day03 了解怎麼建立自己的最簡單的 component 後，我們開始深入了解如何使用 solidjs 這框架帶給我們的基礎方法， createSi...

MichaelHo ‧ 2022-09-20

1 Like 0 留言 2709 瀏覽

鐵人賽 Modern Web DAY 15

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 15 篇

技術 [Day15] 使用indexedDB暫存Dynamic Data(Part2)

什麼是 IndexedDB ? 前面已經有提到indexedDB是一個在browser運行的Database，這裡我列出幾項主要的特性： IndexedDB儲...

rehome ‧ 2019-09-29

2 Like 0 留言 2678 瀏覽

技術領進前端門，修行在個人：一變應萬變的響應式網頁設計(1) - 基本環境、觀念

基本環境建立因為各個不同的手機有不同的寬度，如下圖如果要符合每個不同的解析度去做開發，會導致開發上非常困難，所以需要加入以下這段語法 <meta nam...

yaling_0616 ‧ 2020-06-23

7 Like 0 留言 2641 瀏覽

鐵人賽 Modern Web

從零開始打造網頁遊戲－造輪子你也辦的到！系列第 31 篇

技術鐵人賽後感言 - 趣聞分享、30天回顧、四大收穫、Canvas遊戲後續發展

本次鐵人賽的作品，你玩過了嗎? 先分享一件趣聞在我上禮拜完成這個音樂遊戲後，我將它分享給了一些人看，包括我的印度室友，沒想到他深有感觸，在凌晨5點的時候...

jerrythepotato ‧ 2021-10-17

0 Like 0 留言 2639 瀏覽

鐵人賽 Modern Web DAY 3

Follow me! 來一場前端技能樹之旅系列第 3 篇

技術 [Day 03 - HTML] 想寫網頁，就從HTML開始

HTML (HyperText Markup Language，超文本標記語言)，是一種用來建立網站結構的語言，透過包含標籤 (Tag) 與內容 (Conten...

May ‧ 2021-09-16

0 Like 0 留言 2579 瀏覽

鐵人賽 Modern Web DAY 12

用React刻自己的投資Dashboard 系列第 12 篇

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

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

Sean Liu ‧ 2021-09-27

0 Like 1 留言 2541 瀏覽

鐵人賽 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

1 Like 1 留言 2541 瀏覽

鐵人賽 Modern Web DAY 3

Vue.js Web Component 基礎以及 Vuex狀態管理系列第 3 篇

技術 Vue.js Web Component 基礎以及 Vuex狀態管理鐵人賽第三天 Data Binding

Vue.js Data Binding data Vue Instance 可以透過data來儲存外部資料 data 作用有二： 1 儲存元件內部狀態或資料2...

json_liang ‧ 2019-09-04

1 Like 1 留言 2508 瀏覽

鐵人賽 Modern Web DAY 12

Spring Boot... 深不可測系列第 12 篇

技術 Day 11 - Web Security Config

今日目標，設置 web security。 Security 我們需要對網站做一些權限管理，包含登入等行為，就需要先設置 web security config...

mark0613 ‧ 2022-09-27 ‧團隊那團名要叫什麼？

0 Like 0 留言 2463 瀏覽

鐵人賽 Modern Web DAY 21

用React刻自己的投資Dashboard 系列第 21 篇

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

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

Sean Liu ‧ 2021-10-06

3 Like 1 留言 2461 瀏覽

鐵人賽自我挑戰組 DAY 14

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 14 篇

技術 CSS 的 border-radius、box-shadow 和 liner-gradient

關於 HTML 和 CSS 的學習筆記，快要告一個段落了，之後會開始進入到響應式網頁(RWD)的介紹，今天是 HTML 和 CSS 的最後一篇文章，我們來介紹...

Alec ‧ 2019-09-22

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

技術 [Day08] 在Service Worker中實作Caching(Part1)

技術 【D26 - 用Vue實作網頁】從firebase拿資料~ 深入了解database

技術 [Day23] 實作PWA推播通知(Part2)

技術 如何利用 Sass 的 @mixin 功能，讓撰寫 RWD 網站變的輕而易舉