title: 使用 navigateTo 實現靈活的路由導航 date: 2024/8/13 updated: 2024/8/13 author: cmdragon excerpt: 摘要：本文詳細介紹 Nuxt.js 中的 navigateTo 函數，包括基本用法、在路由中間件中使用、導航到外部 ...
什麼是Web Component Web Component是一套Web瀏覽器的技術和規範，能夠讓開發者定製自己的HTML元素 來自MDN的描述： Web Component 是一套不同的技術，允許你創建可重用的定製元素（它們的功能封裝在你的代碼之外）並且在你的 web 應用中使用它們。 Web C ...
title: 使用 onBeforeRouteLeave 組合式函數提升應用的用戶體驗 date: 2024/8/14 updated: 2024/8/14 author: cmdragon excerpt: 摘要：本文介紹了在Nuxtjs中使用onBeforeRouteLeave組合式函數來提升應 ...
前言 在現代 Web 開發中，WebAssembly (WASM) 已成為一種強大的工具。它使得開發者可以在瀏覽器中運行高性能的代碼，跨越傳統的 JavaScript 性能限制。Rust 語言因其高效性和記憶體安全性，成為了編寫 WASM 模塊的熱門選擇。本文將介紹如何將 Rust 代碼編譯為 Web ...
title: 使用 onBeforeRouteUpdate 組合式函數提升應用的用戶體驗 date: 2024/8/15 updated: 2024/8/15 author: cmdragon excerpt: 摘要：本文介紹如何在Nuxt 3開發中使用onBeforeRouteUpdate組合式函 ...
一、載入問題 用高德地圖做了個進京證路線規劃的功能，官網也是有 React 代碼示例。但是吧，這個Demo有問題，地圖是能載入成功，但是其他功能再用 map 這個變數肯定不行，果不其然是null，處理也簡單，把公共變數都管理起來就行了。 const [map, setMap] = useState( ...
本文主要內容： screenX 和 screenY， clientX 和 clientY / x 和 y pageX 和 pageY layerX 和 layerY 在處理滑鼠事件（MouseEvent）時，瞭解不同的坐標系是非常重要的。常見的坐標系包括屏幕坐標（screen）、客戶端坐標（clie ...
本文介紹了記憶體管理的基礎知識，重點分析了棧區與堆區的區別，並詳細討論了V8引擎的記憶體管理機制，包括垃圾回收策略和優化技術。文章通過實例代碼展示了堆區和棧區的記憶體變化，並探討了v8如何通過並行、增量和併發技術優化垃圾回收性能。 ...
在做項目的時候，Web端需要適配移動端，且部分參數需要判斷對應系統或瀏覽器。 在IOS中，因為高版本的系統Safari瀏覽器採用了Mac的內核，所以導致普通的判斷無法識別到對應系統。(userAgent.match(/(Macintosh)/) && navigator.maxTouchPoints ...
title: 使用 onNuxtReady 進行非同步初始化 date: 2024/8/16 updated: 2024/8/16 author: cmdragon excerpt: 摘要：本文詳細介紹了Nuxt.js框架中的onNuxtReady函數用途、使用場景及其實現步驟，並通過集成分析庫的示例 ...
引言 在工作中我經常需要處理一些複雜、動態表單，但是隨著需求不斷迭代，我們也許會發現曾經兩三百行的.vue文件現在不知不覺到了兩千行，三千行，甚至更多... 這對於一個需要長期維護的項目，無疑是增加了很多難度。 因此，為了減小文件大小，優化表單組織的結構，我在日常的開發中實踐出一種基於組件的表單拆分 ...
title: 使用 prefetchComponents 進行組件預取 date: 2024/8/17 updated: 2024/8/17 author: cmdragon excerpt: 摘要：本文介紹Nuxt.js中的prefetchComponents功能，用於預取組件以提高用戶體驗。通過 ...
問題 在編寫 React 代碼時，如果你希望多次更新狀態，可能會嘗試使用 handleClickWrong 中的方式。然而，你會發現實際效果並不如預期：count 只增加了 1，而不是 3。 const root = document.getElementById('root'); const Ap ...
title: 使用 preloadComponents 進行組件預載入 date: 2024/8/18 updated: 2024/8/18 author: cmdragon excerpt: 摘要：本文介紹Nuxt 3中的preloadComponents功能，用於預載入全局註冊的組件以減少首次渲 ...