粒子 背景 效果vue
第四十三篇 vue - 进阶主题 - 渲染机制
渲染机制 Vue 是如何将一份模板转换为真实的 DOM 节点的，又是如何高效地更新这些节点的呢？我们接下来就将尝试通过深入研究 Vue 的内部渲染机制来解释这些问题 虚拟 DOM 你可能已经听说过“虚拟 DOM”的概念了，Vue 的渲染系统正是基于这个概念构建的 虚拟 DOM (Virtual DO ......
第四十二篇 vue - 进阶主题 - 深入响应式系统
响应式系统 Vue 最标志性的功能就是其低侵入性的响应式系统。组件状态都是由响应式的 JavaScript 对象组成的。当更改它们时，视图会随即自动更新。这让状态管理更加简单直观，但理解它是如何工作的也是很重要的，这可以帮助我们避免一些常见的陷阱。在本节中，我们将深入研究 Vue 响应性系统的一些底 ......
第四十四篇 vue - 进阶主题 - 渲染函数 & JSX
渲染函数 & JSX 在绝大多数情况下，Vue 推荐使用模板语法来创建应用。然而在某些使用场景下，我们真的需要用到 JavaScript 完全的编程能力。这时渲染函数就派上用场了 基本用法 1、创建 Vnodes Vue 提供了一个 h() 函数用于创建 vnodes import { h } fr ......
第四十一篇 vue - 进阶主题 - 组合式 API 常见问答
什么是组合式 API ？ 组合式 API (Composition API) 是一系列 API 的集合，使我们可以使用函数而不是声明选项的方式书写 Vue 组件。它是一个概括性的术语，涵盖了以下方面的 API 1、响应式 API 例如 ref() 和 reactive()，使我们可以直接创建响应式状 ......
基于SpringBoot+Vue+ElementUI的在线考试系统（可做毕设）
青云是一套麻雀虽小但五脏俱全的在线考试系统。
采用了目前主流的技术栈SpringBoot+Vue+ElementUI，并进行了前后端分离。
对于事务和锁都有应用，非常适合学习练手。 ......
直播电商平台开发，用el-checkout-group实现穿梭框el-transfer效果
直播电商平台开发，用el-checkout-group实现穿梭框el-transfer效果 一：页面构建 <el-form-item label="选择模块:" prop="pubTime"> <div class="app-select"> <div class="list"> <el-input ......
springboot +vue2.x实现音乐网站
1 pom文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance ......
基于PSO的最优路径优化仿真,带GUI界面,可以设置粒子数目,迭代次数,优化目标,输出最优解和最优路径
1.算法描述 PSO从这种模型中得到启示并用于解决优化问题。PSO中，每个优化问题的解都是搜索空间中的一只鸟。我们称之为“粒子”。所有的粒子都有一个由被优化的函数决定的适应值(fitnessvalue)，每个粒子还有一个速度决定他们飞翔的方向和距离。然后粒子们就追随当前的最优粒子在解空间中搜索。 粒 ......
【花雕学AI】4月5日，ChatGPT中国财经背景分析：昨天沪指重返3300点，这说明了什么？
附录：一、ChatGPT是一个可以和你聊天的人工智能程序，它可以用文字回答你的问题，也可以根据你的提示写出文章、歌词、代码等内容。ChatGPT是由一个叫OpenAI的机构开发的，它使用了一种叫做GPT的技术，这种技术可以让它从互联网上学习大量的文字信息，然后根据文字之间的关联性来生成新的文字。Ch ......
【花雕学AI】4月5日，ChatGPT新闻背景分析：马克龙和冯德莱恩组团访华
附录：一、ChatGPT是一个可以和你聊天的人工智能程序，它可以用文字回答你的问题，也可以根据你的提示写出文章、歌词、代码等内容。ChatGPT是由一个叫OpenAI的机构开发的，它使用了一种叫做GPT的技术，这种技术可以让它从互联网上学习大量的文字信息，然后根据文字之间的关联性来生成新的文字。Ch ......
第三十九篇 vue - 最佳实践 - 安全
报告漏洞 虽然很少发现新的漏洞，但我们仍建议始终使用最新版本的 Vue 及其官方配套库，以确保你的应用尽可能地安全。 首要规则：不要使用无法信赖的模板 使用 Vue 时最基本的安全规则就是不要将无法信赖的内容作为你的组件模板。使用无法信赖的模板相当于允许任意的 JavaScript 在你的应用中执行 ......
第三十八篇 vue - 最佳实践 - 性能优化
概述 Vue 在大多数常见场景下性能都是很优秀的，通常不需要手动优化。然而，总会有一些具有挑战性的场景需要进行针对性的微调。在本节中，我们将讨论用 Vue 开发的应用在性能方面该注意些什么 首先，让我们区分一下 web 应用性能的两个主要方面 1、页面加载性能 首次访问时，应用展示出内容与达到可交互 ......
vue+element-ui实现可编辑表格和表格展开收缩
一、实现可编辑表格 HTMl代码块 <el-row> <el-col :span="20"> <el-form-item label="添加入参" prop="paramsArray"> <el-button @click="addParams">新增</el-button> <el-table v ......
Vue3 前端传递字典格式会变味
axios .post('http://127.0.0.1:5000/'+modalAction.value+'_data',modalData.value,{headers:{'Content-Type':'application/json;charset=UTF-8'}}) .then(resp ......
Ren'Py学习笔记（二）转场效果
这是Ren'Py视觉小说引擎学习系列的第二篇文章。这个系列主要记录笔者在学习该引擎时的一些总结和感受。 本文的主题是转场（Transitions）。 什么是转场 转场用来在场景切换时提供特殊的效果。如果不使用任何转场，那么新的背景图和立绘将瞬间覆盖旧的场景，显得十分生硬。为了使场景过渡显得流畅自然， ......
vue数组和对象进行 watch 和 watchEffect 对比
const arr1 = ref([]); const arr2 = reactive([]); const obj1 = ref({}); const obj2 = reactive({}); watchEffect(() => { console.log("watchEffect arr1", ......
超详细！新手如何创建一个Vue项目
本篇仅以HBuilder X为例，其余开发软件同样适用
这里两种方法，使用script标签直接引入本地的vue.js或使用CDN引入。 ......
vue引入粒子背景图效果
安装依赖 npm install vue-particles --save-dev main.js import VueParticles from 'vue-particles' Vue.use(VueParticles) template <vue-particles color="#409EF ......
如何在vue3获取 DOM 元素
获取dom的ref元素名称，要对应暴露的名称，不然会出现无效的dom报错，也就是拿到的是null 在setup中，使用ref（null）获取dom 不能直接在setup里面拿到dom的值，因为setup对应的生命周期是created,所以必须在后续的生命周期钩子里面拿到，比如onMounted 注意 ......
DayOne-Vue的基本使用指令以及过滤器
一、Vue 1、什么是Vue Vue是一个流行的JavaScript框架，用于构建用户界面。它被设计成渐进式的，可以逐步应用到现有的项目中，也可以构建全新的应用。Vue的核心库只关注视图层，因此易于集成到其他库或现有项目中。Vue具有响应式和组件化的特性，使得开发者可以更轻松地管理和维护复杂的用户界 ......
Vue3——使用deep进行样式穿透的时候发出v-deep警告
前言 其实只是一个警告，如果你不在意也是可以的，不过有点强迫症就按着提示说的改了，然后又去官网看了下对应的文档； !> ::v-deep usage as a combinator has been deprecated. Use :deep() instead. 这里没啥好说的，因为Vue3的文档 ......
vue指令之事件指令
什么是事件指令 事件指的是：点击事件，双击事件，划动事件，焦点事件... 语法 v-on:事件名='函数' # 注意：函数必须写在 methods配置项中 示例 # 点击按钮，隐藏h1标签 <body> <div id="app"> <button v-on:click="myclick">点我</ ......
vue 之 computed方法自带缓存踩坑1
使用场景：ant-vue 穿梭框使用 页面使用computed方法处理组织结构数据，退出页面时，对加载数据做了set null 操作，再次进入页面时，穿梭框只显示数据，无法做左右穿梭功能。 原因：computed方法在页面初始化时执行，且只执行一次，并会将方法内的数据进行缓存。退出页面做了数据清除工 ......
vue 中数据更新视图不更新
Vue无法检测实例被创建时不存在于data中的变量 new Vue({ data:{}, template: '<div>{{message}}</div>' }) this.message = 'Hello world !' // `message` 不是响应式的页面不会发生变化 解决： new ......
CAD更改线宽后没有变化效果怎么办?
CAD更改线宽后没有变化效果怎么办?在我们调整CAD图纸样条线线宽的过程中，有可能会遇到更改CAD线宽没反应的情况，这种不显示的情况要怎么解决呢?本期，就和一起看看CAD更改线宽后不显示变化的原因和解决方法吧! CAD更改线宽后没有变化效果怎么办? CAD更改线宽后没反应的原因是因为CAD线宽在默认 ......
vue中$forceUpdate()的使用
刷新数组的作用 this.$forceUpdate(); 具体请看：vue中$forceUpdate()的使用 - 简书 (jianshu.com) ......
使用vue2+element-ui+vuex实现后台管理系统的头部背景色动态点击修改
**以下内容仅供自己学习使用 话不多说，直接上代码 首先去vuex里面 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const store = new Vuex.Store({ state: { headerColor ......
vue项目内存溢出，JavaScript heap out of memory
第一种方式： 参考地址：https://blog.csdn.net/wj197927/article/details/124323835 第二种方式： 修改NODE_OPTIONS NodeJS启动的应用，内存使用是有上限的；默认为4GB(不同机器环境可能会有不同)。NodeJS应用使用的内存上限， ......
项目实践后的图片压缩完整使用过程【vue3+js】
van-uploader + 图片压缩 + 图片base64转成file compressImage.js const ACCEPT = ['image/jpg', 'image/png', 'image/jpeg'] const MAXSIZE = 1024 * 1024 * 2; const M ......
npm run dev 出现问题：vue-admin-template-master/node_modules/.bin/vue-cli-service: Permission denied
在Mac环境下，当复制Vue-cli项目或通过版本工具获取已有项目后，执行命令npm run serve进行调试时，可能会提示XXX/node_modules/.bin/vue-cli-service: Permission denied 权限不足的问题。 解决方案：找到项目的根目录，打开终端，输入 ......