配置Gzip压缩，含前后端步骤
摘要：
启言 在使用 vite 进行项目打包时，默认已经帮我们做了一些优化工作，比如代码的压缩，分包等等。 除此之外，我们还有一些可选的优化策略，比如使用 CDN ，开启 Gzip 压缩等。本文会介绍在 vite 中使用插件来开启 Gzip 压缩。 如果你用的是其他脚手架，可以自行前往搜索，这里只基于vit
JS的常用验证正则
摘要：
密码正则 密码必须为8到16位且必须包含数字和字母以及特殊字符 const pattern2 =/^(?!([A-Z]*|[a-z]*|[0-9]*|[!-/:-@\[-`{-~]*|[A-Za-z]*|[A-Z0-9]*|[A-Z!-/:-@\[-`{-~]*|[a-z0-9]*|[a-z!-/:
使用vue-office实现在线预览pdf word execel功能
摘要：
功能特色 一站式：提供docx、pdf、excel多种文档的在线预览方案，有它就够了 简单：只需提供文档的src(网络地址)即可完成文档预览 体验好：选择每个文档的最佳预览方案，保证用户体验和性能都达到最佳状态 安装 docx文档预览组件 npm install @vue-office/docx v
# 广告悬浮框移动效果
摘要：
广告悬浮框移动效果 moveWrap() { var max_left = document.documentElement.clientWidth - this.wrapInfo.offsetWidth; var max_top = document.documentElement.clientH
vue升序降序按钮功能实现
摘要：
需求：默认升序，悬浮按钮变色，点击按钮下标跟随变化。 html <div class="right" @click="change(item,index)" v-for="(item, index) in btnList" :key="index">{{item.lable}} <div class
js 判断数字的六种方法
摘要：
1、使用正则表达式判断是否为数字 正则表达式是一种强大的工具，可以用于判断字符串是否符合特定的模式。在JS中，通过正则表达式可以判断一个字符串是否为数字。 以下是一个简单的正则表达式，用于判断一个字符串是否为十进制数字： let reg = /^[0-9]+$/; console.log(reg.t
记录一下vue如何全局引入scss变量
摘要：
开始 首先一些普通的css，可以在App.vue中引入 然后项目中会经常用到一些功能型的scss，比如mixin，和函数等，这个时候在main.js 和app.vue 是无效的。 首先查看自己的 sass和sass-loader版本，注意sass-loader的安装版本,如果是v8的版本使用prep
js将数字转换为对应的中文数字
摘要：
/** * 将数字转换为中文 * @param {} num * @returns */ export const changeNumToHan = (num) => { var arr1 = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'] va
node 实现socket通信
摘要：
socket 通信流程 Socket通信，首先要知道 Socket 是什么，就是网络上的两个程序通过一个双向的通信连接实现数据的交换，这个连接的一端被称为 socket ，举一个简单的例子就是两个人在线上进行聊天，即线上通信，那么socket通信的流程具体是怎样的？下面通过一张图来了解 socket
Vue日历插件
摘要：
<template> <div class="page"> <div class="calendar"> <div style=" display: flex; justify-content: space-between; align-items: center; border: 1px soli
