效果echarts项目vue
控制台打印时显示的文件来源没有显示.vue文件,而是出现了一堆index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-optio…
控制台打印时显示的文件来源没有显示.vue文件,而是出现了一堆index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-optio…,看不出来打印的语句来自哪个vue组件 ......
Vue3+vite+Pinia+element-plus 换肤+国际化
先上效果: 一:换肤 1:用Pinia 小菠萝做状态管理。 2:根据自己需求写几套主题色(用于后面在html加载对应的主题颜色) 3: 自己写一个切换主题的页面 4:每次进入系统前去pinia里面获取上次选中的主题。如果已经设置 加载已设置过的 在src 下随便建个theme/index.ts 然后 ......
vue3 + Ant Design 实现双表头表格(横向表头+纵向表头)
一、要实现的效果(纵向固定表头的表格,横向表头数量动态化) 二、这是后台返回的数据格式(以企业为数组,每个企业里有个站点数组pointFactors) 三、代码实现步骤 (1)定义纵向固定表头 1 // 纵向表头数组 tableColumns 2 const tableColumns = ref([ ......
Vue3之实现一个可拖拽的div
实现一个可拖拽的div写法如下: const chatbox = ref(); const dragx = (el) => { let oDiv = chatbox.value; //当前元素 let disX = el.clientX - oDiv.offsetLeft; let disY = e ......
【奶奶看了都会】ComfyUI+SVD制作AI视频教程,附效果演示
AI一天,人间一年。大家好啊,我是小卷,最近AI绘画又发展出一些新玩意了,小卷因为工作的关系有一个月没关注AI的发展了,都有点跟不上版本节奏了。。。 ......
【UniApp】-uni-app-处理项目输入数据(苹果计算器)
前言 上一篇文章完成了项目的基本布局,这一篇文章我们来处理一下项目的输入数据 项目的输入数据主要是通过按键来输入的,所以我们需要对按键进行处理 那么我们就来看一下 uni-app-处理项目输入数据 步入正题 在上篇文章中,我在 data 中定义了一个 buttons 每个元素中,有一个 func 属 ......
vue3
vue3 * vue3支持组合式传参, vue2在创建app对象的时候,会传入一个包含各种选项的对象,选项包括data函数,methods对象,computed对象等等。 vue3在创建app对象的时候,也是传入一个对象,但是对象属性中有一个setup函数,在该函数中可以定义响应对象,函数,comp ......
推荐一款 Vue3 调试神器!
vue-devtools 是一款基于Chrome浏览器的插件,可以用于调试vue应用,也可以用来辅助我们找到各页面对应的Vue.js文件路径,想必大家都不陌生吧~ 今天给大家推荐一个比 vue-devtools 更好用的插件vite-plugin-vue-devtools, 它是一个旨在增强 Vue ......
【UniApp】-uni-app-项目实战页面布局(苹果计算器)
前言 经过前面的文章介绍,基本上 UniApp 的内容就介绍完毕了 那么从本文开始,我们就开始进行一个项目的实战 这次做的项目是苹果计算器,这个项目的难度不是很大,但是也不是很简单,适合练手 创建项目 打开 HBuilderX,点击左上角 文件 -> 新建 -> 项目: 搭建基本布局 项目创建完毕之 ......
接手了个项目,被if..else搞懵逼了
项目会最终沦为屎山,但是作为一个有追求的研发,我们就应当从每个小的if else着手,至少让当前这个项目在你维护期间,让其发展成屎山的速度变慢一些,或者能替之前的老前辈还掉一些技术债才是最好的,各位小伙伴你们觉得呢? ......
前端项目练习(一) ---美食美客网页制作
项目名称:美食美客网页制作 技术栈:HTML + CSS 背景:熟悉使用HTML、CSS的使用 一、HTML代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport ......
Vue插件
功能:用于增强vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件(新建一个plugins.js文件): export default { install(Vue,x,y,z){ console.log(x,y,z) ......
IIS部署vue项目
【第一步】安装IIS {1)打开控制面板 -> 打开程序和功能 -> 打开启用或关闭windows功能 (2)找到 Internet Information Services 勾选【web管理工具】和【万维网服务】,然后 确定 【第二步】安装URL重写模块 1). 安装URL Rewrite,下载地 ......
项目 部署到服务器中 访问 带中文的 项目资源路径时 404
首先资源是在项目的内部,项目在本地好好的 放到linux 中发现访问英文路径的资源没有问题,但是访问带中文的资源就404. 将服务器的编码改成GBK 解决问题 在设置编码的文件中加上这两行配置 LANG="zh_CN.GBK" LC_ALL="zh_CN.GBK" 我的是centos7 所以是 vi ......
打包c#项目时.mdf和.ldf拒绝访问
首先确保数据库服务已经停止 右击.ldf文件(.mdf和.ldf是一样的操作,因为我.mdf已经操作过了所以这里用.ldf演示) 选择属性,选择安全 点击高级 点击更改,输入名称(我输入的是电脑启动之后会显示的用户名),之后点击检查名称点击确定 点击应用,确定,确定 刷新一下文件夹界面,再打开属性, ......
003元素定位方式与项目demo创建
一、环境搭建 1、创建项目,添加java-client依赖包 新建maven项目,引入java-client依赖包 2、创建并编写代码 测试运行以上代码,运行前需打开Appnium. Appnium没有打开时,运行会报错:Connection refused:connect 二、常见元素的定位方式 ......
vue3父子通信
vue3父子通信 // 获取父级方法或函数调用 const emit = defineEmits(['cancel', 'resetData']); // 获取父级绑定的变量 const props = defineProps({ visible: { type: Boolean, default: ......
记录--Vue3问题:如何实现组件拖拽实时预览功能?
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统,在后台进行内容编辑,在官网更新展示内容。 关于后台的编辑功能,大致分为两部分:组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览,用户可以在含有各种功能组件的列表中,选择需要的组件进行拖拽。 ......
探究vue的diff算法
1.diff算法是什么? diff算法是一种通过**同层的树节点**进行比较的高效算法 Diff 算法探讨的就是虚拟 DOM 树发生变化后,生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异,将更新补丁作用于真实 DOM,以最小成本完成视图更新。 1.1特点 策略:深度优先,同层 ......
nodejs-练手项目中get post需求
这段时间查看微信小程序,看着上面的好多的接口不能用,就想着弄个小接口先用这,顺便复习一下node 首先我们要有必要的npm,node,等基本环境条件 基本的代码书写: /* express 是node中的服务器软件 通过express可以快速的在node中搭建一个web服务器 -使用步骤: 1.创建 ......
项目部署体验
docker部署踩的坑 前提 你需要拥有一个远程服务器或者是本地虚拟机 安装docker Centos安装docker Install Docker Engine on CentOS | Docker Docs 部署后端 部署mysql docker run -d -v 数据卷名称:/var/lib ......
spring项目中自定义注解
使用 BeanPostProcessor BeanPostProcessor 是 Spring 框架提供的一个接口,用于在 Spring 容器中对 Bean 进行后处理。 自定义注解后,可以实现一个 BeanPostProcessor 实现类,在 BeanPostProcessor 的 postPr ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
Form窗体添加边框阴影效果
public partial class Form1 : Form { public Form1() { InitializeComponent(); } public bool DrawShadow { get; set; } = true; protected override CreatePa ......
rebar3 cmake 项目学习
erlang 与c 的通信方式,包含了port 以及nif,以下是使用nif 的测试 创建项目 一个lib 一个cmake 命令 rebar3 new lib myapp cd myapp rebar3 new cmake 项目结构 ├── LICENSE.md ├── README.md ├── ......
git仓库代码地址更改了,已经拉到本地的项目如何提交到新的git仓库
git remote remove origin //移除原来仓库地址 git remote add origin 新仓库地址xxx //添加新仓库地址 git push -u origin master //第一次设置默认的远程分支 可操作可不操作 ......
unity3D 敌人死亡爆炸效果
https://www.youtube.com/watch?v=WgLd6EahyVU 创建物体,添加粒子效果 材质 改变起始大小 改变发射位置和半径 生命周期和速度 粒子数 淡出效果 持续时间 模拟瞬间爆炸 取消循环播放 播放后销毁 变成预制体 ......