sophia2579

在 Vue3 的开发实践中，掌握高效技巧能显著提升开发效率与代码质量。以下整理了 20 个经过实战验证的实用技巧，涵盖性能优化、响应式控制、组件通信等核心场景，助你写出更优...

本文将介绍GAS的设计理念、GAS的演变历程、GAS的优化技巧以及一些真实面试题的答案和解析，希望大家看完能有所收获！...

unknown 用于表示不确定类型的值 1.赋值 只能赋值给any和unknown以外类型的变量，避免了any的变量污染问题 所有类型的值都可以赋值给unknown类型的变...

一、TypeScript 开发的注意事项 不要过度使用类型注解 TS 有强大的类型推断能力，无需为每个变量手动添加类型。 仅在类型不明确或需要覆盖默认推断时使用注解。 优先...

单例模式(Singleton Pattern)是一种常用的设计模式，它确保一个类只有一个实例，并提供一个全局访问点来访问这个实例。 单例模式的核心特点 唯一性：确保一个类只...

一、网络加载优化 资源压缩与合并 使用Webpack/Rollup等工具进行代码压缩（Terser）、Tree Shaking 图片优化：WebP格式、SVG替代小图标、响...

一、浏览器缓存（HTTP 缓存） 基于 HTTP 协议的缓存机制，由服务器和浏览器共同控制，主要通过响应头字段实现。 1. 强缓存（本地缓存） 浏览器直接从本地缓存获取资源...

都是 ES6引入的集合类型 Map（映射） Map 是一种键值对集合，键可以是任意类型（对象、函数、原始值），保持插入顺序，可直接迭代。 常用方法： 使用场景： 需要键不是...

1.绝对定位 方法1：绝对定位+ 负边距。用于已知宽高的元素 方法 2：绝对定位 + transform。适用于未知宽高的元素 2.grid 布局。 3.flex 布局。 ...

什么是BFC？列举触发BFC的至少5种CSS属性 答案： 定义：BFC是Web页面的一个独立渲染区域，内部元素不会影响外部布局 触发条件： float: 不为 none p...

1.遍历数组，想在满足某个条件时终止循环 如果需要提前终止循环，优先使用 for、for...of 或 some()/every()。 如果只是查找元素，使用 find()...

5.1解构赋值 用法1. 变量重命名 用法2. 默认值设置 用法3. 展开运算符 展开运算符也可以用于解构赋值中，用于提取数组或对象的剩余部分。 用法4.只解构需要的属性，...

在 JavaScript 中，call、bind 和 apply 是 Function 对象自带的三个重要方法，用于改变函数的 this 指向，实现函数的灵活调用。它们的核...

方案一：使用 Promise.all 控制并发 最直接的方法是使用Promise.all并行处理 A 和 B，待两者都完成后再发送 C。 优点：实现简单，代码清晰 缺点：如...

二、同源场景（主页面与 iframe 域名相同） 1. 访问 iframe 内部的 DOM 2. 访问 iframe 内的 JavaScript 对象 3. 在 ifram...

Promise 1.含义： Promise对象是一个构造函数。一旦创建它就会立即执行，不能中途取消 Promise构造函数接受一个函数作为参数，该函数的两个参数分别是res...

一、改变原数组的方法 **1.push（） 作用: 就是往数组末尾添加数据 返回值:  就是这个数组的长度 2. pop（） 作用: 就是从数组的末尾删除一个数据 返回值:...

requestAnimationFrame（简称 RAF）是 JavaScript 中用于优化动画渲染的 API，它让浏览器在下一次重绘前执行指定的回调函数。适用于复杂动画...