1、使用 Object.entries() 和 Object.fromEntries() // 將對象轉換為數組並轉換回來，以便於操作 const person = { name: 'jack', age: 20 }; const entries = Object.entries(person); ...
我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霽明 什麼是CORS CORS（跨域資源共用）是一種基於HTTP頭的機制，可以放寬瀏覽器的同源策略，實現不同功能變數名稱網站之間的通信。 前置知識 同源定義：協議、域 ...
此教程適應於以webpack，vue-cli，vite等腳手架構建的vue項目。當然，vue2和vue3都是可以滴。 1. 前提：你的代碼庫已經提交到Github上 如果沒有的話，請到GitHub上新建倉庫，並把你本地的項目提交到GitHub上新建的倉庫里。 具體方法，可以參考我的博客 Git使用記 ...
1. Performance API 的用處 Performance API 是瀏覽器中內置的一組工具，用於測量和記錄頁面載入和執行過程中的各類性能指標。它的主要用處包括： 監控頁面資源載入：跟蹤頁面中的資源（如 CSS、JavaScript、圖片）的載入時間。 分析頁面載入時間：從導航到頁面完全渲 ...
title: 使用 Nuxt Kit 檢查模塊與 Nuxt 版本相容性 date: 2024/9/13 updated: 2024/9/13 author: cmdragon excerpt: 通過 Nuxt Kit 提供的相容性檢查工具，您可以輕鬆地確保您的模塊與不同版本的 Nuxt 相容。這將有 ...
一、實現一個光影牆 1. 根據自定義坐標點，輸出一個光影牆 /** * 添加光影牆 */ function addLightWall() { const geometry = new THREE.BufferGeometry(); const vertices = new Float32Array( ...
同步載入 阻塞模式，提高安全性 過多JS載入會影響頁面效率 預設情況下，JS是同步載入，及優先載入外部JS，只有當JS文件載入完成，don和css才開始載入 <script src = 'index.js' ></script> 非同步載入 非阻塞載入 動態創建script defer 延遲載入JS， ...
IntersectionObserver (自動監聽元素是否進入了設備的可視區域之內) 示例： const io = new IntersectionObserver(callback, option); // 獲取元素 const target = document.getElementById( ...
title: Nuxt Kit 自動導入功能：高效管理你的模塊和組合式函數 date: 2024/9/14 updated: 2024/9/14 author: cmdragon excerpt: 通過使用 Nuxt Kit 的自動導入功能，您可以更高效地管理和使用公共函數、組合式函數和 Vue A ...
<el-dialog width="600px" :title="title" :visible.sync="dialogVisible" :close-on-click-modal="false" :before-close="handleBeforeClose" @open="handleOpe ...
title: Nuxt Kit 組件管理：註冊與自動導入 date: 2024/9/15 updated: 2024/9/15 author: cmdragon excerpt: Nuxt Kit 為組件的註冊和導入提供了靈活高效的解決方案。無論你是要批量導入組件，還是單獨處理特定組件，這些工具都能 ...
認識並學習下還沒來得及學習的一些 HTML5 標簽 <ruby> 標簽 HTML <ruby> 元素被用來展示東亞文字註音或字元註釋。 比如: <ruby>兄弟<rt>xiongdi</rt></ruby> <rt> 元素包含字元的發音，字元在 ruby 註解中出現，它用於描述東亞字元的發音。這個元 ...
本文介紹了 ES Modules (ESM) 在瀏覽器環境中的運行原理，詳細闡述了 ESM 的三大載入步驟：構建、實例化、求值，並討論了其動態載入能力、迴圈依賴處理方式及與 CommonJS 的區別。 ...
title: Nuxt Kit 中的上下文處理 date: 2024/9/16 updated: 2024/9/16 author: cmdragon excerpt: Nuxt Kit 提供的上下文處理工具，尤其是 useNuxt 和 tryUseNuxt，為模塊化開發提供了極大的便利。通過這些函 ...
Angular 的路由復用策略（RouteReuseStrategy）是一種用於優化路由跳轉性能和提高用戶體驗的機制。通過實現RouteReuseStrategy介面，後可以自定義路由的復用行為，避免不必要的組件銷毀和重建，同時保持組件的狀態。 以下是對Angular路由復用策略的詳細介紹： 一、基 ...
title: 探索 Nuxt Devtools：功能全面指南 date: 2024/9/3 updated: 2024/9/3 author: cmdragon excerpt: 摘要：本文介紹了Nuxt Devtools的功能和使用方法，包括自動安裝、手動安裝和各項主要功能，如頁面、組件、構建分析 ...
title: 使用 nuxi generate 進行預渲染和部署 date: 2024/9/4 updated: 2024/9/4 author: cmdragon excerpt: 通過 nuxi generate 命令，你可以輕鬆地將 Nuxt 應用程式預渲染為靜態 HTML 文件，並將其部署到 ...
基於electron32+vue3 setup+pinia2桌面端os管理解決方案ElectronVue3OS。 vue3-electron32-os全新原創Electron32+Vite5+Vue3+Pinia2+ArcoDesign+Echarts+Swiper搭建桌面版os管理模板。內置mac ...