最後一天了，我們來將最後兩個小區域放上圖片吧在public區域新增一個img資料夾將預計要放上的圖片拖到資料夾中並為圖片命名好的先到<template>區域我預計要放在box1的小空格中，...
前言: 魔法師的視覺化水晶球 在現代前端開發中，資料視覺化已成為不可或缺的核心技能。無論是產品經理需要洞察用戶行為，還是管理者要掌握營運全貌，都需要透過圖表來「看見」數據背後的真相。 今天我們將在「...
本篇中筆者將為近期所作的後端程式碼做個總整理，並於之後再慢慢的做說明。 首先，這是目前的檔案結構圖，今日將列出 server 部份的程式： .env eslint.config.js index.ht...
好的今天來改天氣小元件第一我想先修改天氣圖式的呈現方式，我想利用Weather Icons來呈現天氣icon首先我們先為專案安裝Weather Icons，打開我們的終端機進到專案跟目錄，然後輸入以下...
今日目標 專案結構整理（清晰的 Core / Features / Shared 分層） 最後幾個小優化（Lazy loading、SEO meta、圖片優化） Production build 部...
當任務越多、畫面越複雜，效能問題就會悄悄浮現，一開始我以為「快」的關鍵是寫更短的程式、或是加快事件處理，但今天才真正理解，程式變快的關鍵，其實是「少做一點」，在過去的版本裡，統計數據（例如全部、已完成...
專案越來越大的時候，可能導致載入速度變慢，這時候可以用動態載入元件和 router 的 lazy loading，讓開啟時更快速。 為什麼需要 Lazy Loading? 以詳細資料頁面為例，引入時會...
今日筆者想來淺談一下 mongodb 與 mongoose 這兩個Node.js package 之間的差異。會想以這一點做討論，是因為在查詢資料時看到許多其他使用者都使用 mongoose ，而非官...
好的今天來調整一下天氣元件在box1的顯示效果昨天的畫面是這樣我想讓天氣元件有外框陰影增加立體感，且有自己的背景色讓他能更明顯先到WeatherBox.vue在<style scoped>...
今日目標 安裝與啟用 Pinia 建立兩個 store：useUiStore（UI 狀態）與 useProjectsStore（資料/快取） 替換原本的組合式函式/元件內部狀態，統一走 store...