效果echarts项目vue

vue3+vite4实现动态引入图片

本来是想使用vue2时使用的require,但是在运行时却突然报错: 看到上面的报错让我很懵,require为啥不能使用呢?? 经过我不懈的努力,终于找到原因: 在 Vue 3 和 Vite 4 中,不再推荐使用 CommonJS 的 require 语法,而是使用 ECMAScript 模块(ES ......
动态 图片 vite4 vue3 vite

vue3+vite4使用swiper10实现coverflow效果

<Swiper class="swiper-container mt-40px" :modules="modules" :loop="true" :autoplay="{ delay: 5000, }" :speed="1000" :slidesPerView="2" :centeredSlides ......
coverflow 效果 swiper vite4 vue3

vue - 图片的放大镜功能

``` // html ``` ``` // js export default{ name : 'blog-header', data(){ return{ isPC:true, // 大图片 qall: '../../static/image/土味.jpg', qallBig: '../../s ......
放大镜 功能 图片 vue

ssm整合-项目异常处理方案

项目异常分类: 项目异常处理方案: 需要自定义异常处理 然后在处理器中加入 package com.itheima.controller; import com.itheima.exception.BusinessException; import com.itheima.exception.Sys ......
方案 项目 ssm

Damiler EDI 项目 Excel 方案开源介绍

准备下载和运行 Daimler EDI 到 Excel 使用 Excel 生成一系列 EDI 文档与 Daimler 通信。 下载工作流 下载示例文件 Daimler EDI & Excel 方案简介 本文将继续分享Daimler示例工作流:使用Excel端口和Email端口生成一系列文件,完成与D ......
Damiler 方案 项目 Excel EDI

vue手搓h5滚动日期选择器组件

背景 新项目为了省事和后台写一起了,所以用不了Uni-app(悲),然后element-ui的日期选择器h5不适配,看着也难受,就想找个好用的,结果找了一圈感慨,自己写个吧。 说明 为了加快速度,代码可能有些臃肿,但大概就是这样了,看着代码好多,其实只要会一个的滚动就会多个了。建议下看下参考文章,然 ......
组件 日期 vue

vue+zxing 扫描条形码

背景 扫描甲方商品身上的条形码。 吐槽下:这玩意又细又小,还反光,最后用的uni-app上的插件,而且不用自己封装了。虽然和我之前的二方案差不多,即使用 Quagga,打开video,将每帧画成canvas,然后转换为图片交给Quagga识别,缺点是功耗大,最后实装的表现还行,就是扫几个码,手机热了 ......
条形 条形码 zxing vue

vue使用hiprint实现打印(vue-plugin-hiprint)

1、安装插件: npm install vue-plugin-hiprint 或 yarn add vue-plugin-hiprint 2、普通使用: <template> <div class="box"> <div class="box-tool"> <el-button-group> <el ......
hiprint vue-plugin-hiprint vue plugin

镂空显示效果——轨道遮罩键

写出文字 ![image](https://img2023.cnblogs.com/blog/1510515/202307/1510515-20230718163625194-509715487.png) 把烟花放在文字上面 ![image](https://img2023.cnblogs.com/ ......
轨道 效果

vue v-if 和v-permission 共同使用的奇怪问题

背景 后台系统某功能按钮需要订单状态和用户权限共同校验是否显示,将权限校验和v-if共同作用在同一div中,下方为实例代码 <div v-if="status==0"> <div @click="function1"> 某按钮功能 </div> </div> <div v-if="status==1 ......
v-permission permission 问题 v-if vue

vue .sync修饰符的使用详解

这篇文章主要介绍了vue .sync修饰符的使用,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下 vue的官网介绍非常不错,先通读一遍。 2.3.0+ 新增 在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可 ......
sync vue

SSM整合--项目异常处理

......
项目 SSM

idea启动项目报错 Compilation failed: internal java compiler error

问题描述:用idea启动一个项目报错Compilation failed: internal java compiler error 产生该问题的原因有两点: 1.项目中模块jre环境不一致 首先确保Modules中的环境一致,然后确保settings中的环境一致。 2.idea的Build Pro ......
Compilation compiler internal 项目 failed

当数字孪生系统接入CesiumJS,将为智慧城市项目带来怎样的改变?

数字孪生系统接入CesiumJS的契机,正是智慧城市项目的需要。因为许多智慧城市项目中包含了大量地形、倾斜摄影、DOM、DEM等GIS数据,那么为了能够在数字孪生系统中导入这些GIS数据,同时让这些数据在以可视化形式表现出来后,还能享受到数字孪生系统的支持,接入CesiumJS就成为了一个很好的选择... ......
CesiumJS 智慧 数字 项目 城市

小游戏项目2 - SkyFight 空战

# 小游戏项目2 - SkyFight 空战 1. 新建项目 新建image包 复制图片到包中 2. 打包图片 : 创建Image(图片工具类)类 , 把图片封装成对象 , 以便接下来调用. ```java //Image类 //先把图片的地址封装为一个具体地址对象, static URL shel ......
SkyFight 小游戏 项目

antd+vue3 tree-select 组件库 筛选结果不正确的问题

第一次遇到这种带搜索框的下拉树状列表搜索关键字的时候出现我不想要的结果。 我感觉组件它只是搜索一级列表而没有搜索二级列表,然后一节列表把它整个的二级列表带出来了。 二级列表里边包含搜索关键字的所有item才是我想要的。 相关代码: 1 <!-- 页面名称 --> 2 <div 3 class="no ......
tree-select 组件 结果 select 问题

新闻片尾效果——3D效果制作

效果控件-3D 但直接+3D没有倒影效果 ![image](https://img2023.cnblogs.com/blog/1510515/202307/1510515-20230718132942190-2033655034.png) 把序列调大 ![image](https://img2023 ......
效果 片尾 新闻

vue 小写转大写方法

好久好久没更新了啊,其实有好多可以写的, 但是不知道为啥不想写了 方法一: // 输入的金额进行大写转换 function transformation(val) { var fraction = ["角", "分"]; var digit = ["零", "壹", "贰", "叁", "肆", " ......
小写 大写 方法 vue

户外电视广告效果——边角定位特效

![image](https://img2023.cnblogs.com/blog/1510515/202307/1510515-20230718125712461-1141968133.png) 使用边角定位效果 ![image](https://img2023.cnblogs.com/blog/ ......
边角 电视广告 特效 效果 广告

Tita 升级| 项目功能升级

升级详情 Tita - OKR和新绩效一体化管理平台 1、【项目】下「计划」新增任务过期类型的筛选 项目中的过期任务还可以按“过期完成”与“过期未完成”分类查看 2、【项目】下「甘特图」页签新增负责人员的筛选与排序 · 项目下里程碑可搜索负责人进行查看其负责的事项 · 里程碑排序可按人员进行聚合,方 ......
功能 项目 Tita

面试官:一个 SpringBoot 项目能处理多少请求?(小心有坑)

你好呀,我是歪歪。 这篇文章带大家盘一个读者遇到的面试题哈。 根据读者转述,面试官的原问题就是:一个 SpringBoot 项目能同时处理多少请求? 不知道你听到这个问题之后的第一反应是什么。 我大概知道他要问的是哪个方向,但是对于这种只有一句话的面试题,我的第一反应是:会不会有坑? 所以并不会贸然 ......
SpringBoot 项目

短视频常见效果——宽屏变竖屏

![image](https://img2023.cnblogs.com/blog/1510515/202307/1510515-20230718125023115-58681254.png) ![image](https://img2023.cnblogs.com/blog/1510515/202 ......
常见 效果 视频

还不清楚项目怎么设置?——新建项

![image](https://img2023.cnblogs.com/blog/1510515/202307/1510515-20230718112757403-1626827188.png) 调整图层 如果想把画面变黑白 把调整图层放在两个画面的上面 ![image](https://img2 ......
项目

vue实现自定义进度条

1. Vue项目没有引入element的依赖,自定义实现进度条,效果如下: 2. template代码 <div class="progress-bar"> <div class="progress-bar-outer"> <span class="progress-text" :style="{c ......
进度 vue

PHP实现Google plus的好友拖拽分组效果

使用PHP和jQuery实现了同样的好友拖拽添加分组的应用。本篇PHP教程就来告诉你如何实现,希望我的示例会对你的社交聊天软件网站项目有所帮助。 示例数据库包含三个表,即用户和用户组之间的关系。 用户表Members 表包含成员(用户)数据,如member_id,member_image等。 CRE ......
好友 效果 Google plus PHP

git项目太大导致拉取不下来,解决方案

1、拉取最后一次提交后状态的代码git clone --depth=1 http://xxx.git 2、执行后续操作 # 拉取完整当前分支 git fetch --unshallow # 追踪所有远程分支 git remote set-branches origin '*' # 拉取所有远程分支 ......
解决方案 方案 项目 git

vue前端项目启动

我们拉取了一个前端项目后,如果项目中有说明的文档,可以参照文档的步骤启动项目,如果 项目中没有说明文档,那我们可以按照以下的步骤启动项目 1、首先是安装依赖包 npm install 2、启动项目 npm run dev 这里的npm run 环境名称,这里的环境名称主要取决于项目中的package ......
前端 项目 vue

vue学习——分析脚手架

......
脚手架 vue

如何部署djiango项目

## 1.安装python3.9.9 ```python 下载 Python 源码 去官方网站下载: wget https://www.python.org/ftp/python/3.9.9/Python-3.9.9.tgz 官网的下载速度实在感人,换成阿里的镜像: wget https://cdn ......
djiango 项目

【动画进阶】有意思的网格下落渐次加载效果

最近,群友贴了一个非常有意思的动画效果,整体动画效果如下: ![](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9767a38b3ec04e3fb3082daed7ac75a0~tplv-k3u1fbpfcp-watermark.image?) ......
网格 效果 动画