声明一个hooks /hooks/useWatermarkBg.js import { computed } from 'vue'; export default function useWatermarkBg (props { return computed(( => {

webpack打包构建流程 前端开发有很多资源, img,css,js,font,ts 有一些资源需要进行处理 ts js css html html-webpack-plugin 对输出产物进行优化 optimization splitChunkPlugin 所有文件资源都会被打包成一个文

柯里化函数 柯里化（Currying）是函数式编程中的一种重要技术，它将一个接受多个参数的函数转换为一系列接受单个参数的函数。通过柯里化，可以实现部分应用参数、延迟执行以及函数组合等高级功能。

定义 ==Date Url== 即前缀为 data: 协议的的 URL，其允许内容创建者向文档中嵌入小文件。 Data URLs 由四个部分组成： 前缀（data:） 指示数据类型的 MIME 类型 如果非文本则为可选的 base64 标记 数据本身：data // Content-Type:

代码解释 定义了一个函数 concurRequest，用于并发请求多个 URL 并返回它们的响应结果。 实现代码 /** * 并发函数 * @param data 传入的请求数组 [url, url, url] * @param maxnum 同时发起请求的数量，默认为3 */ functio

代码解释 在前端开发中，深拷贝是一个常见的需求，特别是在处理复杂数据结构时，如嵌套对象或数组。深拷贝意味着创建一个新的对象或数组，并且递归地复制原对象或数组中的所有属性（包括嵌套的对象和数组），使得新对象与原对象在内存中是完全独立的。 实现方法 使用JSON数列化与反数列化 let newObj

代码解释 懒加载也加延迟加载、按需加载，指在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。 优点 减少了无用资源的加载 提升用户体验 防止加载过多图片而影响其他资源文件的加载 实现原理 方式一：浏览器原生API交叉观察者模式(IntersectionObserver ‌ In

// 防抖 function debounce(fn, wait { let timer = null; return function( { clearTimeout(timer ; timer = setTimeout((

//判断访问终端 var browser={ versions:function( { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident' ˃ -1, //IE