zx618

摘要： 1.原型鏈 個人觀點：原型鏈和邏輯判斷里三段論有些類似，一個大前提、一個小前提、一個結論。比如，動物會吃肉，狗是動物，所以狗會吃肉。這也是繼承的思想 原型和構造函數 JavaScript 是基于原型的面向對象編程語言，每個對象都有一個內部鏈接到另一個對象（即原型）。這個機制被稱為原型鏈。原型鏈的存在 閱讀全文

摘要： 該方法和前面方法大致相同，主要通過分頁加載、虛擬滾動和數據緩存 1. 后端數據處理 首先，確保后端在傳輸數據時是經過壓縮的，可以大大減少傳輸的數據量。常見的壓縮方式有Gzip或Brotli。 // 例如，在Node.js中使用compression中間件 const compression = re 閱讀全文

摘要： 在前端開發中，我們經常需要處理后端返回的大量數據。假設后端一次性返回10萬條數據，直接在瀏覽器中處理和展示這些數據會導致性能問題，比如頁面卡頓、內存占用過高等。本文將結合Vue項目實戰，介紹如何有效地處理和展示大數據集的方法。 1. 后端數據處理 首先，確保后端在傳輸數據時是經過壓縮的，可以大大減少 閱讀全文

摘要： 跨域問題是前端開發中常見且必須掌握的知識點之一。本文將詳細介紹跨域的概念、手寫JSONP和CORS跨域代碼及其原理，如何在Vue3項目中替換Mock數據接口為真實后端數據接口，以及總結九種常見的跨域解決方案。 一、什么是跨域？ 跨域是指瀏覽器因同源策略的限制，無法訪問不同源（協議、域名、端口任一不同 閱讀全文

摘要： 引言 在JavaScript開發中，設計模式是解決特定問題的有效手段。單例模式（Singleton Pattern）是其中一種常見且有用的模式。盡管網上有許多關于單例模式的解釋和實現，本篇將從實際工作中的需求出發，探討如何更好地理解和應用單例模式，以編寫更復用、更高效的代碼。 什么是單例模式？ 單例 閱讀全文

摘要： 業務場景描述 假設用戶正在填寫一個復雜的表單，由于表單內容繁多，用戶花費了很長時間才填完。這時，如果Token已經過期，系統會讓用戶重新登錄，這種體驗顯然是非常糟糕的。為了避免這種情況，我們需要在Token即將過期或已經過期時，自動刷新Token，而不影響用戶正在進行的操作。 技術實現思路 一、準備 閱讀全文

摘要： 在前端編程中，防抖和節流是兩種常用的優化手段。 防抖是指在一定時間內，只執行一次事件，如果這段時間內再次觸發此事件，則重新計算延遲時間；而節流則是每隔一段時間執行一次事件。 防抖通常用于搜索框等需要等待用戶輸入完成的場合，例如在用戶輸入關鍵詞后，等待用戶停止輸入一段時間后再進行搜索，避免頻繁的請求導 閱讀全文

摘要： 大文件上傳是前端開發中常見的需求之一，特別是在需要處理高清圖片、視頻或其他大型文件時。優化大文件上傳不僅可以提升用戶體驗，還能有效減輕服務器負擔。本文將深入探討大文件上傳的幾種常見優化技術，包括文件切片與并發上傳、斷點續傳、后臺處理優化、安全性考慮和用戶體驗優化。 1. 前言 在現代Web應用中，用 閱讀全文

摘要： 前面分享了很多八股和算法，現在開始慢慢進入項目搭建 隨著項目規模的擴大，合理的架構設計和最佳實踐變得尤為重要。一個良好的架構能夠提高開發效率、維護性和可擴展性。本文將探討在大型 Vue 項目中，如何進行架構設計并遵循最佳實踐。 一、項目結構 一個清晰的項目結構有助于代碼的組織和管理。在大型 Vue 閱讀全文

摘要： 在前端開發中，性能優化一直是一個重要的課題。Vue.js 提供了多種優化策略，幫助開發者構建高性能的應用。本文將深入解析以下幾個優化策略： 使用 v-once、v-if 和 v-show 的區別和優化 通過異步組件提升性能 一、v-once、v-if 和 v-show 的區別和優化 1. v-onc 閱讀全文