效果echarts项目vue
layer.load底部添加自定义文字（文字居中效果）
var index = layer.load(2, { shade: [0.3, '#000'], success: function (layero) { layero.find('.layui-layer-content').after('<div class="layer-load">加载中. ......
Vue中 name 有什么作用？data 为什么是函数而不是对象？
Vue中 name 有什么作用？ 项目使用 keep-alive 时，可搭配组件 name 进行缓存过滤 DOM 做递归组件时需要调用自身 name vue-devtools 调试工具里显示的组见名称是由 vue 中组件 name 决定的 data 为什么是函数而不是对象？ 组件中 data 是 V ......
vue+css实现的伪3d旋转罐+液位动态变化
话不多说先看效果： 设计思路： 罐是做了三个位置（中=>左，左=>右，右=>中）的动画效果，每个罐轮流使用一次，来实现旋转的效果。 中间的光亮做了个变形延迟。 罐的透明效果是使用了三层，即最底层是粒子不透明图片，中层是液体组件，最上层是罐体png图片。都是用了绝对定位，请务必设置好位置。 液体组件中 ......
Vue3 路由查询参数更新后，执行更新方法
import { ref, defineComponent, watch,getCurrentInstance } from "vue"; import { useRoute } from 'vue-router'; export default defineComponent({ setup() ......
直播app系统源码，图片Loading旋转动画效果
直播app系统源码，图片Loading旋转动画效果 anim文件下的动画xml： <?xml version="1.0" encoding="utf-8"?><rotate xmlns:android="http://schemas.android.com/apk/res/android" andr ......
多模块springboot项目打jar包 没有主清单属性
说明：一个多模块的项目 两个子Module 一个core 一个server。java8的环境 | -- XChome (pom.xml xchome的 父级) --|--xc-core (pom.xml xc-core的 子级) --|--xc-server (pom.xml xc-server的 ......
Vue - 创建 Vue3 项目
Vue - 创建 Vue3 项目 需搭建项目 Vue3 + ts + sass 1. 创建项目 npm create vite@latest 2. 安装依赖 tyarn 3. 启动项目 yarn dev 4. 处理其他配置问题 1） 打开HelloWorld.vue页面，发现一些报红，报错 解决：找 ......
雷电模拟器怎么实现单窗口单IP效果？
雷电模拟器（LDPlayer）是一种流行的安卓模拟器，用于在PC上运行安卓应用。要实现单窗口单IP效果，通常需要对网络设置进行一定的调整，以确保每个雷电模拟器窗口都使用不同的IP地址。以下是实现这一目标的一些步骤和建议： 1. 准备多个IP地址 首先，你需要确保你有多个可用的IP地址。这可以通过多种 ......
java怎么实现对指定进行多线程访问的效果
要使用 Java 实现对特定网站（例如 "http://xkrj5.com"）的多线程访问，你可以采用以下步骤： 创建一个线程类：这个类将负责执行 HTTP 请求。 使用线程池：这可以更有效地管理多个线程。 执行 HTTP 请求：使用 Java 的网络库（如 HttpURLConnection 或第 ......
vue兄弟组件共享数据
1、vue2.x中，兄弟组件共享数据的方式 EventBus。 一、A组件import eventBus from "@/components/eventBus";export default { methods: { send() { eventBus.$emit('share', this.st ......
解决Vue中使用wangEditor富文本编辑器复制粘贴word文档携带内容样式文本问题
前言：本文记录作者在vue项目中使用到wangEditor富文本编辑器复制粘贴功能所遇到的bug，故此把自己所遇到的坑及问题详细的记录下来。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。 一、自定义处理粘贴的文本内容1、配置 自定义处理粘贴的文本内容~~~如 ......
vue3 Suspense
在Vue.js 3中，Suspense 是一个用于处理异步组件的特殊组件，它允许你在等待异步组件加载时展示备用内容。这对于优化用户体验、处理懒加载组件或异步数据获取时非常有用。Suspense 的主要目标是简化异步操作的状态管理和展示。 下面是一个简单的例子，演示了如何在Vue.js 3中使用Sus ......
vue3 KeepAlive
在Vue.js 3中，<keep-alive> 是一个抽象组件，用于保留其子组件状态，防止在切换组件时销毁它们。这对于在页面间切换时保留组件的状态或避免重复渲染特定组件非常有用。<keep-alive> 主要用于缓存组件，以提高性能和用户体验。 以下是一个简单的例子，演示了如何在Vue.js 3中使 ......
vue3 Teleport
在Vue.js 3中，Teleport 是一种特殊的组件，用于在 DOM 树中的任何地方渲染其内容，而不受父组件的约束。这对于需要将组件的内容移动到 DOM 树的其他部分时非常有用，例如在模态框或弹出窗口中使用。 Teleport 提供了两个名为 teleport 和 teleport-to 的指令 ......
开发现代化的.NetCore控制台程序：(2)创建一个C#项目模板
前言 上一篇文章（开发一个现代化的.NetCore控制台程序，包含依赖注入/配置/日志等要素）介绍了开发现代化的.NetCore控制台程序的细节，但这还不够，我又创建了一个脚手架模板，并命名为 FluentConsole.Templates ，可以方便的创建「现代化控制台应用」。 源码地址: htt ......
vue项目中安装scss
1、安装node-sass、sass-loader 简化内容，具体版本等注意事项在下面。（node官网：GitHub - sass/node-sass: :rainbow: Node.js bindings to libsass） //默认安装最新版本 npm install node-sass - ......
界面控件DevExtreme图表和仪表(v23.1) - 新功能(Angular,React,Vue,jQuery)
本文将为大家总结下DevExtreme在v23.1版本中发布的一些与图表和仪表盘相关的功能。 DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构 ......
Hugging Face 在法国联合启动人工智能创业项目！
Hugging Face、Meta、Scaleway 与法国创业孵化基地 STATION F 合作的人工智能创业项目正式启动 📢🔥 申请截止日期为 12 月 1 日本项目旨在利用开源人工智能的力量来扶持初创公司并推动人工智能创业生态的创新🌪如果你是：👾 一家愿意开发开源模型的人工智能初创企业 ......
maven项目聚合和父子项目
maven项目聚合 聚合项目又称为多模块项目，这种结构的目的是为了统一构建项目，也就是说当对根项目的任何mvn 命令操作，都会相应的执行到每一个被聚合的module项目中，目的是为了方便管理多个项目的编译打包等操作。 想象一下，如果你创建了10个项目，如果你要对这10个项目进行 mvn instal ......
iOS项目(Swift)，使用Flutter进行混合开发
一、创建flutter_module 先创建flutter module项目，参考官方文档，先cd至目标文件夹，执行命令为 flutter create --template module flutter_module 创建成功后，打开flutter_module项目，打开pubspec.yaml文 ......
Vue防抖debounce
在搜索框中随着输入内容而更新显示内容或者需要请求接口等逻辑时，如果每一个字符变化都去更新则会浪费一些没有必要的请求，想要的结果是某一个时间内不要去更新，就是常用的防抖测略 Vue中防抖逻辑：在响应式的变量在包装一个响应式，新的响应式只有在一定时间到时才更新，具体如下 export function ......
vue 使用elementui el-image 图片地址不变，图片不刷新问题
问题 ：el-image图片地址不变，图片不刷新问题 原因 ： 在 Web 开发中，浏览器会缓存已经加载的静态资源（比如图片、CSS、JS 文件），以提高页面加载速度，减轻服务器负担。 当图片的源路径不变时，浏览器会对这些图片进行缓存，如果图片内容更新了，但是浏览器还是使用缓存，这时候就需要 在图片 ......
设置Thymeleaf页面复选框显示勾选效果
Springboot版本 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.7.14</version> <relat ......
Vite4+Typescript+Vue3+Pinia 从零搭建(2) - tsconfig配置
tsconfig配置 项目代码同步至码云 weiz-vue3-template 关于tsconfig的配置字段可查看其他文档，如 typeScript tsconfig配置详解 tsconfig.json 文件修改如下: { "compilerOptions": { "target": "ESNex ......
Vite4+Typescript+Vue3+Pinia 从零搭建(1) - 项目初始化
项目初始化 项目代码同步至码云 weiz-vue3-template 前提准备 1. node版本 Node.js版本 >= 12，如果有老项目需要旧版本的，推荐用 nvm 管理node版本。 PS C:\Users\Administrator> nvm --version 1.1.11 PS C: ......
11 9 学习vue3
今天创建了vue项目，了解了vue项目的目录如下： vue的组件分为组合式api和选项式api ①创建了组件内容如下： <script setup> import {articleGetAllService,articleSearchService} from '@/api/article.js' ......
记录--vue3 setup 中国省市区三级联动options最简洁写法，无需任何库
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在写页面的时候，发现表单里面有一个省市区的 options 组件要写，因为表单很多地方都会用到这个地址选择，我便以为很简单嘛。 虽然很简单的一个功能，但是网络上能搜索到的教程大多都是需要配合 elementUI 等各种 UI 库的，但是我 ......
react项目运行时，node运行内存不足
修改reactd项目的less文件后热更新报错 FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory 解决办法 全局安装插件"increase-memory-limit",用来增加运行内存 ......
第一次将Springboot项目上传到GitLab仓库(初始化)
步骤： 1、在GitLab上创建项目仓库（创建空项目） 创建完成如下： 2、在IDEA中新建一个Springboot项目 使用Git版本集成 这里说明一下： 1、本机计算机已经安装Git 2、IDEA已经集成了Git 3、这里使用的IDEA是2021版本（2018版本是VCS）,IDEA中文菜单栏原 ......