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

1 Like 0 留言 8680 瀏覽

鐵人賽 Modern Web DAY 15

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 15 篇

技術 Day 15: 在 Vue 專案使用 Sass/SCSS +共用變數 (feat. Vite)

Outline 主要分成四個部份安裝 Sass 預處理器，在 SFC 檔使用 SCSS 撰寫 style 區域引入 SCSS 樣式或變數全域引入 SCSS...

安揪拉 ‧ 2022-09-30

0 Like 0 留言 5886 瀏覽

鐵人賽 Modern Web DAY 23

如何用TypeScript水30天鐵人賽系列第 23 篇

技術 [Day23]：Vite 環境最麻煩了 part 2

Vite 環境最麻煩了開始用Vite之後，是個會自立自強的大人了呢!!────────────────────── By Opshell 目標：開...

Opshell ‧ 2022-09-23

0 Like 0 留言 4054 瀏覽

技術 Create-React-App 到 Vite: 將開發速度提升到新的檔次

今天這篇文章會示範如何將 create-react-app 轉成 vite，大幅提升開發速度什麼是 Vite? Next Generation Fronte...

janlin002 ‧ 2022-09-22

0 Like 0 留言 4064 瀏覽

鐵人賽 Modern Web DAY 22

如何用TypeScript水30天鐵人賽系列第 22 篇

技術 [Day22]：Vite 環境最...咦裝好了 part1

Vite 環境最...咦裝好了每次開始學習新的語言或框架，最麻煩的不是要學習他有哪些語法、規則是安裝...嗯? 好了?!!───────────────...

Opshell ‧ 2022-09-22

0 Like 0 留言 1636 瀏覽

鐵人賽 Modern Web DAY 22

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 22 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 22 Content Script 中使用 ES6 Module （補充說明篇）

Hi Dai Gei Ho~ 我是Winnie ~ 在昨天章節的內容中，我們介紹了如何在 Extension 中使用 Es6 Module，其中 Conten...

Winnie Wu ‧ 2022-09-22 ‧團隊啊 ah

0 Like 0 留言 1954 瀏覽

鐵人賽 Modern Web DAY 21

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 21 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 21 Extension 中的 ES6 Module

Hi Dai Gei Ho~ 我是Winnie ~ 在前面文章中，我們介紹到 Vite 主要運作核心為 ES6 Module ，透過ES6 Moduleimpo...

Winnie Wu ‧ 2022-09-21 ‧團隊啊 ah

3 Like 1 留言 6451 瀏覽

鐵人賽 Modern Web DAY 6

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 6 篇

技術真的好想離開 Vue 3 新手村 - Day 6: 什麼是 Vue SFC 檔？如何被編譯？feat. Vite

Outline 什麼是 SFC 檔認識 SFC 檔的組成 - Language Block SFC 檔會如何被解析（其實不算重要，但因為我很好奇）什麼是...

安揪拉 ‧ 2022-09-21

0 Like 0 留言 1676 瀏覽

鐵人賽 Modern Web DAY 6

關於用 Javascript (Typescript) Stack 打造某種 Backend 3D Rendering 的東東這檔事系列第 6 篇

技術 Day 06 你的 Javascript 不是你的 Javascript（Webpack 與 Vite 簡介）

Webpack 它為了解決什麼問題而生？正如我在 Day 03 提過的，在各種執行環境、規格、版本、語法大亂鬥的時代，把開發環境的程式碼與資料轉換成適合佈署到...

Wei Ji ‧ 2022-09-20

3 Like 0 留言 1927 瀏覽

鐵人賽影片教學 DAY 4

我讀你看系列第 4 篇

技術 [npm] npm create 是什麼？自己寫的 CLI 也可用這個指令嗎？

建議使用 1.2x 以上的播放速度觀看 npm create vite 做了什麼？如果你想建立一個 CLI 工具，要怎麼做才可以透過 npm crea...

pjchender ‧ 2022-09-19 ‧團隊我可能不會完賽

2 Like 0 留言 30940 瀏覽

鐵人賽 Modern Web DAY 4

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 4 篇

技術真的好想離開 Vue 3 新手村 - Day 4: 從 npm run build (vite build) 簡單認識打包

誰適合看這篇不知道 npm run dev、npm run build、npm run preview 的用處不知道「打包」做了哪些事？為什麼前端需要打包...

安揪拉 ‧ 2022-09-19

0 Like 0 留言 1351 瀏覽

鐵人賽 Modern Web DAY 19

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 19 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 19 用 Vite 創建一個 Extension 吧

Hi Dai Gei Ho~ 我是Winnie ~ 從此篇文章開始，我們將進入使用 Vite 開發 Extension 系列篇。經過了這麼多天的介紹，...

Winnie Wu ‧ 2022-09-19 ‧團隊啊 ah

2 Like 0 留言 892 瀏覽

鐵人賽影片教學 DAY 3

我讀你看系列第 3 篇

技術 [vite] 你要的，Vite 都幫你準備好了

建議播放速度 x1.2 以上 Vite features TypeScript isolatedModules glob import

pjchender ‧ 2022-09-18 ‧團隊我可能不會完賽

3 Like 0 留言 12055 瀏覽

鐵人賽 Modern Web DAY 3

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 3 篇

技術真的好想離開 Vue 3 新手村 - Day 3: 細看 Vue + Vite 專案資料夾結構

誰適合看這篇已經初步了解 npm、package.json、package-lock.json、node_modules 建立 Vue 專案後，沒有仔細看...

安揪拉 ‧ 2022-09-18

2 Like 0 留言 3140 瀏覽

鐵人賽影片教學 DAY 2

我讀你看系列第 2 篇

技術 [vite] Vite 是什麼？正確的發音怎麼唸！？

20:00 首播，建議播放速度 x1.2 Vite 怎麼唸？不是 Vue 可以用 Vite 嗎？(Getting Started） Vite 為什麼它...

pjchender ‧ 2022-09-17 ‧團隊我可能不會完賽

2 Like 1 留言 20834 瀏覽

鐵人賽 Modern Web DAY 2

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 2 篇

技術真的好想離開 Vue 3 新手村 - Day 2: 建立 Vue 專案開發環境 feat. Vite

剛開始學 Vue，最困擾的就是該怎麼建立開發的環境。誰適合看這篇：不知道怎麼建立 Vue 專案按照官網用 npm init vue@latest 建立了...

安揪拉 ‧ 2022-09-17

1 Like 0 留言 1976 瀏覽

鐵人賽自我挑戰組 DAY 29

30天深入淺出Redux 系列第 29 篇

技術 Redux 深入淺出 - [ Day 29 ] React RTK Query Typescript todo list (更新 & 刪除)

前一篇我們完成了基本的 getAll request，並於畫面簡單呈現表單內容，那麼今天我們就接續完成他應該有的修改與刪除能吧！讓我們先回到 todoApi...

LucianoLee ‧ 2022-10-10

0 Like 0 留言 1377 瀏覽

鐵人賽自我挑戰組 DAY 28

30天深入淺出Redux 系列第 28 篇

技術 Redux 深入淺出 - [ Day 28 ] React RTK Query Typescript 實作

前一篇我們大致上了解了 API server 的運作與 todo 的格式，今天讓我們回歸主線，來使用 RTK query 整理我們的剛才的 todo APIs，...

LucianoLee ‧ 2022-10-09

0 Like 0 留言 1553 瀏覽

鐵人賽自我挑戰組 DAY 26

30天深入淺出Redux 系列第 26 篇

技術 Redux 深入淺出 - [ Day 26 ] React RTK Typescript 基本應用

接續前一篇的進度，我們已經設置好 store 了，接著我們來試做一個簡單的 counter 講解一下在 Typescript 的環境下如何處理我們的 slice...

LucianoLee ‧ 2022-10-07

0 Like 0 留言 3299 瀏覽

鐵人賽自我挑戰組 DAY 25

30天深入淺出Redux 系列第 25 篇

技術 Redux 深入淺出 - [ Day 25 ] Redux Toolkit Query 簡介

什麼是 Redux Toolkit Query? Redux Toolkit Query 官方簡稱 RTK Query RTK Query 是一種進階數據獲取和...

LucianoLee ‧ 2022-10-06

0 Like 0 留言 1185 瀏覽

鐵人賽自我挑戰組 DAY 24

30天深入淺出Redux 系列第 24 篇

技術 Redux 深入淺出 - [ Day 24 ] React Redux Pokemon 換頁功能

前一篇我們已經完成大致上所有的功能了，今天篇稍微調整一下 UI 畫面，並讓我們的選單有上下頁的功能。我們已知回傳資料內有上下頁完整的 url 了，所以我們也...

LucianoLee ‧ 2022-10-05

0 Like 1 留言 1247 瀏覽

鐵人賽自我挑戰組 DAY 23

30天深入淺出Redux 系列第 23 篇

技術 Redux 深入淺出 - [ Day 23 ] React Redux 非同步處理

如果一路跟到這邊的話應該會覺得處理上很容易，事實上確實也是如此，因為前面的規劃已經完成了，包含非同步事件的處理，這些也就只是 javascript 的基本觀念而...

LucianoLee ‧ 2022-10-04

0 Like 0 留言 1326 瀏覽

鐵人賽自我挑戰組 DAY 22

30天深入淺出Redux 系列第 22 篇

技術 Redux 深入淺出 - [ Day 22 ] React Redux 資金功能設定

前面的章節我們完成了完整的商品進貨購買功能，是時候算個帳了! 今天就是要把錢的部分給加進來，我們可以從先前的 Redux Toolkit 的專案內搬移 ass...

LucianoLee ‧ 2022-10-03

0 Like 0 留言 1125 瀏覽

鐵人賽自我挑戰組 DAY 21

30天深入淺出Redux 系列第 21 篇

技術 Redux 深入淺出 - [ Day 21 ] React Redux 商品功能設定 - (蛋糕)

前篇我們已經完成咖啡與咖啡豆兩樣商品的搬遷，今天我們將蛋糕的部分也移植過來我們 React 的專案裡面，也順便加深使用的印象。還記得怎麼處理嗎？ Start...

LucianoLee ‧ 2022-10-02

1 Like 0 留言 1238 瀏覽

鐵人賽自我挑戰組 DAY 20

30天深入淺出Redux 系列第 20 篇

技術 Redux 深入淺出 - [ Day 20 ] React Redux 商品功能設定-(咖啡＆咖啡豆)

前一篇，我們已經完成了咖啡商品的購買功能，以及示範了 React 的 component 拆分方法，那麼這篇我們就接續完成另一項進貨的功能吧！首先，我們先回...

LucianoLee ‧ 2022-10-01

0 Like 0 留言 1240 瀏覽

鐵人賽自我挑戰組 DAY 19

30天深入淺出Redux 系列第 19 篇

技術 Redux 深入淺出 - [ Day 19 ] React Redux setup

前篇我們已經完成了基本的 Store setting，並透過 React Redux 的 provider 提供所有 component 來使用，其用意與 Re...

LucianoLee ‧ 2022-09-30

0 Like 0 留言 1898 瀏覽

鐵人賽自我挑戰組 DAY 18

30天深入淺出Redux 系列第 18 篇

技術 Redux 深入淺出 - [ Day 18 ] React Redux 簡介

在整進 React 專案之前我們必須了解一件事，Redux 是可以單獨獨立運作的，這也是我們之前所做的兩個 project 驗證的結果，大家應該都不陌生，兩個...

LucianoLee ‧ 2022-09-29

1 Like 0 留言 2249 瀏覽

鐵人賽 Modern Web DAY 2

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 2 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day2 運行環境＆組成

Hi Dai Gei Ho~ 我是Winnie ~ 在上篇文章中，我們已初步的了解 Extension 是什麼後，接著再今天內容我們要再深入一步探討關於 Ex...

Winnie Wu ‧ 2022-09-02 ‧團隊啊 ah

2 Like 2 留言 2484 瀏覽

鐵人賽 Modern Web DAY 1

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 1 篇

技術你知道這是什麼嗎？ Chrome Extension MV3 with Vite - 前言&大綱

Hi Dai Gei Ho~ 我是Winnie ~ 目前是一位前端工程師，目標是可以持續在做自己喜歡的事。如果對於我還有一絲好奇的捧油可以看看這篇文章在...

Winnie Wu ‧ 2022-09-01 ‧團隊啊 ah

2 Like 0 留言 6885 瀏覽

鐵人賽 Modern Web DAY 8

前端黑洞計畫 (一) : 讓 Vite 來開啟你的Vue 系列第 8 篇

技術 Day_08 : 讓 Vite 來開啟你的Vue 之 Vite 核心 HMR

Hi Dai Gei Ho~ 我是Winnie～今天是第八天，中秋連假到數結束第二天～在開始說明今天主題之前，請大家回憶一下，當我們在local開發時，先不...

Winnie Wu ‧ 2021-09-20

1 Like 0 留言 7079 瀏覽

鐵人賽 Modern Web DAY 7

前端黑洞計畫 (一) : 讓 Vite 來開啟你的Vue 系列第 7 篇

技術 Day_07 : 讓 Vite 來開啟你的Vue 之 Vite 核心 esbuild

Hi Dai Gei Ho~ 我是Winnie～今天終於來到我的第七天，按照七天養成一個好習慣的說法，我發現自己好像也開始養成了每天會寫一點東西的習慣，不管...

Winnie Wu ‧ 2021-09-19