当前位置：首页 > news >正文

vue2项目打包后js文件过大, 首次加载缓慢

news 来源：原创 2025/9/15 15:56:03

安装插件

npm i compression-webpack-plugin@6.1.1 -D

配置vue.config.js

const CompressionWebpackPlugin = require('compression-webpack-plugin')module.exports = {configureWebpack: {plugins:[new CompressionWebpackPlugin({filename: '[path][base].gz', //'[path].gz[query]',algorithm: 'gzip',test: /\.js$|\.json$|\.css/,threshold: 10240, // 只有大小大于该值的资源会被处理minRatio: 0.8, // 只有压缩率小于这个值的资源才会被处理// deleteOriginalAssets: true // 删除原文件})],},
}

后端配置nginx

http {include       mime.types;default_type  application/octet-stream;client_max_body_size 1024m;sendfile        on;keepalive_timeout  65;# 配置gzipgzip  on;gzip_min_length  1k;gzip_buffers     4 16k;gzip_http_version 1.1;gzip_comp_level 9;gzip_types       text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php application/javascript application/json;gzip_disable "MSIE [1-6]\.";gzip_vary on;server {listen       80;server_name  localhost;location / {root   html;index  index.html index.htm;}  }}

vue2项目打包后js文件过大, 首次加载缓慢

vue2项目打包后js文件过大, 首次加载缓慢安装插件 npm i compression-webpack-plugin6.1.1 -D配置vue.config.js const CompressionWebpackPlugin require(compression-webpack-plugin)module.exports {configureWebpack: {plugins:[new CompressionWebpackPlugin({filen…...

编程日记 2025/9/15 15:56:03

llama.cpp 一键运行本地大模型 - Windows

文章目录 llama.cpp 一键运行本地大模型 - Windows嘿，咱来唠唠 llama.cpp 这玩意儿！gguf 格式是啥？咱得好好说道说道基座模型咋选？所需物料，咱得准备齐全咯核心命令，得记牢啦运行方式咋选？测试应…...

编程日记 2025/9/15 8:08:00

Android 老项目 jcenter 库失效

最近重新维护了一些老项目发现大部分jcenter库失效了， Could not resolve com.xx:2.1.3. 如果你也遇到了，不妨试试替换为 aliyun的jcenter服务，就不用一个个找代替库了。 project 下的 build.gradle 文件添加： maven { url htt…...

编程日记 2025/9/8 1:25:09

MyBatis简明教程

MyBatis 是一个用于简化数据库操作的持久层框架，它的核心思想是将 SQL 与 Java 代码解耦，让开发者专注于 SQL 的编写，同时自动处理重复的数据库操作步骤。一、核心思想：SQL 与 Java 解耦传统 JDBC 需要开发者手动管理数据库连…...

编程日记 2025/9/15 15:52:15

【Golang 面试题】每日 3 题（六十八）

✍个人博客：Pandaconda-CSDN博客 📣专栏地址：http://t.csdnimg.cn/UWz06 📚专栏简介：在这个专栏中，我将会分享 Golang 面试中常见的面试题给大家~ ❤️如果有收获的话，欢迎点赞👍收藏…...

编程日记 2025/9/15 15:55:32

DeepSeek个人知识库

deepseek构建个人知识库安装软件链接 : 安装链接先在本地把deepseek跑起来，本地部署deepseek见前文链接: 本地部署ollama # 目前软件只支持1.5b小模型，将就着用 ollama run deepseek-r1:1.5b等服务器启动后开启软件上传文件输入消息 &#xff08…...

编程日记 2025/9/15 15:47:16

力扣练习之字符串的最大公因子

使用语言：c 题目： 对于字符串 s 和 t，只有在 s t t t ... t t（t 自身连接 1 次或多次）时，我们才认定 “t 能除尽 s”。给定两个字符串 str1 和 str2 。返回最长字符串 x，要求满足 x 能…...

编程日记 2025/9/15 15:49:38

姿态矩阵/旋转矩阵/反对称阵

物理意义，端点矢量角速率叉乘本身向量； 负号是动系b看固定系i是相反的； 一个固定在惯性导航解算中，旋转矢量的叉乘用于描述姿态矩阵的微分方程。你提到的公式中， ω i b b \boldsymbol{\omega}_{ib}^b \times ωibb…...

编程日记 2025/9/12 16:05:49

项目一 - 任务3：搭建Java集成开发环境IntelliJ IDEA

通过本次实战，我们成功搭建了Java集成开发环境IntelliJ IDEA，并完成了多个任务。首先，安装了IntelliJ IDEA并进行了个性化设置，如选择主题、调整字体和编码等。接着，创建了Java项目、包和类，编写并运行了简…...

编程日记 2025/9/11 21:35:02

C++的类型转换

目录一、隐式类型转换的触发场景 1.基本数据类型间的转换 i.提升转换 ii.截断转换 2.类与对象的转换 i.单参数构造函数 ii.类型转换运算符 3.继承体系中的指针/引用转换向上转型二、隐式转换的风险与问题 1.意外行为 2.二义性错误 3.性能损耗三、C强制类型转…...

编程日记 2025/9/10 21:29:00

嵌入式项目：STM32刷卡指纹智能门禁系统

本文详细介绍基于STM32的刷卡指纹智能门禁系统。获取资料/指导答疑/技术交流/选题/帮助，请点链接： https://gitee.com/zengzhaorong/share_contact/blob/master/stm32.txt 1 系统功能 1.1 功能概述本系统由STM32硬件端（下位机）…...

编程日记 2025/9/9 0:53:35

DeepSeek基础之机器学习

文章目录一、核心概念总结（一）机器学习基本定义（二）基本术语（三）假设空间（四）归纳偏好（五）“没有免费的午餐”定理（NFL 定理） 二、重…...

编程日记 2025/9/14 13:30:42

Docker 搭建 Nginx 服务器

系列文章目录 Docker 搭建 Nginx 服务器系列文章目录前言一、准备工作二、设置 Nginx 容器的目录结构三、启动一个临时的 Nginx 容器来复制配置文件四、复制 Nginx 配置文件到本地目录五、删除临时 Nginx 容器六、创建并运行 Nginx 容器，挂载本地目录七、修改 ngin…...

编程日记 2025/9/14 18:17:23

【Docker基础】理解 Docker：本质、性质、架构与核心组件

文章目录 Docker 本质Docker 的引擎迭代Docker 和虚拟机的区别Docker 为什么比虚拟机资源利用率高，速度快？Docker 和 JVM 虚拟化的区别Docker 版本1. LXC (Linux Containers)2. libcontainer3. Moby4. docker-ce5. docker-ee总结： Docker 架构…...

编程日记 2025/9/14 7:38:40

QT：QLinearGradient、QRadialGradient、QConicalGradient

QLinearGradient QLinearGradient 是 Qt 框架中用于创建线性渐变的类，它允许在图形绘制中实现颜色沿着一条直线的平滑过渡效果。以下是关于 QLinearGradient 的详细介绍： 基本概念：线性渐变是指颜色从一个点（起始点）沿…...

编程日记 2025/9/11 8:26:52

MySql：Authentication plugin ‘caching sha2 password‘ cannot be loaded

报错问题解释在 MySQL 数据库中，如果你尝试使用 caching_sha2_password 插件进行认证，但是遇到错误信息 "Authentication plugin caching sha2 password cannot be loaded"，这通常意味着客户端库或者连接器不兼容或者没有正确配置…...

编程日记 2025/9/11 4:52:14

c++类知识点复习与总结

类 c 是一种人机交互的面向对象的编程语言，面向对象思想主要体现在类上。类是具有相同属性和相同行为的对象的集合， 具有封装，继承，多态的特性。类的定义 class 类名 { }； 封装例如：人就是一种类…...

编程日记 2025/9/10 7:58:14

Redis快速入门

一、Redis介绍 Redis 是一个开源（BSD许可）的，内存中的数据结构存储系统，它可以用作数据库、缓存和消息中间件。它支持多种类型的数据结构，如字符串（strings），散列（has…...

编程日记 2025/9/14 16:16:35

嵌入式开发：傅里叶变换（5）：STM32和Matlab联调验证FFT

目录 1. MATLAB获取 STM32 的原始数据 2. 将数据上传到电脑 3. MATLAB 接收数据并验证 STM32进行傅里叶代码结果分析 STM32 和 MATLAB 联调是嵌入式开发中常见的工作流程，通常目的是将 STM32 采集的数据或控制信号传输到 MATLAB 中进行实时处理、分析和可视化…...

编程日记 2025/9/13 18:12:21

LLM/VLM进行票据识别工作

票据识别任务的需求是给定不同类型的票据图像，提取出指定的字段值，以json格式给出结构化信息。目前的范式包括OCR，OCRLLM, OCRVLM，VLM四种方法。一、OCR 利用OCR技术进行图像文字识别。例如：https://github.c…...

编程日记 2025/9/12 4:00:06

AWS SDK for Java 1.x 403问题解决方法和原因

问题表现使用AWS SDK for Java 1.x访问S3，已经确认文件存在，且具有权限，仍然出现403 Forbidden应答。解决方法升级到AWS SDK for Java 2.x。问题原因 AWS签名机制严格依赖请求的精确路径格式，任何URI的差异（如…...

编程日记 2025/9/11 12:32:40

Spring Boot 项目中，JDK 动态代理和 CGLIB 动态代理的使用

在 Spring Boot 项目中，JDK 动态代理和 CGLIB 动态代理都是实现 AOP (面向切面编程) 的重要技术。它们的主要区别在于代理对象的生成方式和适用范围。下面详细介绍它们的使用场景： 1. JDK 动态代理 (JDK Dynamic Proxy) 原理： JDK 动态代理…...

编程日记 2025/9/8 16:59:18

蓝桥杯备赛-精卫填海-DP

精卫终于快把东海填平了！只剩下了最后的一小片区域了。同时，西山上的木石也已经不多了。精卫能把东海填平吗？ 事实上，东海未填平的区域还需要至少体积为 v 的木石才可以填平，而西山上的木石还剩下 n 块，每块…...

编程日记 2025/9/10 20:14:30

萌新学 Python 之闭包函数

闭包函数：在一个函数体内嵌套函数，是一个函数对象，允许在内部函数中修改或引用外部函数的变量闭包函数对数据有封存功能闭包函数需要满足以下几个条件： 1.函数必须有一个嵌套函数，在定义函数时，内部再…...

编程日记 2025/9/14 1:47:15

AI创作教程：用deepseek和猫箱做互动故事游戏

年轻的时候我看过典型的玛丽苏文学、小妞文学，老了虽然识破这是给女孩编织的琉璃般的梦，看起来梦幻美丽其实一击就碎，会伤人的碎渣渣。【叠甲完毕】本来我想用橙光的，但是橙光的话，最好把剧本和立绘都多打磨一下。快…...

编程日记 2025/9/8 6:24:56

【Linux探索学习】第三十一弹——线程互斥与同步（下）：深入理解确保线程安全的机制

线程互斥与同步（上）：【Linux探索学习】第三十弹——线程互斥与同步（上）：深入理解线程保证安全的机制-CSDN博客 Linux探索学习： https://blog.csdn.net/2301_80220607/category_12805278.html?…...

编程日记 2025/9/14 0:31:45

博客系统完整开发流程

前言通过前⾯课程的学习, 我们掌握了Spring框架和MyBatis的基本使用, 并完成了图书管理系统的常规功能开发, 接下来我们系统的从0到1完成⼀个项⽬的开发. 企业开发的流程 1. 需求评审(产品经理(PM)会和运营(想口号),UI,测试,开发等沟通) ,会涉及到背景/目标/怎么做,可能会有多…...

编程日记 2025/9/14 12:24:50

【C++】面试常问八股

5、内存管理野指针野指针指的是未进行初始化或未清零的指针，不是NULL指针野指针产生原因及解决方案： 指针变量未初始化：指针变量定义时若未初始化，则其指向的地址是随机的，不为NULL；定义时初始化为NULL…...

编程日记 2025/9/13 22:02:19

自定义提交按钮触发avue-form绑定的submit事件

场景使用avue-form时，提交按钮会绑定至form区域下方，如果想自定义按钮位置，需要通过dialog的footer位置进行编写，例如： <avue-form ref"form" v-model"dataInfo" :option"dataInfoOpti…...

编程日记 2025/9/14 20:13:44

HarmonyOS 无线调试

下载sdk 找到hdc位置> C:\Users\27638\AppData\Local\OpenHarmony\Sdk\14\toolchains 不要去DevEco Studio的窗口不知道为什么调不动 hdc tconn IP:PORT...

编程日记 2025/8/16 11:17:02

Android之APP更新(通过接口更新)

文章目录前言一、效果图二、实现步骤1.AndroidManifest权限申请2.activity实现3.有版本更新弹框UpdateappUtilDialog4.下载弹框DownloadAppUtils5.弹框背景图总结前言对于做Android的朋友来说，APP更新功能再常见不过了，因为平台更新审核时间较长&am…...

编程日记 2025/9/13 11:52:18

二、大模型微调技术栈全解析

大模型微调技术栈全解析：从微调方法到算力支撑在大模型的领域中，微调（Fine-tuning）就像是为模型量身定制的高级裁缝服务，能够让通用的大模型更好地适应特定的任务和场景。而要完成这项精细的工作，需要一整…...

编程日记 2025/9/12 22:21:10

设置 C++ 开发环境

设置 C++ 开发环境 C++ 是一种通用编程语言，现在广泛用于竞争性编程。它具有命令式、面向对象的和通用编程功能。 C++ 可以在许多平台上运行，如 Windows、Linux、Unix、Mac 等。在我们开始使用 C++ 编程之前。我们需要在本地计算机上设置一个环境，以便成功编译和运行我们的…...

编程日记 2025/9/11 21:48:57

计算机基础知识

1、RAM和ROM RAM：随机存取存储器，也叫做主存。是与CPU直接交换数据的内部存储器。这种存储器在断电时将丢失其数据，故主要用于短时间使用的程序。 ROM：即只读存储，是一种只能读出事先所存数据的固态半导体存储器 2、…...

编程日记 2025/9/14 1:47:18

蓝桥杯——按键

一：按键得原理图二：按键的代码配置 step1 按键原理图对应引脚配置为输入状态 step2 在GPIO中将对应引脚设置为上拉模式 step3 在fun.c中写按键扫描函数写完后的扫描函数需放在主函数中不断扫描扫描函数主要通过两个定义变量的值来判断&#xf…...

编程日记 2025/9/12 7:28:25

Zemax OpticStudio 中的扩散器建模

在 Zemax OpticStudio 中构建漫射器涉及创建散射或漫射光的表面或物体。以下是有关如何在 Zemax OpticStudio 中创建漫射器的一般指南： 转到非序列模式 (NSC) 选项卡。NSC 对于模拟与物体而非表面相互作用的非序列射线很有用。在需要散光器的位置创建新对象。对象…...

编程日记 2025/9/12 3:27:48

网络安全防御：蓝队重保备战与应急溯源深度解析

课程目标本课程旨在培养专业的网络安全蓝队成员，通过系统化的学习和实战演练，使学员能够掌握网络安全防御的核心技能，包括资产测绘、应急响应、系统安全应急溯源分析、网络层溯源分析以及综合攻防演练等。学员将能够熟练运用各种工具和技术…...

编程日记 2025/9/14 8:14:27

MySQL 和 Elasticsearch 之间的数据同步

MySQL 和 Elasticsearch 之间的数据同步是常见的需求，通常用于将结构化数据从关系型数据库同步到 Elasticsearch 以实现高效的全文搜索、聚合分析和实时查询。以下是几种常用的同步方案及其实现方法： 1. 应用层双写（双写模式） 原…...

编程日记 2025/9/15 11:13:00

【深度学习】矩阵的核心问题解析

一、基础问题 1. 如何实现两个矩阵的乘法？ 问题描述：给定两个矩阵 A A A和 B B B，编写代码实现矩阵乘法。解法： 使用三重循环实现标准矩阵乘法。或者使用 NumPy 的 dot 方法进行高效计算。 def matrix_multiply(A, B):m, n …...

编程日记 2025/9/9 13:06:32

汽车开放系统架构（AUTOSAR）中运行时环境（RTE）生成过程剖析

一、引言在当今高度智能化的汽车电子领域，软件系统的复杂性呈指数级增长。为了应对这一挑战，汽车开放系统架构（AUTOSAR）应运而生，它为汽车电子软件开发提供了标准化的分层架构和开发方法。其中，运行时环境…...

编程日记 2025/9/14 13:25:26

VC++零基础入门之系列教程【附录E MFC快速参考指南】

附录E MFC快速参考指南 E.1 创建窗口使用M F C CWnd wnd; W n d . C r e a t e E x ( E xSt y l e , C l a s s N a m e , Wi n d o w N a m e , S t y l e , x , y, Wi d t h , H e i g h t , P a r e n t , M e n u , P a r a m ) ; 使用A P I HWND hwnd=::CreateWi n d …...

编程日记 2025/9/14 1:47:21

Holoens2开发报错记录02_通过主机获取彩色和深度数据流常见错误

01.E1696 E1696 无法打开源文件 “stdio.h” 解决方法： 更新一下SDK 1）打开Visual Studio Installer，点击修改 2）安装详细信息中自己系统对应的SDK，点击修改即可 02.WinError 10060 方法来源解决方法&#xff1a…...

编程日记 2025/9/9 14:29:38

粉色和紫色渐变壁纸怎么设计？

粉色和紫色的渐变壁纸设计可以打造极为浪漫的氛围，这两种颜色的搭配极具梦幻感与浪漫气息，常被用于各种浪漫主题的设计之中。以下是关于粉色和紫色渐变壁纸的设计方法： 一、渐变方向设计横向渐变：从画面左侧的粉色过渡到右侧的紫…...

编程日记 2025/9/12 22:34:13

maven Problem shading JAR的几个解决方案

1 现象 Error creating shaded jar: Problem shading JAR ：xxxxxx.jar entry META-INF/versions/11/com/fasterxml/jackson/core/io/doubleparser/BigSignificand.class: java.lang.IllegalArgumentException -> [Help 1] 2 原因这个问题通常是由于 maven-s…...

编程日记 2025/9/11 19:47:21

前缀和代码解析

前缀和是指数组一定范围的数的总和,常见的有两种,一维和二维,我会用两道题来分别解析一维 DP34 【模板】前缀和题目: 题目解析: 暴力解法直接遍历数组,遍历到下标为 l 时,开始进行相加,直到遍历到下标为 r ,最后返回总和.这样做的时间复杂度为: O(n) public class Main …...

编程日记 2025/9/9 21:09:59

CaffeineCache自定义缓存时间

文章目录 1、POM文件依赖2、声明缓存3、缓存使用4、测试缓存5、自定义缓存过期时间6、测试自定义超时时间 1、POM文件依赖 <dependency><groupId>com.github.ben-manes.caffeine</groupId><artifactId>caffeine</artifactId><version>3.1…...

编程日记 2025/9/10 8:05:45

keil中出现Error_Handler错误的解决方法

这个错误表明在代码中使用了 Error_Handler 函数但未定义。以下是完整的修复方案： 步骤 1：在 main.h 中添加函数声明 /* main.h */ void Error_Handler(void);步骤 2：在 main.c 中完善错误处理函数 /* main.c */ void Error_Handler(void) …...

编程日记 2025/9/14 21:54:45

low rank decomposition如何用于矩阵的分解

1. 什么是矩阵分解和低秩分解矩阵分解是将一个矩阵表示为若干结构更简单或具有特定性质的矩阵的组合或乘积的过程。低秩分解（Low Rank Decomposition）是其中一种方法，旨在将原矩阵近似为两个或多个秩较低的矩阵的乘积，从而降低复…...

编程日记 2025/9/15 13:49:10

Cesium@1.126.0,创建3D瓦片，修改样式

第一步：添加3D建筑 Cesium.createOsmBuildingsAsync()这是一个异步方法，所以要写在一个异步函数里创建一个函数 const create3DBuilding async (viewer) > {try {// 添加3D建筑const tileset await Cesium.createOsmBuildingsAsync();viewer.scen…...

编程日记 2025/9/13 4:54:38

MFC学习笔记-1

一、编辑框和按钮 //.h文件private:CString str;//给窗口类加了一个变量（定义一个成员变量），关联到IDC_EDIT1中（要在实现中关联，源文件文件夹中）CString str2;//接收button2，和IDC_EDIT2绑定 p…...

编程日记 2025/8/28 1:50:11

相关文章：