1、路由懒加载，这个基本上每个项目必须。 2、Ui框架按需引入，也就是要用哪些组件引入哪些组件 3、关闭Map文件的生成，没关闭的vue项目打包后就会有很多的.map文件。这些文件主要是帮助我们线上调试代码，查看样式。脚手架2是在index.js。脚手架3就vue.config.js里面。将productionSourceMap 改为false。 4、使用cdnweb
转载
2023-12-20 01:05:01
42阅读
随着 vue3 的发布和越来越多项目的使用，之前使用 vue2 的项目也不能落下。虽然 vue3 具有一定的向下兼容性，但还是有一些破坏性的改动，并且 vue3 相较于 vue2 在运行效率和开发体验上有较好的提升。vue3 比较明显的一个变化就是添加了 setup(){} 函数，使得业务逻辑的复用性更强，代码组织更具有条理性。即使是这样，小改动还是很多的。 &
转载
2024-09-01 23:10:04
35阅读
**一、总结一下vue项目的总体结构以及vue项目常用的一些插件和一些项目技巧。** ** 从现在做的几个vue项目上来看，总的来说，一次比一次有进步，项目的结构一次比一次更清晰和更有层次化。这当然是从很多的开源项目上学习到的，从中学习到他们在宏观上是怎样去策划项目的架构的，从微观上他们是如何去编写优质
转载
2023-08-31 22:36:42
104阅读
# Vue 项目架构层面优化指南
在实际开发中，优化 Vue 项目的架构层面是非常必要的，这不仅可以提高项目的可维护性，还能提升开发效率和运行性能。本文将为你提供一个清晰的流程，并详细讲解每一步需要做的事情。如果你是刚入行的小白，掌握这些内容将为你以后的开发打下坚实的基础。
## 优化流程
以下是优化 Vue 项目的基本流程：
| 步骤 | 描述
原创
2024-08-12 04:03:52
68阅读
背景：电脑使用多年，一直使用vue 2.x版本，项目开发过程中由于一个模块涉及的集成模块过多，导致需要进行定义的变量越来越多，代码出现冗余，因此在同事的推动下，鉴于vue 3.x的优化，故对自己本来使用的vue 2.9.6升级到vue 3.0版本。那么如何升级呢，请查阅如下步骤：vue版本的升级主要步骤：一、首先需要卸载你之前的vue2.9.6 使用快捷键win+R，出来“运行”界面： 输入cmd
由于 webpack3升级后，新增了 Scope Hositing（作用域提升） 功能，据说是对 js的性能提升很大。因此，我们做了一个测试对比，就是 webpack3和 webpack1/2 的性能对比，如下：测试目标 &
转载
2024-06-01 21:10:13
40阅读
前面的话 本文将详细介绍从webpack3到webpack4的升级过程 概述 相比于webpack3，webpack4可以零配置运行，打包速度比之前提高了90%，可以直接到ES6的代码进行无用代码剔除，新增的optimization使用简单 在未来，CSS、HTMl和文件都会成为原生模块【0配置】 webpack4 设置了默认值，以便无配置启动项目 entry 默认值
转载
2024-07-10 09:14:49
84阅读
粒子特效： vue-particles nprogress 网页加载进度条 全局前置守卫 NProgress.start() 全局后置守卫 ：NProgress.done() 页面loding 单个页面加loading、阻止重复点击 通过element-ui的 Loading 加载（用户体验度最高的 ...
转载
2021-11-02 21:25:00
133阅读
2评论
通过nprogress添加进度条效果安装nprogress插件：依赖 》安装依赖 》运行依赖，搜索nprogress，安装配置progress在axios.js中引入
原创
2022-10-11 16:46:37
263阅读
最近总结了一下自己在项目中使用到的性能优化手段，这里主要从两个部分来详解vue项目的性能优化：代码层优化、webpack打包优化 一、代码优化 1、v-if 和 v-show v-if 是懒加载，当状态为 true 时才会加载，并且为 false 时不会占用布局空间； v-show 是无论状态是 t
转载
2020-11-17 12:12:00
492阅读
2评论
# Vue项目中如何升级jQuery
在现代前端开发中，Vue.js是一种流行的框架，能够让我们更高效地构建用户界面。然而，有时我们可能需要在Vue项目中集成jQuery，这是因为一些现有的库或插件依赖于jQuery。本文将介绍如何在Vue项目中升级jQuery，并提供简单的示例代码。
## 步骤一：安装jQuery
在Vue项目中使用jQuery的第一步是安装jQuery。你可以使用npm
原创
2024-09-10 04:48:19
36阅读
# Vue项目中的jQuery升级指南
在现代前端开发中，Vue.js的使用越来越普遍，而jQuery在某些情况下仍然会被用到。但随着项目的迭代和技术的进步，我强烈建议开发者将jQuery逐步替换为Vue内置特性，以提高项目的性能和维护性。接下来，我将为你详细说明如何在Vue项目中进行jQuery的升级。
## 整体流程
以下是进行jQuery升级的步骤：
| 步骤 | 说明 |
|---
# 如何将 Vue 项目升级到 JavaScript
在进行 Vue 项目的升级时，确保你掌握了升级的流程和每一步的实际操作是非常重要的。这篇文章旨在为刚入行的小白详细说明如何将 Vue 项目升级为 JavaScript，并提供相关代码示例和流程图。
## 升级流程
下面是升级 Vue 项目的总体流程：
| 步骤 | 描述 |
|------|------|
| 1 | 检查当前 V
## 升级Vue项目中的Axios
### 1. 概述
在Vue项目中，Axios是一个非常常用的HTTP库，用于发送异步请求和处理响应数据。当我们需要对Vue项目中的Axios库进行升级时，可以采取以下步骤。
### 2. 升级流程
下面是升级Vue项目中的Axios的步骤：
```mermaid
flowchart TD
A[创建新分支] --> B[升级Axios]
原创
2023-12-16 07:49:51
225阅读
关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，需要先通过命令行卸载npm uninstall vue-cli -g安装vue-cli（3.x）node的版本要求： Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+，我使用的是v8.12.0)。可以使用 nvm 在同一
转载
2023-12-18 20:54:44
104阅读
主流埋点方案 目前主流的埋点方案包括 代码埋点 可视化埋点 无埋点 一、代码埋点 在需要埋点的节点调用接口，携带数据上传。如百度统计等； 缺点 工作量较大，每一个组件的埋点都需要添加相应的代码，入侵业务代码，增加项目复杂度。 二、可视化埋点 通过可视化交互的手段，代替代码埋点。将业务代码和埋点代码分
转载
2020-10-03 18:04:00
325阅读
2评论
sidebar: auto sidebarDepth: 2项目优化为什么需要项目优化在互联网快速发展的今天，在实现完功能之后，项目优化是一个被经常提到的话题。很多项目会在开发排期中留大量时间去做一轮又一轮的性能优化，就是为了让页面尽可能早的到达用户，提高交互的流畅程度。在系统可利用系统资源有限的大背景下，3秒呈现内容的原则下，项目优化显得格外重要。每减少0.1秒加载速度可能会给你带来几百甚至几千的
转载
2024-08-26 11:34:12
41阅读
前言项目上线后其整体性能的优良是用户也是研发人员所关注的。项目优化非常重要，一丝一毫的提升都是对用户的负责。因此我们在开发中就应该注重细节，优化工作从日常开发做起。本篇文章就分享一些在日常开发中代码层面的优化手段。开发常用优化手段1、优先使用 v-ifv-if 和 v-show 都可以控制一个元素的显示与隐藏。区别是： v-if 是创建/销毁DOM来实现效果的；v-show 是通过 CSS 的 d
转载
2023-08-07 10:36:46
46阅读
## 架构升级功能点估算流程
为了实现架构升级功能点估算，我们可以按照以下步骤来进行：
流程图：
```mermaid
graph LR
A[开始] --> B[收集需求]
B -- 需求分析 --> C[确定升级功能点]
C -- 功能点估算 --> D[编写代码]
D -- 测试代码 --> E[发布升级]
E -- 验收升级 --> F[结束]
```
### 1. 收集需求
首先
原创
2023-10-31 07:17:48
21阅读
前言前段时间，公司准备在现有的 Vue2 项目中做一个聊天系统，但考虑开发聊天系统的周期并不短，客户又急需。于是准备对接腾讯的 IM 组件，来实现。不知道的这里贴个官网： IM TUIKit 官方文档对于 TUIKit，官方文档上有以下要求： 然而我们公司项目是使用 Vue2 版本的，这显然不符合要求。如果要对接，那么必然要升级项目为Vue3 版本。思考首先要明白，Vue2 升级 Vue3 能带来
