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[][]} - 返回一个 阅读全文