title: 使用 Nuxt 的 showError 顯示全屏錯誤頁面 date: 2024/8/26 updated: 2024/8/26 author: cmdragon excerpt: 摘要：本文介紹Nuxt.js中的showError方法用於顯示全屏錯誤頁面，包括其參數類型及使用方式，並演 ...
此“華仔”，不是彼“華仔”，你懂的！ 先來了個截圖 緊跟著，實現步驟也來了 1. 安裝 Node.js，終端運行 npm create vue@latest，項目名 vue-to-do，後面的選項全選 No； 2. cd vue-to-do 進入項目目錄，npm install 安裝依賴，npm r ...
在TS開發中，經常會遇到後臺數據欄位比較多的情況，這時候需要一個個複製欄位然後給他手動配置數據類型來完成我們的TS類型定義，相當麻煩。有什麼快速的方法呢，我就目前遇到的兩種情況分別寫了JS腳本來處理後臺數據，直接生成我們需要的數據格式。 腳本編寫 1. 處理數據字典中的數據 一般數據字典表裡的數據可 ...
title: 使用 updateAppConfig 更新 Nuxt 應用配置 date: 2024/8/27 updated: 2024/8/27 author: cmdragon excerpt: 通過使用 updateAppConfig，你可以輕鬆地在應用運行時更新配置，而無需重新啟動應用。這對 ...
上回書說到，躲開攝像頭的基本功能實現了，但有三個核心問題： （1）速度慢 （2）距離遠易失敗 （3）地圖限制 第一個問題：較為簡單，把幾千個攝像頭按行政區劃分好帶上編號，在路線分段避讓時按片兒計算，綜合測試速度提升了50%。 //找到每段step途徑的 let wayDistrictsCamera ...
title: 使用 nuxi add 快速創建 Nuxt 應用組件 date: 2024/8/28 updated: 2024/8/28 author: cmdragon excerpt: 通過使用 nuxi add 命令，你可以快速創建 Nuxt 應用中的各種實體，如組件、頁面、佈局等。這可以極大 ...
title: 使用 nuxi analyze 命令分析 Nuxt 應用的生產包 date: 2024/8/29 updated: 2024/8/29 author: cmdragon excerpt: 使用 nuxi analyze 命令可以幫助你深入瞭解生產包的結構和大小，從而做出針對性的優化。通 ...
本文介紹了 JavaScript 中 ArrayBuffer 和 TypedArray 的應用。ArrayBuffer 用於預分配記憶體，存儲二進位數據，但需通過 DataView 或 TypedArray 視圖來讀寫。TypedArray 是定型數組，用於高效處理特定數據類型。DataView 則提... ...
title: 使用 nuxi build 命令構建你的 Nuxt 應用程式 date: 2024/8/30 updated: 2024/8/30 author: cmdragon excerpt: nuxi build 命令是構建 Nuxt 應用程式的核心工具，它將你的應用程式打包成適合生產環境的格 ...
我不是換hexo了嗎，一直是使用Spck Editor寫文章，每次寫好文章都要push一次，非常麻煩，最近在群友那瞭解到有Github Action自動化部署，可以寫好文章自動部署到github pages，而且github的編輯器也是非常好用的，寫好提交就能自動發送，–怎麼有點像SSR了–，於是我 ...
Page Visibility API 可幫助檢測用戶切換頁面，適用於考試或網課系統。本文介紹了 visibilitychange 事件和 document.visibilityState 的狀態，並提供了基本的防作弊實現方法，如定期檢查頁面可見性和監聽視頻播放狀態。 ...
title: 使用 nuxi build-module 命令構建 Nuxt 模塊 date: 2024/8/31 updated: 2024/8/31 author: cmdragon excerpt: nuxi build-module 命令是構建 Nuxt 模塊的核心工具，它將你的模塊打包成適合 ...
title: 使用 nuxi clean 命令清理 Nuxt 項目 date: 2024/9/1 updated: 2024/9/1 author: cmdragon excerpt: nuxi clean 命令是管理和維護 Nuxt 項目的重要工具，它幫助你快速清理生成的文件和緩存，確保開發環境的 ...
一、瀑布流分頁案例分析 1.1) 功能分析： 滑鼠下拉，載入分頁數據(10條) ，如下圖： 1.2) 如何確定當前顯示的數據已經瀏覽完畢？ 公式：(滾動條距底部的距離 + 滾動條上下滾動的距離 + 當前視窗的高度) >= 當前文檔的高度 舉例： - 當前文檔高度：存儲10條數據，100px。 - 滾 ...
@目錄markdown加粗斜體設置標題級別設置目錄刪除線無序列表有序列表分割線代辦引用高亮標記字體顏色代碼塊圖片鏈接表格公式表達行中公式獨行公式LaTex初步文章骨幹換行與換頁figure（基本是圖片）表格公式公式字體顏色左右居中figure引用文獻引用 markdown 加粗 **加粗樣式** 格 ...
ECharts 是一款由百度開源的數據可視化工具，它提供了豐富的圖表類型，如折線圖、柱狀圖、餅圖、散點圖、雷達圖、地圖、K線圖、熱力圖、儀錶盤等，以及豐富的交互功能。ECharts 組件的核心功能實現原理主要包括以下幾個方面： 數據驅動： ECharts 採用數據驅動的設計理念，圖表的生成和更新都是 ...