zx618

摘要： 在前端開發中，持久化數據存儲是一個非常常見的需求。為了實現這一點，瀏覽器提供了多種方式，包括 Cookie、localStorage 和 sessionStorage。這三者各有優劣，適用于不同的場景 1. Cookie Cookie 是瀏覽器存儲少量數據的一種機制，通常由服務器生成并發送到客戶端。 閱讀全文

摘要： 基礎技術 HTML5 語義化標簽 本地存儲（localStorage, sessionStorage） 離線存儲（Application Cache） Web Workers WebSockets CSS3 Flexbox Grid 媒體查詢 預處理器（Sass, LESS） CSS Modules 閱讀全文

摘要： 1.【對路由的理解】 Vue Router 是 Vue.js 官方的路由管理器，它用于構建單頁面應用（SPA），允許我們在不同的頁面間進行導航，而無需刷新整個頁面。 路由配置文件代碼如下： import {createRouter,createWebHistory} from 'vue-router 閱讀全文

摘要： 一、 說說你對 Fetch 的理解，它有哪些優點和不足？ Fetch API 是現代 JavaScript 中用于進行網絡請求的接口，旨在替代傳統的 XMLHttpRequest。它提供了一種更簡單、更靈活的方法來獲取資源和與服務器進行交互。下面，我將詳細介紹 Fetch 的優點和不足。 Fetch 閱讀全文

摘要： 前端性能優化不僅限于客戶端的代碼優化，還涉及到服務器端的優化。服務器優化對提升網站性能、減少延遲、提高用戶體驗至關重要。 服務器優化技術，包括減少 HTTP 請求、使用緩存策略、內容壓縮、CDN 加速、服務器端渲染（SSR）、優化數據庫查詢等。 1. 減少 HTTP 請求 每次 HTTP 請求都會增 閱讀全文

摘要： 防抖（Debounce）和節流（Throttle）是兩種常用的優化技術，主要用于控制高頻率的事件觸發，如滾動、輸入、窗口調整大小等。本文將深入探討防抖與節流的原理、實現方法及其應用場景。 簡單場景就是：輸入框防抖，滾動節流 1. 防抖（Debounce） 防抖是一種在事件頻繁觸發時，通過延遲執行來減 閱讀全文

摘要： 在前端開發中，性能優化是一個關鍵點，而樣式優化則是性能優化中不可忽視的一環。 筆者給出一些樣式優化措施，包括減少重繪和重排、CSS 選擇器優化、使用 CSS 預處理器和后處理器、CSS Sprite、Critical CSS 等技術。 1. 減少重繪和重排 重繪（Repaint）和重排（Reflow 閱讀全文

摘要： 1. WebAssembly (Wasm) WebAssembly 是一種新興的技術，它允許在瀏覽器中運行高性能的低級代碼。WebAssembly 提供了一種可以在 Web 瀏覽器中運行的字節碼格式，使得開發者可以用 C、C++、Rust 等語言編寫代碼，并將其編譯為 WebAssembly，在瀏覽 閱讀全文

摘要： 包 (Closures) 閉包是 JavaScript 中一個非常強大的特性，它允許函數訪問其外部作用域中的變量，即使在該函數被調用時，外部作用域已經執行完畢。閉包可以幫助我們實現數據的私有化、封裝和模塊化，使代碼更簡潔、易讀和可維護。 閉包的定義 簡單來說，閉包是指有權訪問另一個函數作用域中變量的 閱讀全文

摘要： 模擬順時針畫矩陣的過程: 填充上行從左到右 填充右列從上到下 填充下行從右到左 填充左列從下到上 由外向內一圈一圈這么畫下去 /** * 生成一個包含從1到n*n的數字的矩陣 * @param {number} n - 矩陣的大小，為正整數 * @return {number[][]} - 返回一個 閱讀全文