本篇中筆者將為近期所作的後端程式碼做個總整理，並於之後再慢慢的做說明。 首先，這是目前的檔案結構圖，今日將列出 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...
今天筆者將正式將專案與atlas資料庫做連結，目前專案的檔案結構如下： .env eslint.config.js index.html jsconfig.json package-lock.json...
我想在box1加入能顯示天氣的區塊，這時就要結合api來實現，選用有提供免費方案且較簡單的OpenWeatherMap API，能支援全球的天氣查詢，還有多樣化的API介面我們先註冊好OpenWeat...