iT邦幫忙

nuxt相關文章
共有 125 則文章
鐵人賽 Software Development DAY 30

技術 D30 - 致獨自開發的你

首先,非常感謝 iThome 持續舉辦這樣的鐵人賽活動,已經到第 16 屆了。老實說,這次原本也沒有想要參加,畢竟這麼多年下來我都沒有動念報名。 直到九月初,有...

鐵人賽 Software Development DAY 29

技術 D29 - 30天獨自開發之旅:從零到一的完整回顧

哈囉,大家好!不知不覺,我們的 30 天鐵人挑戰已經來到了第 29 天。在過去的 28 篇文章中,我們從零開始,一步一步地建立了一個完整的個人財務管理系統。 今...

鐵人賽 Software Development DAY 28

技術 D28 - 從獨自奮鬥到團隊合作:溝通的藝術與技術的融合

哈囉,大家好!經過了二十多個不眠之夜,我們一步一步地打造出了屬於我們的個人財務管理系統。從最初的需求分析,到後端的實作,再到前端的開發,我們體驗了作為獨立開發者...

鐵人賽 Software Development DAY 27

技術 D27 - 系統優化之路:環境部署、後端重構與前端元件化

哈囉,大家好!經過前面二十多天的努力,我們的個人財務管理系統已經完成了主要的功能開發。在最後的幾天裡,我想和大家一起來優化我們的系統,讓它不僅能夠運行,還能夠更...

鐵人賽 Software Development DAY 26

技術 D26 - 第三階段驗收:功能總結與未來規劃

大家好!經過前面25天的努力,我們的個人財務管理系統已經初具規模。在這第三階段的驗收中,我們將對已完成的功能進行總結和驗證,並對未來的發展進行規劃。 一、已完成...

鐵人賽 Software Development DAY 25

技術 D25 - 實作報表功能:建立財務報表與圖表呈現

大家好!在前面的文章中,我們已經完成了交易紀錄管理、銀行帳戶管理和分類管理的功能。 今天,我們將繼續完善我們的個人財務管理系統,專注於報表功能的開發。 報表功能...

鐵人賽 Software Development DAY 24

技術 D24 - 從 Options API 轉換到 Composition API:關鍵知識點解析

大家好!在前面的文章中,我們討論了開發過程中的一些反思。今天,我們將探討 Vue 3 中的一個重要主題:如何將 Options API 的程式碼轉換為 Comp...

鐵人賽 Software Development DAY 23

技術 D23 - 獨自開發的省思:技術深度與開發效率的平衡

大家好,今天我想和大家探討一個比較嚴肅的話題。過去的幾篇文章中,如果你有跟著一起實作,可能會發現我提供的程式碼有些奇怪之處。甚至有些眼尖或熟悉 Vue 的朋友,...

鐵人賽 Software Development DAY 22

技術 D22 - 實作交易紀錄管理:建立交易紀錄列表與新增/編輯頁面

哈囉,大家好!在前面的文章中,我們已經實作了銀行帳戶管理和分類管理的功能,建立了相應的列表頁面以及新增/編輯頁面。今天,我們將繼續完善我們的個人財務管理系統,專...

鐵人賽 Software Development DAY 21

技術 D21 - 實作分類管理:建立分類列表與新增/編輯頁面

哈囉,大家好!在前一篇文章中,我們成功地實作了銀行帳戶管理的功能,建立了銀行帳戶列表頁面以及新增/編輯頁面。今天,我們將繼續完善我們的個人財務管理系統,專注於分...

鐵人賽 Software Development DAY 20

技術 D20 - 實作銀行帳戶管理:建立銀行帳戶列表與新增/編輯頁面

哈囉,大家好!在前面的文章中,我們已經規劃了前端介面,並盤點了所需的頁面與功能。 現在,是時候開始動手實作了。今天,我們將專注於 銀行帳戶列表頁面(Bank A...

鐵人賽 Software Development DAY 19

技術 D19 - 規劃前端介面:盤點所需的頁面與功能

哈囉,大家好!經過前面的努力,我們已經成功地整合了後端 API,並在 Nuxt 中使用 Axios 實現了資料的動態渲染。現在,我們的個人財務管理系統已經具備了...

鐵人賽 Software Development DAY 18

技術 D18 - 整合後端 API:在 Nuxt 中使用 Axios 實現資料動態渲染

哈囉,大家好!在前面的文章中,我們已經成功地建立了 Nuxt 的開發環境,並且深入了解了 Nuxt 的前端結構,特別是 app.vue 和 layouts/de...

鐵人賽 Software Development DAY 17

技術 D17 - 探索 Nuxt 前端結構:深入理解 app.vue 與 layouts/default.vue

哈囉,大家好!經過前面的努力,我們已經成功建立了 Nuxt 的開發環境,並初步了解了它的使用方式。在前一篇文章中,我們建立了第一個頁面,並準備好了後續開發所需的...

鐵人賽 Software Development DAY 16

技術 D16 - 開始前端開發:用 Nuxt 為應用程式注入活力

哈囉,大家好!經過前面的努力,我們已經完成了後端的基本功能,也進行了第二階段的驗收。現在,是時候讓我們的個人財務管理系統有一個漂亮又實用的前端介面了。今天,我想...

鐵人賽 Software Development DAY 15

技術 D15 - 第二階段驗收:盤點需求,為前端整合鋪路

哈囉,大家好!不知不覺,我們的 30 天鐵人挑戰已經過了一半。這段期間,我們一起從零開始,建立了個人財務管理系統的後端,從資料庫設計、模型建立、路由設定到控制器...

鐵人賽 Software Development DAY 8

技術 D8 - 深入設計個人財務管理系統的資料庫結構

哈囉,各位!我們已經搭建好了開發環境,也處理好了版本控制。現在,是時候來設計我們的資料庫了。這一步可不能馬虎,因為資料庫就像是系統的心臟,設計得好,才能讓整個系...

鐵人賽 Software Development DAY 6

技術 D6 - 第一階段小驗收

好了,經過前幾篇的努力,我們的 Docker 環境已經搭建完成。現在,是時候換上使用者的帽子,來驗收我們的開發環境了!畢竟,環境建置得再漂亮,如果不能正常運作,...

鐵人賽 Software Development DAY 5

技術 D5 - 拆解 Docker 環境:快速理解Nginx 反向代理 Nuxt 和 Laravel 的關係

好了,到了這一步,我們已經有了一個基於 Docker 的開發環境,但你可能會想:「這麼多配置,到底是怎麼運作的?」別擔心,今天我們要一起拆解這個 Docker...

鐵人賽 Software Development DAY 4

技術 D4 - 來吧!用 Docker 打造開發環境(Laravel + Nuxt + Nginx + MariaDB)

好了,到了這個階段,我們終於要進入 Docker 的世界了!前幾篇文章我們討論了系統規劃與需求,現在來到實作的部分,要為整個開發環境打好基礎。這篇文章將帶你一步...

鐵人賽 Software Development DAY 3

技術 D3 - 先想清楚再動手:系統需求規劃

到了第三篇~!,我們準備進一步進入正題! 上一篇,我們已經選定了要開發的專案:「個人財務管理系統」。不過,開始寫程式之前,千萬別急著衝一波,咱們得先做點規劃。因...

鐵人賽 Software Development DAY 2

技術 D2 - 我獨前後端,快速打造 MVP - 個人財務管理系統

獨自開發並不意味著必須精通所有技術,而是能夠在遇到問題時,主動查找資料、解決 bug,並且完成整個專案。即使還未成為全端專家,重點是能夠從頭到尾完成一個最小可行...

鐵人賽 Vue.js DAY 21
Nuxt 3 實戰筆記 系列 第 21

技術 [Day 21] Nuxt 3 管理網站結構化資料標記 (Structured Data Markup) - SEO 搜尋引擎最佳化系列工具簡介

前言 在搜尋引擎最佳化 SEO 中,其中有一個最佳化項目是結構化資料標記 (Structured Data Markup),當你的網站設定好結構化的資料,將有助...

鐵人賽 Vue.js DAY 30

技術 DAY 30 - <鐵人完賽> 回顧 30 Days 學習歷程

DAY 30 - &lt;鐵人完賽感言&gt; 回顧 30 Days 學習歷程 DAY 30 完結篇,在抓篇章結果沒有預估好,Nuxt 果然寫不完 XD光是...

鐵人賽 Vue.js DAY 29

技術 DAY 29 - transition 漸變 與動畫特效

DAY 29 - Vue/Nuxt transition 轉場動畫 在 Vue 裡本身就有內置 &lt;Transition&gt; 組件,我們可以利用這個組...

鐵人賽 Vue.js DAY 28

技術 DAY 28 - Nuxt 使用 useFetch 串接 API

DAY 28 - Nuxt 使用 useFetch 串接 API 前言 延續上篇 ...DAY 27 - Nuxt Server 模擬 RESTful AP...

鐵人賽 Vue.js DAY 27

技術 DAY 27 - Nuxt Server 模擬 RESTful API

DAY 27 - Nuxt Server 模擬 RESTful API 什麼是 Nuxt Server ? 有聽過 Json Server 嗎 ?Nuxt S...

鐵人賽 Vue.js DAY 26

技術 DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ,輕鬆切換渲染模式

DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ,輕鬆切換渲染模式 今日前言 - 網站模式/渲染模式複習 前篇 DAY 25...

鐵人賽 Vue.js DAY 25

技術 DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR

DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR 今日前言 接下來會提到 Nuxt 渲染方式,那就不得不提到本身...

鐵人賽 Vue.js DAY 24

技術 DAY 24 - Nuxt Routing 路由 與動態路由

DAY 24 - Nuxt Routing 路由 與動態路由 Nuxt Routing Nuxt 路由是基於vue-router 來使用, 依據資料夾 pa...