1、前提（1）全局node版本为16，jenkins需要新增一个node14用于打包vue项目，不可影响历史安装的node16使用， 已建立node16软链接在/usr/local/bin目录下。 （2）服务器使用cnpm报错 [npminstall:get] retry GET … ConnectTimeoutError: Connect Timeout Error, status: -1, h
转载
2024-04-16 19:39:18
248阅读
# 解决Vue Axios请求慢的问题
在使用Vue.js进行开发的过程中，经常会使用到Axios来发送网络请求。然而，有时候会遇到请求变得很慢的情况。这可能是由于服务器响应速度慢、网络延迟等原因引起的。本文将介绍一些常见的导致Vue Axios请求慢的原因，并提供一些解决方法。
## 常见原因
1. **服务器响应速度慢**：如果服务器处理请求的时间过长，就会导致前端请求变慢。
2. **
原创
2024-03-13 06:21:18
584阅读
# Android应用中使用Vue.js的性能优化：提高加载速度的指南
在移动应用开发中，使用Vue.js这一现代JavaScript框架构建Android应用已经成为一种潮流。尽管Vue.js具有简单易用的API和强大的功能，但在性能方面，尤其是加载速度，可能会让开发者感到困惑。本文将探讨如何优化Android中使用Vue.js的应用性能，并提供代码示例，以帮助开发者提高加载速度。
## 1
原创
2024-09-14 05:22:10
50阅读
1，去掉编译文件中map文件。在编译好后，我们会看到文件夹下有特别多的.map文件，这些文件主要是帮助我们线上调试代码，查看样式。所以为了避免部署包过大，通常都不生成这些文件。在 config/index.js 文件中将productionSourceMap 的值设置为false. 再次打包就可以看到项目文件中已经没有map文件 （文件大小 35MB-->10.5MB）
转载
2020-04-27 13:15:00
1026阅读
2评论
写在最前面拥有全球数据库国内好像就只有百度地图有，高德、搜狗、腾讯的都不行，但是由于百度地图的数据更新不及时，所以在做相关项目要用到国外数据的时候，最好还是推荐使用bingMap。bing Map 使用教程（基础）参考文档： bing Map 官方教程bing Map 初始化引入bing map资源<script type='text/javascript' src='http://ww
问题描述：最近开发了一个单页应用，上线后发现页面初始加载要20s才能完成，这就很影响用户体验了，于是分析原因，发现页面加载时有个vendor.js达到了3000多kb，于是在网上查找了一下原因，是因为我打包的时候把所有第三方依赖都打包放进去了；要怎么分离出去呢，看下面步骤： 一、解决打包后vendor.js 很大，导致上线后页面首次加载速度异常慢：vue-cli npm run
转载
2023-10-31 16:08:48
113阅读
```markdown
在使用 Vue 的项目中，常常会碰上 `yarn install` 速度缓慢的问题。这会直接影响到开发效率，尤其是在依赖较多的项目中。为了更好地解决这个问题，本文将从环境配置、编译过程到参数调优、定制开发、性能对比和错误集锦等多个角度进行系统性的分析和分享经验。
## 环境配置
下面是我的开发环境配置，通过思维导图的形式展示，可以看到我所使用的各个工具和版本。
```
# Vue与jQuery的性能对比：Vue为什么会比jQuery响应慢？
在前端开发中，jQuery和Vue是非常流行的JavaScript库和框架。jQuery以其简便的DOM操作和快速的开发周期成为了许多项目的首选；而Vue.js作为现代前端框架之一，提供了更为强大和灵活的数据绑定与组件化开发模式。那么，为什么在某些情况下Vue会比jQuery响应慢呢？本文将深入探讨这一现象，并提供相应代码
导致加载慢的原因：网络延时问题资源文件体积是否过大资源是否重复发送请求去加载了加载脚本的时候，渲染内容堵塞了解决方案：减小入口文件积（路由懒加载）UI框架按需加载图片资源的压缩组件避免重复打包开启GZip压缩（配置本地config，和服务器的nginx）一、安装webpack-bundle-analyzer打包文件分析工具webpack-bundle-analyzer是webpack的插件，需要配
转载
2023-10-12 21:14:08
371阅读
Jenkins在linux上的安装教程：http://www.ityouknow.com/springboot/2017/11/11/springboot-jenkins.html 另外，关于在windows上的安装请自行百度... 下面贴下Jenkins构建前端Vue项目的配置： 新建任务：点击左上角的 新建任务 Gener
转载
2024-04-24 11:13:46
51阅读
目录前言一、优化静态资源二、vue项目打包体积优化1.路由懒加载2.抽离第三方js库3.小结三、代码优化1.减少页面的重排和重绘2.多设置key值四、服务器优化1.nginx服务器开启gzip文件压缩2.nginx服务器开启http2五、总结 前言最近在腾讯云上面买了一个服务器，准备把最近写好的一个vue项目打包部署上去，然后直接npm run build,把它往nginx上面一扔，然后直接访问
转载
2024-04-10 11:20:39
318阅读
# Android加载本地Vue项目慢的原因及解决方案
在Android开发中，加载本地的Vue项目时，开发者常常会遇到加载速度较慢的问题。这不仅影响了应用的用户体验，还可能影响开发的效率。本文将探讨导致该现象的原因，并提供解决方案，配合代码示例、状态图和甘特图来辅助说明。
## 一、问题分析
首先，我们需要了解，Android加载本地Vue项目慢的原因主要有以下几个方面：
1. **资源
首先明确是什么导致加载很慢。查看控制台Network，找到加载时长很长的文件。这些文件都是npm run build编译之后生成的，加载慢一是因为网络慢，这个我们不考虑，另一个是文件过大。那么我们就要想办法压缩文件。 在讨论压缩方式之前，我们先介绍一种可以查看各部分文件大小及编译后文件大小的方法。 使用webpack-
转载
2024-03-13 12:21:29
214阅读
# 使用 Vue 和 Axios 实现数据请求的完整流程
## 1. 引言
在现代 web 开发中，使用 Vue 和 Axios 进行数据请求是一项基本技能。然而，许多初学者在处理请求返回数据时可能会遇到“数据慢”的问题。本文将详细说明如何实现 Vue 和 Axios 请求的数据以及影响其速度的因素，并提供相应的解决方案。
## 2. 流程概述
实现 Vue 和 Axios 数据请求的一般
以前 不使用自动化很浪费效率 提交git，上传代码，连接服务器，重新服务等。。。 现在 Jenkins点一下即可当前环境 window Jenkins点一下，服务器代码自动部署 linux 前端服务（Vue），后端服务（Express）1.安装Jenkins https://www.jenkins.io/download/安装无脑下一步 中间一步需要一个JavaJDK下载连接1下载连接2提取码：o
第一次打包vue的项目部署到tomcat服务器下时，发现初次加载特别的缓慢，将近20s页面才加载出来，完全没有开发环境上的那么流畅。主要原因是页面在打包后如果不进行相关配置会导致资源文件特别的大，一次想要全部加载完成会特别的耗时。这里简单总结一下自己用到的一些优化的方案。首先我们可以安装webpack-bundle-analyzer 插件，通过这个插件我们可以在打包的时候看到打包文件的
转载
2023-07-17 16:43:07
249阅读
最近一段时间使用react + typeScript开发新对项目，说实话体验不是很好一是可能由于之前一直使用vue + js，对比react两个框架还是有明显差别对二是可能一次性接受太多的新知识，消化不完，react + typeScript做图片处理项目，很多图片图形处理在前端完成所以大家新项目做技术选型的时候还是要慎重一些，一次改变太大并不利于新项目的开发，因此可以现在不重要的模块或者项目中尝
转载
2024-01-25 21:07:20
35阅读
npm build 打包前端项目实际上是执行 node build/build.js，但是随着项目的依赖包越来越多，项目打包时间不断延长，为了改善这个问题，需要从node入手暂时解决方案：扩大node运行程序的内存，经本人测试(项目和机器固定)2G：308.11s
4G：284.96s
6G：280.94s
8G：277.63s
10G：277.86s
因此看出设定为8G差不多，因为再往
转载
2024-02-29 11:30:23
180阅读
实现目标本地push代码到GitHub，Webhook自动触发jenkins上的构建动作,完成安装node插件并且打包，然后通过Publish Over SSH插件，将打包出来的文件，部署到目标服务器上。前期准备github 账号和项目centos 服务器;服务器安装 Java SDK;服务器安装 nginx + 启动；服务器安装jenkins + 启动；jenkins介绍Jenkins是开源的,
转载
2024-03-26 15:27:39
133阅读
前言最近用iview-admin做后台管理系统，遇到了个问题，列表页面点击进入详情页面编辑，编辑完成自动跳转到列表页，需要页面重新刷新请求列表（后管就是这么简单粗暴），然并卵~，再次回到列表页页面不会重新刷新；问题很好解决，因为iview-admin的路由设置会默认缓存页面notCache:false,因此我直接设置notCache:true就ok了，页面可以重新刷新。但是我觉得这个问题简单也不简
转载
2023-09-25 06:42:16
461阅读
点赞
