最近一直忙着检查点测试平台的开发。之前主要是从事后端开发，现在所有的东西都需要自己一个人撸。也遇到了之前在后端服务开发中未碰到的问题，在此记录下解决的全过程。 前端采用vue + element的技术，开发完成后生成静态文件扔到nginx服务器上。后端用python的flask，完成之后放到gunicorn中。两个单独开发到没有什么太大问题，问题就出在将两个合在一起的时。 第一次合并的时候
Vue3 Diff 算法与key先来看看官方的解释
key属性主要用在Vue的虚拟DOM算法，在新旧nodes对比时辨识VNodes；如果不使用Key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法；而使用key时，它会基于key的变化重新排列元素顺序，并且会移除/销毁key不存在的元素；官方的解释对于初学者来说并不好理解，比如下面的问题：什么是新旧nodes
转载
2024-01-21 08:31:59
132阅读
前言
在学习vue中的nextTick的时候，发现$nextTick和Promise.then在不同情况下执行顺序不一样一、正文先说结论，在vue2中，当发生dom更新的时候，$nextTick回调会在下一个事件循环的微任务阶段优先执行。这意味着，在发生 DOM 更新的情况下，$nextTick会在其他微任务之前执行，比如下面这段代码：<!DOCTYPE html>
<h
第十一集：这是一个普通的抽离组件的思想，但是现在插槽的用法有所改变了，要在template里加v-slot了，这个稍微改一下就好了。 第十二集:这个swiper组件改版以后小圆点不见了，这个不必纠结，以后有空了可以研究源码或者自己写一个，这个不是什么大问题。 第十三集：这里也是拆分组件，有个需要注意的是图片（star）的路径要改一下，…改成.,因为目录改变了。 第十四集：好家伙，这还要学mong
先附一张官网上的vue实例的生命周期图，每个Vue实例在被创建的时候都需要经过一系列的初始化过程，例如需要设置数据监听，编译模板，将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数(回调函数)，这给了用户在不同阶段添加自己代码的机会。1、vue的生命周期图在vue实例的整个生命周期的各个阶段，会提供不同的钩子函数以供我们进行不同的操作。先列出vue官网
转载
2024-09-11 09:53:10
123阅读
# Vue 3 和 Yarn 命令的执行
在现代前端开发中，Vue.js 作为一个流行的框架，得到了广泛的应用。结合包管理工具 Yarn，开发者可以更高效地管理项目依赖。本文将介绍如何在 Vue 3 项目中使用 Yarn 命令，并通过代码示例和类图进行阐述。
## 什么是 Vue 3？
Vue 3 是 Vue.js 的最新版本，相比于 Vue 2，它在性能和功能上都有了显著的提升。新的组合式
# 如何将 Vue 3 与 Python 后端结合起来
在现代Web开发中，前端与后端的结合是非常重要的技能。Vue.js 是一个流行的前端框架，而 Python 作为后端开发语言，尤其常用的框架是 Flask 和 Django。本篇文章将指导你如何将 Vue 3 与 Python（Flask）结合，实现一个简单的全栈应用。我们将分步骤进行讲解，并附上每一步需要使用的代码。
## 流程概述
vue的单页面应用访问速度一般情况下已经很快了，不过对于比较复杂的页面首次打开的时候会很慢，慢的原因呢主要涉及如下两个方面：1、dom元素较多，首次打开时需要进行太多的渲染和判断，而这些渲染和判断大多数往往都不是首次打开页面时需要消耗的。2、多数首次不显示的的dom元素，或者子组件加载时会调用ajax请求加载数据，这时候首次加载的请求可能有5个、10个甚至更多，这时候并发请求就会带来竞争，首次加载
转载
2024-03-28 16:37:56
369阅读
一、dist文件夹这个文件夹中，一般是执行npm run build命令后，打包生成的前端项目；前端项目发版时，就是把dist中的文件上传到nginx服务器的指定文件夹中即可。二、node_modules文件夹这个文件夹中，一般是执行npm install命令后，从网上下载到的本vue项目需要的相关依赖文件，启动vue项目或打包vue项目都会用到。与java对比的话，感觉就像是依赖用到的jar包。
转载
2024-03-29 07:36:59
277阅读
目录1. 运用着色器编写图案2.着色器实现动画绘图3.着色器实现圆环扩散效果4.着色器实现雷达图效果1. 运用着色器编写图案1）挤出一个盒子const extrudePolygon = new Cesium.PolygonGeometry({
polygonHierarchy: new Cesium.PolygonHierarchy(
Cesium.Cartesian3.fro
转载
2023-11-22 23:41:04
48阅读
一.列表渲染v-for真实开发中，往往会从服务器中拿到一组数据，并且需要对其进行渲染，这个时候可以使用v-for完成。1.v-for的基本使用1）基本格式：“item in 数组”数组通常是来自data或者prop，也可以是其他方式；item是给每一项元素起的别名，这个别名可以自己来定义。如果索引的话，可以使用格式 (item,index) in 数组，但是也注意顺序，index要在数组元素项的后
转载
2024-09-20 18:45:32
53阅读
# 实现 Vue 3 中同时执行多个 Axios 请求的指南
在现代前端开发中，我们常常需要同时发起多个网络请求，以获取所需的数据。在这篇文章中，我们将介绍如何在 Vue 3 中使用 Axios 执行多个请求，并逐步帮助你实现这一功能。
## 流程概述
在执行多个 Axios 请求时，整个流程可以简单分为以下几个步骤：
| 步骤编号 | 步骤名称 | 描述
在Vue中使用async函数async/await语法在生命周期钩子上使用async函数在methods中使用async函数源代码 async/await语法在ES7标准中新增了async和await关键字，作为处理异步请求的一种解决方案，实际上是一个语法糖，在ES6中已经可以用生成器语法完成同样的操作，但是async/await的出现使得用这样的方式处理异步请求更加简单和明白。下面是MDN上使
转载
2024-10-20 11:23:57
135阅读
## 实现"vue3 axios结束再执行"的方法
### 1. 流程图
```mermaid
flowchart TD
A[发送请求] --> B[axios发送请求]
B --> C[请求结束后执行的操作]
```
### 2. 详细步骤
下面将详细介绍每一步需要做的事情以及对应的代码。
#### 2.1 发送请求
首先我们需要发送请求，可以使用`axios`库来进
原创
2023-09-01 05:37:08
456阅读
文章目录一、事件监听1. v-on2. v-on 修饰符二、条件判断1. v-if、v-else、v-else-if2. v-show三、循环1. 基于对象循环2. 基于数组循环3. 数字范围值循环四、双向绑定1. v-model2. v-model 修饰符 一、事件监听 1. v-on v-on 指令，用来给 DOM 绑定事件，并且触发时，执行 Vue 对象 中的自定义方法，其语法为 v-on
转载
2024-10-09 21:46:13
37阅读
严正声明！ 重要的事情说一遍，本文章仅供分享，文章和代码都是开源的，严禁以此牟利，严禁侵犯尚硅谷原作视频的任何权益，我知道学习编程的人各种各样的心思都有，但这不是你对开源社区侵权的理由！ 第16集：这一集老师啰嗦了一集，核心就两句话，一个是对axios的二次封装，还有一个是对promise结果再次封装使得其可以直接获取data，老师的代码应该是可以用的。这个写法只有get和post，不过不重要了，
转载
2023-11-11 23:10:03
50阅读
在开发中，可能会遇到两个或多个函数异步执行的情况，对于Vue中函数的异步函数执行做了一个小总结，如下：
异步执行使用async和await完成
created() {
this.init()
},
methods: {
async init(){
await this.getList1();
this.getList();
},
/
转载
2023-06-30 08:28:34
8阅读
# Python与Vue3的结合：开源项目指南
在现代开发中，前端和后端的分离是非常重要的趋势。Python作为一种强大的后端开发语言，结合Vue3这样强大的前端框架，可以实现高效、现代化的Web应用。本文将带你了解如何利用Python和Vue3构建一个简单的开源项目，并展示相关的代码示例、流程图和序列图。
## 1. 项目概述
我们的目标是构建一个简单的待办事项（Todo）应用。该应用将允
原创
2024-10-20 06:52:02
366阅读
看文档文档地址：Preparation for PWA
1.将PWA模式添加到我们的Quasar项目中：npx quasar mode add pwa我们看一下有哪些变化向Quasar项目添加PWA模式意味着将创建一个新文件夹：/src-pwa，其中包含PWA特定文件：.
└── src-pwa/
├── register-service-worker-dev.js # 应用代码**管
# Vue3 调用 Python 的科普文章
在现代 web 开发中，前后端分离的架构已成为一种常见的模式。前端通常使用如 Vue.js 等框架来构建用户界面，而后端则使用如 Python 等语言处理业务逻辑和数据。本文将探讨如何让 Vue3 调用 Python 后端的接口，并提供相关的代码示例以帮助您实现这一功能。
## 1. 系统架构
首先，我们需要了解整个系统的架构。在这个架构中，Vu
