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功能,用於預載入全局註冊的組件以減少首次渲 ...