其實很久以前，Nginx就設想推出JavaScript for Nginx了，可惜直到現在都不完善，甚至在國內關註的人都寥寥無幾 雖然如此，但Nginx出品的高併發NJS還是很香啊，原生集成就是好 但是，你知道怎麼交叉編譯Nginx和Nginx的JS引擎njs嗎？ 你想要嘗試使用Nginx+NJS搭... ...
寫在開頭 點贊 + 收藏 學會 1、支付寶不支持v-show 改為v-if。 2、v-html App端和H5端支持 v-html ，微信小程式會被轉為 rich-text，其他端不支持 v-html。 解決方法：去插件市場找一個支持跨端的富文本組件。 3、導航欄處有背景色延 ...
title: useHeadSafe：安全生成HTML頭部元素 date: 2024/7/17 updated: 2024/7/17 author: cmdragon excerpt: 摘要：“useHeadSafe”是Vue.js組合函數，用於安全生成HTML頭部元素，通過限制輸入值格式避免XSS ...
1. 防抖，回城-執行完成區間計時的那一次 觸發事件時開始計時，計時結束後執行事件處理。當計時未結束再次觸發事件，則清除計時器並重新計時。 思路：利用閉包，保存回調函數的計時器。判斷計時器是否存在，是-清除原計時器。在計時器內調用事件處理函數。 註意：這裡要搞清楚返回的匿名函數才是綁定的點擊事件，而 ...
title: Nuxt.js 中使用 useHydration 實現數據水合與同步 date: 2024/7/18 updated: 2024/7/18 author: cmdragon excerpt: 摘要：介紹Nuxt.js中useHydration函數，用於控制客戶端與伺服器數據同步，實現數 ...
寫在開頭 點贊 + 收藏 學會 有這樣一種場景：如果你在開發過程中，發現某個npm包有Bug，應該怎麼辦？ 第一選擇當然是向原作者提issue，或者Fork該倉庫代碼，修改以後，提交合併請求。 但這種情況有個嚴重的問題，就是耗時，如果遇到嚴格的作者，或者不活躍的作者，時間線可 ...
上圖直觀展示了 Vue 的 Diff 演算法流程：3種方式 比較根節點： 圖中左側的 "Old VNode" 和右側的 "New VNode" 表示舊的和新的虛擬 DOM 根節點。 箭頭表示比較過程，如果根節點不同，直接替換整個節點。 比較子節點： 當根節點相同時，遞歸比較子節點。 左側 "Old C ...
title: 使用 useLazyAsyncData 提升數據載入體驗 date: 2024/7/19 updated: 2024/7/19 author: cmdragon excerpt: 摘要：本文介紹useLazyAsyncData函數在Nuxt 3中的使用，以提升數據載入體驗。此函數支持異 ...
01. Dart 介紹 02. Dart 開發環境搭建和開發工具的配置 03. Dart 語言的基礎語法 04. Dart 數據類型 05. Dart 運算符 06. Dart 條件表達式 07. Dart 類型轉換 08. Dart 迴圈語句 09. Dart break 和 continue 語 ...
本文中效果主要採用ThreeJS 中的著色器(Shader)以及結合ShaderMaterial實現的。 主要用到的內置方法有： step：是一個階躍函數，它將一個浮點數與一個閾值進行比較，並返回一個階躍值； 比如step(edge, x), 如果 x 小於等於 edge，則返回 0.0, 如果 x ...
我是一個很懶的人，很少寫博客。為什麼？因為技術發展太快了，剛學習記錄下來過段時間來看看，發現全都過時了。太浪費感情了。 曾經我也是一個軟粉，一個.Net開發者，同學都入坑Android、Java踩著時代的紅利拿高薪的時候。我卻始終愛著微軟。一直到微軟徹底拋棄Windows Phone10的時候我才死 ...
寫在開頭 點贊 + 收藏 學會 前言 JavaScript 中的相等運算符無疑是新手開發者最容易混淆的知識點之一。 ==和 這兩個運算符的細微差別往往會在代碼中造成一些令人困惑的行為 在本文中,我們將深入探討這兩個相等運算符的工作原理,比較它們的特點和局限性 讓我們開始吧! ...
title: 使用 useLazyFetch 進行非同步數據獲取 date: 2024/7/20 updated: 2024/7/20 author: cmdragon excerpt: 摘要：“使用 useLazyFetch 進行非同步數據獲取”介紹了在Nuxt開發中利用useLazyFetch進行異 ...
TCP（傳輸控制協議）的三次握手是建立可靠連接的關鍵步驟，其設計目的是確保通信雙方都準備好，並且避免重覆的連接初始化。三次握手並不是隨意設定的，而是有其重要的技術理由。 1. 防止重覆的連接初始化 假設只使用兩次握手，會存在以下問題： 舊的重覆SYN包問題：如果網路中的一個舊的SYN包（因為網路延遲 ...
title: Nuxt 使用指南：掌握 useNuxtApp 和運行時上下文 date: 2024/7/21 updated: 2024/7/21 author: cmdragon excerpt: 摘要：“Nuxt 使用指南：掌握 useNuxtApp 和運行時上下文”介紹了Nuxt 3中useN ...
title: 使用 useNuxtData 進行高效的數據獲取與管理 date: 2024/7/22 updated: 2024/7/22 author: cmdragon excerpt: 深入講解了Nuxt 3中useNuxtData組合函數的應用，演示瞭如何通過此函數訪問緩存數據，實現組件間數 ...