雪旭

摘要： 一、為什么會有Hook Vue 和 React 中的 "hook" 都是為了解決在組件中復用邏輯的問題。主要為了解決以下兩個問題： 1.邏輯復用困難 在 Hook 出現之前，React 和 Vue 都有各自的代碼復用方式，但都存在一些問題： React：主要使用高階組件（Higher-Order C 閱讀全文

摘要： 這段代碼通過 Three.js 和 cannon-es 庫，創建了一個有趣的交互式 3D 物理模擬場景。當你在頁面上點擊鼠標時，會發射出一個小球，它會在重力作用下彈跳并與地面發生碰撞。 以下是這段代碼的逐步解析，以及它如何協同工作來構建這個模擬場景： 一、設置 3D 場景基礎 首先，代碼導入了所需的 閱讀全文

摘要： 在前端開發中我們經常會對數據對象進行處理，并且不影響原對象，即遵循不可變值。因為可能其它地方會用到原始對象，這就引出了一個概念拷貝（對數據進行復制）。在前端拷貝分二種淺拷貝和深拷貝。 一、基本概念 1. 淺拷貝 淺拷貝只復制對象一層，改變一層對象的屬性不會影響原對象，如果對象的屬性一個引用類型的時候 閱讀全文

摘要： 在3D圖形渲染中，天空盒（Skybox）被用來模擬一個虛擬世界的背景。它通過包裹整個場景的方式，讓用戶有一種身處于無盡虛擬環境中的感覺。常見的天空盒實現方式包括使用球體（Sphere Map）和立方體（Cube Map）。今天，我們將通過 Three.js 這兩個常見的實現方式來創建天空盒。 一. 閱讀全文

摘要： 圖片懶加載（Lazy Loading）是一種優化網頁加載速度的技術。它的主要作用是延遲加載頁面中的圖片，當圖片進入用戶的可視區域（viewport）時，才會觸發加載。這樣可以有效減少初始頁面加載時的資源請求，提升用戶體驗，尤其是在網絡較慢或頁面包含大量圖片的情況下。核心原理是：初始加載時只顯示輕量級 閱讀全文

摘要： 在傳統的HTTP協議中，客戶端必須主動發起請求才能獲取數據。而實時應用場景如在線聊天、股票行情、多人協作等，需要服務端能主動推送數據。WebSocket協議它具有： ??雙向通信??：客戶端和服務端可以同時發送消息 ??低延遲??：建立連接后消息即時傳輸 ??高效??：相比HTTP輪詢節省大量帶寬 閱讀全文

摘要： 在前后端分離的開發模式中，后端接口常通過數字或字符串形式的枚舉值（如 0、1、"draft"）表示業務狀態、類型等信息。而前端不僅需要將這些值轉換為用戶友好的文本（如中文“草稿”、英文“Draft”），還需考慮多語言切換、狀態合法性校驗等問題。本文將深入探討 ?5 種常見的狀態映射方案，從最基礎的枚 閱讀全文

摘要： HTTP緩存是前端性能優化的核心手段。當您首次訪問網站時，瀏覽器向服務器請求資源，服務器不僅會返回所需的CSS、JavaScript或圖片文件，更會在響應頭中設置的緩存指令，有些資源允許直接存檔復用（強緩存），有些則需要定期"持證核驗"（協商緩存）。瀏覽器再次請求時就會進行緩存驗證。 一、HTTP緩 閱讀全文

摘要： 在復雜的 Web 應用中，用戶經常需要同時操作多個標簽頁。例如：在電商網站中修改購物車、在協作工具中同步編輯狀態、在新聞平臺中標記已讀內容。本文將詳解 ?5 種主流實現方案。 一、核心需求與技術挑戰 1.1 典型應用場景 場景數據交互需求 電商購物車 多標簽頁實時同步商品數量 在線協作工具 多人編輯 閱讀全文

摘要： 在JavaScript中，繼承是實現代碼復用和抽象的核心機制之一。隨著ES6（ECMAScript 2015）的推出，類（class和extends）徹底改變了實現繼承的方式。本文將通過對比ES5和ES6的繼承實現，揭示其底層原理與核心差異。 一、ES5的繼承：基于原型鏈的手動實現 1. 核心機制 閱讀全文