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 ...
前言 vue3中想要訪問DOM和子組件可以使用ref進行模版引用，但是這個ref有一些讓人迷惑的地方。比如定義的ref變數到底是一個響應式數據還是DOM元素？還有template中ref屬性的值明明是一個字元串，比如ref="inputEl"，怎麼就和script中同名的inputEl變數綁到一塊了 ...
前言 前端導出表格有很多種方案，但是表格樣式一旦複雜了，那麼就得用代碼寫excel的樣式，還是比較麻煩的。每次樣式不一樣，就得重新寫，這時使用表格模板的優勢就體現出來了，想導出不同樣式的表格直接修改表格模板即可。 方案 我找了兩種方案： 1、使用xlsx-template，利用模板語法在xlsx中占 ...
第一步：安裝 npm 使用以下命令安裝npm install vue-grid-layout --save yarn 使用以下命令安裝yarn add vue-grid-layout 第二步：配置全局變數 import { createApp } from 'vue' import App from ...
title: 使用 nuxi info 查看 Nuxt 項目詳細信息 date: 2024/9/5 updated: 2024/9/5 author: cmdragon excerpt: 摘要：文章介紹了nuxi info命令的使用方法，這是一個Nuxt.js命令行工具，用於查看當前或指定Nuxt項 ...
element-ui 的組件庫中沒有圖片下拉選擇組件，基於 el-select 組件做的改動並不能完全滿足需求，因此決定重寫一個。 從頭到尾做下來收穫很多，我決定把實現過程中遇到的問題記錄一下。 效果圖 線上試用地址 設計要點 接下來將上面代碼中的關鍵部分拆分介紹 1. 回顯選中的圖片和 label ...
title: 使用 nuxi init 創建全新 Nuxt 項目 date: 2024/9/6 updated: 2024/9/6 author: cmdragon excerpt: 摘要：本文介紹瞭如何使用nuxi init命令創建全新的Nuxt.js項目，包括安裝所需環境、命令使用方法、指定模板 ...
受 LabelImg 啟發的基於 web 的圖像標註工具，基於 Vue 框架 喲，網友們好，年更鴿子終於想起了他的博客園密碼。如標題所述，今天給大家帶來的是一個基於 vue2 的圖像標註工具。至於它誕生的契機呢，應該是我導 pass 掉了我的提議（讓甲方使用 LabelImg 進行數據標註），說是要 ...
title: 使用 nuxi prepare 命令準備 Nuxt 項目 date: 2024/9/7 updated: 2024/9/7 author: cmdragon excerpt: 摘要：本文介紹nuxi prepare命令在Nuxt.js項目中的使用，該命令用於創建.nuxt目錄並生成類型 ...
title: 使用 nuxi preview 命令預覽 Nuxt 應用 date: 2024/9/8 updated: 2024/9/8 author: cmdragon excerpt: 摘要：本文介紹瞭如何使用nuxi preview命令預覽Nuxt.js應用，包括安裝和準備環境、啟動預覽伺服器 ...
JavaScript速查表 本手冊絕大部分內容是從Airbnb JavaScript Style Guide精簡整理，將開發者們都明確的操作去掉，目的為了就是更快的速查。 此處為源地址。 譯制：HaleNing 目錄 基礎知識 類型 引用 對象 數組 解構 字元串 變數 屬性 測試 公共約束 註釋 ...
title: 如何在 Nuxt 3 中有效使用 TypeScript date: 2024/9/9 updated: 2024/9/9 author: cmdragon excerpt: 摘要：本文詳細介紹瞭如何在Nuxt 3項目中有效使用TypeScript，包括創建新項目、安裝TypeScrip ...
函數柯里化 含義: 可以大概理解為: 將fn(a,b,c)轉換為fn(a)(b)(c) 原函數: function sum(a,b){ return a+b } console.log(sum(1,2)) 柯里化後: function sum(a) { return function (b) { r ...
title: 使用 Nuxt 的 showError 顯示全屏錯誤頁面 date: 2024/8/26 updated: 2024/8/26 author: cmdragon excerpt: 摘要：本文介紹Nuxt.js中的showError方法用於顯示全屏錯誤頁面，包括其參數類型及使用方式，並演 ...