摘要：
前言 數組特點 存儲區間是連續，且占用內存嚴重，空間復雜也很大，時間復雜為O（1）。 優點：是隨機讀取效率很高，原因數組是連續（隨機訪問性強，查找速度快）。 缺點：插入和刪除數據效率低，因插入數據，這個位置后面的數據在內存中要往后移的，且大小固定不易動態擴展。 鏈表特點 區間離散，占用內存寬松，空間 閱讀全文
posted @ 2021-02-04 23:14
龍陌
閱讀(539)
評論(0)
推薦(0)
摘要：
要在項目發布后動態更新組件，并使用 Webpack Module Federation（模塊聯邦） 實現，核心思路是： 將組件拆分為獨立的 Remote 應用，Host 應用在運行時從遠程加載最新版本的組件，而無需重新構建或部署 Host。 這正是模塊聯邦（Module Federation）的典型 閱讀全文
posted @ 2025-10-29 22:55
龍陌
閱讀(31)
評論(0)
推薦(0)
摘要：
在使用 Webpack Module Federation（模塊聯邦） 共享組件時，版本管理 是一個關鍵挑戰。 因為微前端或微組件架構中，多個應用（Host 和 Remotes）可能由不同團隊維護、獨立部署，若組件版本不一致，極易導致運行時錯誤（如 API 不兼容、樣式錯亂、狀態異常等）。 以下是針 閱讀全文
posted @ 2025-10-29 22:46
龍陌
閱讀(12)
評論(0)
推薦(0)
摘要：
NestJS 和 Next.js 是兩個非常流行的 Node.js 框架，但它們的定位和用途完全不同。下面是它們的核心區別和各自用途的清晰對比： 🟦 NestJS：后端服務框架（Backend Framework） 定位：用于構建 可擴展、企業級的 Node.js 后端 API 服務（如 REST 閱讀全文
posted @ 2025-10-08 21:53
龍陌
閱讀(105)
評論(0)
推薦(0)
摘要：
不，VuePress v2 不支持 Vue 2 的配置和運行時。它是一個基于 Vue 3 的全新版本，與 Vue 2 完全不兼容。 以下是詳細解釋： ? VuePress v1 vs v2：核心差異 特性 VuePress v1 VuePress v2 Vue 版本 Vue 2 ? Vue 3 打包 閱讀全文
posted @ 2025-10-08 20:27
龍陌
閱讀(14)
評論(0)
推薦(0)
摘要：
原因：使用AI生成的vscode 插件代碼，打包使用的tsc,沒有將三方依賴打包進去，導致安裝插件后，插件無法激活，僅注冊了快捷鍵 解決：對比使用 yo生成的ts+pnpm 插件項目，切換為esbuild打包 注意發布的話，使用 @vscode/vsce 創建項目 安裝 Yeoman 工具集 Yeo 閱讀全文
posted @ 2025-09-24 14:30
龍陌
閱讀(28)
評論(0)
推薦(0)
摘要：
npx playwright install chromium 安裝失敗通常是由于網絡問題（如連接超時、下載速度慢、被墻等）導致的。Playwright 的 Chromium 瀏覽器二進制文件較大（通常幾百MB），直接在線下載在某些網絡環境下不穩定。 以下是 離線安裝 Playwright Chro 閱讀全文
posted @ 2025-09-10 20:29
龍陌
閱讀(480)
評論(0)
推薦(1)
摘要：
要在 VS Code 中配置保存時自動使用 ESLint 修復 Vue 文件，你需要正確安裝和配置相關插件及設置。以下是詳細步驟： ? 一、安裝必要的擴展 ESLint（必裝） 擴展名：ESLint by Microsoft 功能：提供 ESLint 集成，支持語法檢查和自動修復。 Volar（Vu 閱讀全文
posted @ 2025-09-07 19:30
龍陌
閱讀(249)
評論(0)
推薦(0)
摘要：
用一個具體、易懂的實例來為你詳細解釋 RAG（Retrieval-Augmented Generation，檢索增強生成）技術 是如何工作的。 🌟 什么是 RAG？ RAG 是一種結合 信息檢索（Retrieval） 和 文本生成（Generation） 的 AI 技術。它能讓大模型在回答問題時， 閱讀全文
posted @ 2025-08-20 21:53
龍陌
閱讀(78)
評論(0)
推薦(0)
摘要：
An Embedding Provider 是一種服務或工具，它能將文本（包括代碼）轉換為高維向量（即“嵌入向量”或“embeddings”），這些向量可以用于搜索、相似性比較、聚類等任務。在代碼搜索場景中，Embedding Provider 能將代碼片段轉換為向量，使得系統可以通過向量相似度來查 閱讀全文
posted @ 2025-08-20 20:18
龍陌
閱讀(26)
評論(0)
推薦(0)
摘要：
Vue 2.7 是 Vue 2.x 系列的一個重要更新，它允許用戶在不完全遷移到 Vue 3 的情況下享受到一些 Vue 3 的新特性。以下是 Vue 2.6 和 Vue 2.7 之間的一些主要差異： Composition API 支持： Vue 2.7 引入了 Composition API，這 閱讀全文
posted @ 2025-08-09 17:50
龍陌
閱讀(160)
評論(0)
推薦(0)
摘要：
解決工程化里lint-staged+husky在monorepo項目中推送代碼時不生效問題 現象：在 multirepo 時 lint-staged+husky 在推送代碼時能正常生效，但在multirepo 轉 monorepo后，每個子項目里配置的husky + lint-staged 在推送時 閱讀全文
posted @ 2025-07-30 22:51
龍陌
閱讀(29)
評論(0)
推薦(0)
摘要：
Event.target 與 Event.currentTarget 簡單來說 Event.target 指向事件觸發的元素， Event.currentTarget總是指向事件綁定的元素 function hide(e) { e.currentTarget.style.visibility = " 閱讀全文
posted @ 2025-07-30 21:56
龍陌
閱讀(16)
評論(0)
推薦(0)
摘要：
大數據量下展開運算符性能問題的原因與優化 在 JavaScript 中，當處理大數據量數組時使用展開運算符（...）會導致嚴重性能問題甚至卡死，這主要由以下原因造成： 根本原因分析 1. 內存分配機制 展開運算符創建的是全新的數組對象，處理大數組時需要： 在內存中分配連續空間（時間復雜度 O(n)） 閱讀全文
posted @ 2025-07-26 16:18
龍陌
閱讀(56)
評論(0)
推薦(0)
摘要：
在 Vue 3 中圖片/文本拖拽影響 mouseup 監聽的問題，通常是由 Vue 3 的事件系統變化和 Composition API 的特性導致的。以下是根本原因分析和解決方案： 根本原因分析 Vue 3 的事件處理機制變化 Vue 3 使用更原生的 DOM 事件模型（移除了 Vue 2 中的部 閱讀全文
posted @ 2025-07-26 16:11
龍陌
閱讀(71)
評論(0)
推薦(0)
摘要：
vue-cli 使用webpack5 編譯后生產環境 link 標簽插入的樣式順序是由什么決定的？ 在 Vue CLI 項目中使用 Webpack 5 編譯后，生產環境中 <link> 標簽插入樣式的順序主要由幾個因素決定： 1. 樣式文件的引入順序 在 .vue 文件或 JavaScript/JS 閱讀全文
posted @ 2025-05-27 16:49
龍陌
閱讀(76)
評論(0)
推薦(0)
摘要：
vue-cli項目中什么會影響打包前后的style樣式的加載順序 在 Vue CLI 項目中，打包前后樣式的加載順序可能會受到多個因素的影響。了解這些因素有助于你更好地控制項目的樣式加載順序，從而避免樣式覆蓋等問題。以下是幾個主要影響樣式加載順序的因素： 1. 樣式文件的引入順序 入口文件中的順序： 閱讀全文
posted @ 2025-05-27 16:48
龍陌
閱讀(95)
評論(0)
推薦(0)
摘要：
在 npm 發布時，用戶默認安裝的是最新發布的版本（latest tag 指向的版本），而不是版本號最高的版本。 根據你的例子： 先發布 1.0.2 → 此時 latest 指向 1.0.2 然后發布 1.0.1 → 此時 latest 會指向 1.0.1（因為它是最后發布的） 所以用戶執行 npm 閱讀全文
posted @ 2025-05-23 14:49
龍陌
閱讀(82)
評論(0)
推薦(0)
摘要：
關于瀏覽器在處理DOM尺寸超出特定大小時的行為，確實存在一些限制和差異。特別是對于非常大的頁面或元素，不同的瀏覽器可能會有不同的表現。 谷歌瀏覽器（Chrome） 在Chrome中，確實存在對元素尺寸的限制。根據相關資料，當一個元素的尺寸（寬度或高度）超過 (2^{24}) 像素（即16,777,2 閱讀全文
posted @ 2025-05-23 14:00
龍陌
閱讀(50)
評論(0)
推薦(0)
摘要：
當你在項目中安裝一個新的依賴項時，package-lock.json 文件確實會被更新以包含這個新添加的依賴及其版本信息。 然而，對于已經存在于 package-lock.json 中的其他依賴包，默認情況下它們不會被升級。 以下是幾點需要注意的事項： 鎖定版本保持不變：已有的依賴包在其 packa 閱讀全文
posted @ 2025-05-21 13:45
龍陌
閱讀(234)
評論(0)
推薦(0)
摘要：
package-lock.json 和 npm-shrinkwrap.json 都是由 npm 生成的文件，用于鎖定項目的依賴版本，確保在不同的環境中安裝相同的依賴版本。盡管它們的功能相似，但在使用場景和一些細節上存在差異。 主要區別 適用范圍: package-lock.json: 這是 npm 閱讀全文
posted @ 2025-05-21 13:39
龍陌
閱讀(101)
評論(0)
推薦(0)
摘要：
package-lock.json 文件（在某些情況下可能是 npm-shrinkwrap.json，它們遵循相同的格式）用于鎖定項目依賴的確切版本。這意味著當你或他人使用 npm install 命令安裝依賴時，npm 會根據 package-lock.json 文件中記錄的版本號來安裝具體的依賴 閱讀全文
posted @ 2025-05-21 13:38
龍陌
閱讀(96)
評論(0)
推薦(0)
摘要：
虛擬滾動樹在開啟性能模式（perfMode: true）時，內存使用會顯著增加的原因主要與其實現機制有關。以下是詳細解釋： ? 什么是性能模式？ 性能模式通過 預加載和緩存更多節點數據 來提升滾動的流暢性，適用于大數據量場景下的快速響應。 perfMode: { type: Boolean, def 閱讀全文
posted @ 2025-05-17 21:22
龍陌
閱讀(143)
評論(0)
推薦(0)
摘要：
在使用 Vue CLI 創建的項目中，webpack.config.js 文件通常是隱藏的，因為 Vue CLI 使用了內部默認的 Webpack 配置。然而，你可以通過以下方法查看或自定義生成的 Webpack 配置。 1. 使用 vue inspect 命令 Vue CLI 提供了一個內置的命令 閱讀全文
posted @ 2025-04-27 13:12
龍陌
閱讀(166)
評論(0)
推薦(0)
摘要：
代理服務器重寫 Cache-Control 的行為雖然不常見，但在某些特殊場景下可能是必要的。這種操作需要非常謹慎，因為不當的修改可能導致緩存行為不符合預期，進而影響用戶體驗或數據一致性。以下是詳細說明代理服務器可能重寫 Cache-Control 的特殊情況及其原因： 1. 網絡環境限制 在某些網 閱讀全文
posted @ 2025-04-26 20:08
龍陌
閱讀(91)
評論(0)
推薦(0)
摘要：
Cache-Control 響應頭通常是由原始服務器（即提供內容的服務器）來配置的。這是因為原始服務器最了解它所提供的資源的狀態和特性，比如哪些資源可以被緩存、緩存的有效期是多長等信息。通過設置適當的 Cache-Control 指令，原始服務器能夠控制客戶端（瀏覽器）和中間代理服務器如何緩存響應內 閱讀全文
posted @ 2025-04-26 20:05
龍陌
閱讀(50)
評論(0)
推薦(0)
摘要：
代理服務器緩存（Proxy Server Cache）是指位于客戶端與目標服務器之間的代理服務器用于存儲響應數據的一種機制。當用戶請求訪問網絡資源時，如果該資源之前已經被代理服務器緩存下來，則可以直接從緩存中提供服務，而不需要再次連接到原始服務器獲取內容。這種機制可以顯著減少網絡流量、縮短響應時間， 閱讀全文
posted @ 2025-04-26 20:01
龍陌
閱讀(74)
評論(0)
推薦(0)
摘要：
良好的日志管理不僅能夠提升代碼的可維護性，還能減少潛在的安全隱患和性能問題。 以下是一個涉及前端 console 日志打印的管理規范： 前端 Console 日志管理規范 1. 基本原則 生產環境禁用日志：生產環境下，所有 console.log、console.warn 等日志必須移除或禁用，避免 閱讀全文
posted @ 2025-04-26 12:45
龍陌
閱讀(133)
評論(0)
推薦(0)
摘要：
在 Vue 項目中，是否只需要禁用 HTML 文件的緩存，而不需要額外處理 JS 和 CSS 等靜態資源的緩存，取決于你的項目打包配置和緩存管理策略。以下是詳細的分析和建議： 1. Vue 打包文件的特點 Vue 項目通常使用 vue-cli 或 Vite 進行打包，打包后的文件具有以下特點： HT 閱讀全文
posted @ 2025-04-23 09:21
龍陌
閱讀(168)
評論(0)
推薦(0)
摘要：
在 Nginx 中，expires -1; 的配置用于設置 HTTP 響應頭中的 Cache-Control 和 Expires，從而控制瀏覽器對靜態資源的緩存行為。具體來說，expires -1; 表示資源不緩存（或者緩存時間非常短），并會在每次請求時重新驗證資源。 1. expires -1; 閱讀全文
posted @ 2025-04-23 09:00
龍陌
閱讀(382)
評論(0)
推薦(0)
摘要：
是的，Webpack 的低版本（例如 4.x 及以下）默認不支持 package.json 中的 exports 字段。exports 是 Node.js 在 v12 引入的功能，并在后續版本中逐步完善。它允許包的作者更細粒度地控制模塊的入口點和導出路徑。 如果你使用的是 Webpack 4 或更低 閱讀全文
posted @ 2025-04-22 09:12
龍陌
閱讀(262)
評論(0)
推薦(0)
摘要：
在 JavaScript 中，可以通過以下方法判斷一個函數是否是 async 函數： 方法 1：使用 Object.prototype.toString async 函數的類型標簽是 "[object AsyncFunction]"，可以利用這一點來判斷。 function isAsyncFunct 閱讀全文
posted @ 2025-04-16 21:14
龍陌
閱讀(79)
評論(0)
推薦(0)
摘要：
是的，完全可以僅在 Docker 內部的 Nginx 中配置不緩存 HTML 文件，而外部的 Nginx 不需要額外配置緩存相關的規則。這種方式可以簡化外部 Nginx 的配置，同時確保 HTML 文件不會被緩存。 以下是具體的實現方式和注意事項： 1. 為什么可以在 Docker 內部 Nginx 閱讀全文
posted @ 2025-04-15 09:09
龍陌
閱讀(89)
評論(0)
推薦(0)
摘要：
config.optimization.splitChunks({ cacheGroups: { default: false } }); 這個配置的作用是什么 config.optimization.splitChunks 是 Webpack 的一個配置選項，用于控制代碼分割（code split 閱讀全文
posted @ 2025-04-15 08:57
龍陌
閱讀(124)
評論(0)
推薦(0)
摘要：
為了確保 http://www.test.com/longmo/#/ 頁面的 HTML 文件不被緩存，可以通過 Nginx 配置實現。以下是詳細的配置方法： 背景分析 URL 分析： http://www.test.com/longmo/#/ 中，#/ 是前端路由的一部分（通常是單頁應用 SPA 的 閱讀全文
posted @ 2025-04-14 19:58
龍陌
閱讀(230)
評論(0)
推薦(0)
摘要：
在 npm 中，包的維護者通過發布新版本并為其分配標簽（tag）來設置“最新版本”。以下是具體的步驟和方法，說明包維護者如何設置包的最新版本： 1. 發布新版本 包維護者需要先更新包的代碼，并修改 package.json 文件中的版本號。版本號遵循語義化版本控制（SemVer），根據變更內容遞增主 閱讀全文
posted @ 2025-04-13 14:21
龍陌
閱讀(172)
評論(0)
推薦(0)
摘要：
種子隨機數生成器（Seed-based Random Number Generator）是一種使用初始值（稱為“種子”）來初始化隨機數生成過程的方法。這種類型的隨機數生成器在計算機科學和編程中有多種用途，特別是在需要可重復的隨機性或特定隨機序列的情況下。 作用 可重復性： 調試與測試：通過設置相同的 閱讀全文
posted @ 2025-04-12 16:27
龍陌
閱讀(169)
評論(0)
推薦(0)
摘要：
輸入前的預防措施 設置文本格式? 選中單元格 → 右鍵選擇"設置單元格格式" → 數字選項卡選擇"文本" → 輸入15位以上數字? 輸入單引號前綴? 在輸入數字前加英文單引號 '（如 '123456789012345），強制以文本形式存儲? 已輸入數據的修復方法 通過"數據→從文本/CSV導入"功能 閱讀全文
posted @ 2025-04-11 19:37
龍陌
閱讀(1114)
評論(0)
推薦(0)
摘要：
是的，package.json 中的 imports 字段的設計要求條目必須以 # 開頭。這是為了確保這些內部模塊路徑與外部包的模塊標識符區分開來，避免命名沖突和歧義。 為什么需要以 # 開頭？ 區分內部模塊和外部依賴： 外部依賴通常使用裸模塊標識符（bare specifiers），例如 loda 閱讀全文
posted @ 2025-04-05 17:00
龍陌
閱讀(95)
評論(0)
推薦(0)
摘要：
在使用 pnpm 時，如果需要指定某個包從內網地址下載，可以通過以下幾種方式實現： 1. 使用 .npmrc 文件 .npmrc 是 npm 和 pnpm 的配置文件，可以用來定義包的下載源。你可以通過設置特定包的解析地址來指定從內網地址下載。 步驟： 在項目的根目錄下創建或編輯 .npmrc 文件 閱讀全文
posted @ 2025-04-02 17:11
龍陌
閱讀(647)
評論(0)
推薦(0)
摘要：
是的，頁面上的 DOM 節點過多確實可能導致瀏覽器卡死或性能顯著下降。當一個網頁包含大量的 DOM 節點時，可能會在以下幾個方面影響瀏覽器性能： 1. 渲染性能 重繪和重排（Reflow 和 Repaint）：每當頁面上的某些元素發生變化（如尺寸、位置等），瀏覽器需要重新計算布局（reflow）并重 閱讀全文
posted @ 2025-03-28 11:22
龍陌
閱讀(271)
評論(0)
推薦(0)
浙公網安備 33010602011771號