隨著JavaScript在前後端開發中的廣泛應用，測試已成為保證代碼質量的關鍵環節。 為什麼需要單元測試 在我們的開發過程中，經常需要定義一些演算法函數，例如將介面返回的數據轉換成UI組件所需的格式。為了校驗這些演算法函數的健壯性，部分開發同學可能會手動定義幾個輸入樣本進行初步校驗，一旦校驗通過便不再深 ...
前言 在Vue3.5版本中響應式 Props 解構終於正式轉正了，這個功能之前一直是試驗性的。這篇文章來帶你搞清楚，一個String類型的props經過解構後明明應該是一個常量了，為什麼還沒丟失響應式呢？本文中使用的Vue版本為歐陽寫文章時的最新版Vue3.5.5 關註公眾號：【前端歐陽】，給自己一 ...
寫在開頭 點贊 + 收藏 學會 一.webpack和vite的區別 1.構建速度不同 Webpack: Webpack的構建速度相對較慢，尤其在大型項目中，因為它需要分析整個依賴圖，進行多次文件掃描和轉譯。 Vite: Vite以開發模式下的極速構建著稱。它利用ES模塊的特性 ...
title: Nuxt Kit 中的插件：創建與使用 date: 2024/9/19 updated: 2024/9/19 author: cmdragon excerpt: 摘要：本文介紹了在 Nuxt 3 框架中使用 Nuxt Kit 創建和管理插件的方法，包括使用addPlugin註冊插件、創 ...
title: Nuxt Kit 中的模板處理 date: 2024/9/20 updated: 2024/9/20 author: cmdragon excerpt: 摘要：本文詳細介紹了在Nuxt 3框架中，使用Nuxt Kit進行模板處理的方法，包括理解模板基本概念、使用addTemplate動 ...
title: Nuxt Kit中的 Nitro 處理程式 date: 2024/9/21 updated: 2024/9/21 author: cmdragon excerpt: 摘要：本文詳細介紹了在Nuxt 3框架中使用Nitro伺服器引擎的實踐，包括創建處理程式處理HTTP請求、路由和中間件的 ...
Easy-Blog 是一套集成文章發表、頁面創建、知識庫管理、博客後臺管理等功能於一體的博客系統。Github項目地址：https://github.com/fecommunity/easy-blog， 歡迎Star。 ...
title: Nuxt Kit API ：路徑解析工具 date: 2024/9/22 updated: 2024/9/22 author: cmdragon excerpt: 摘要：本文介紹了Nuxt Kit中用於解析路徑的API工具，包括resolvePath、resolveAlias、find ...
記得去年年初，我就折騰了“我的足跡”功能，當時就想在標記點 markers 中添加圖片，但苦於冇技術，就擱淺了，只實現了 markers 文字描述。今天終於讓我找到了大佬的教程，實現了 markers 中添加描述、多圖片、指定鏈接，用的還是熟悉的 Jvectormap 。 先給大佬曝光一下： 空木白 ...
p-limit 是一個控制請求併發數量的庫，他的整體代碼不多，思路挺好的，很有學習價值； 舉例 當我們同時發起多個請求時，一般是這樣做的 Promise.all([ requestFn1, requestFn2, requestFn3 ]).then(res =>{}) 或者 requestFn1( ...
html HTML（超文本標記語言，HyperText Markup Language）是構建網頁的基礎語言。它使用標簽（Tags）和屬性（Attributes）來定義網頁的結構和內容顯示。下麵將從HTML的結構、標簽、屬性等方面進行詳細講解。 一、HTML的基本結構 一個標準的HTML文檔有明確的 ...
title: Nuxt Kit 使用日誌記錄工具 date: 2024/9/23 updated: 2024/9/23 author: cmdragon excerpt: 摘要：本文介紹在Nuxt 3框架的Nuxt Kit中使用日誌記錄工具的方法，重點講解useLogger函數的應用，通過創建示例項 ...
基礎階段 主要內容： 掌握 JavaScript 的基本語法，如變數、數據類型（字元串、數字、布爾、對象、數組等）、運算符等。 理解程式的控制流，包括條件語句（如 if-else）、迴圈語句（如 for、while）。 學會使用函數來封裝代碼，理解函數的參數、返回值以及作用域等概念。 學習網站： W ...
title: Nuxt Kit 的使用指南：模塊創建與管理 date: 2024/9/11 updated: 2024/9/11 author: cmdragon excerpt: 摘要：本文是關於Nuxt Kit的使用指南，重點介紹瞭如何使用defineNuxtModule創建自定義模塊及inst ...
安裝vite npm create vite@latest 你還可以通過附加的命令行選項直接指定項目名稱和你想要使用的模板。例如，要構建一個 Vite + Vue + ts 項目，運行: # npm 7+，需要添加額外的 --： npm create vite@latest my-vue-app - ...
title: Nuxt Kit 的使用指南：從載入到構建 date: 2024/9/12 updated: 2024/9/12 author: cmdragon excerpt: 摘要：本文詳細介紹了Nuxt Kit的使用方法，包括如何使用loadNuxt載入配置、buildNuxt進行項目構建、l ...