布局vue web

园子的脱困努力-云厂商合作:领取阿里云免费ECS试用资源,部署Java Web环境,送小礼品

在园子脱困的关键时期,每一笔收入都很重要,一边在会员救园,一边我们要努力把握每一个商务合作机会,争取早日走出困境。之前园子维持生存的收入主要来自于与云厂商的合作,但去年由于云厂商推广策略的调整,这块收入几乎没有了。当我们对这块收入不报任何希望时,这个月开始,有些云厂商又回来找园子合作了,很感谢在这个... ......
园子 厂商 礼品 环境 资源

vue 项目加水印---canvas画图法

搬运 蛙蛙 大佬的文章(做了写自己的补充) 文章链接:https://segmentfault.com/a/1190000022055867,怕以后找不到了 一:创建watermark.js文件 /** 水印添加方法 */ let setWatermark = (str1, str2) => { l ......
水印 项目 canvas vue

vue图片预览( 放大 缩小 旋转 鼠标拖动)

* 此组件是图片是默认展开的 里面是操作的功能 ![](https://img2023.cnblogs.com/blog/3239040/202308/3239040-20230823151923294-1824640342.jpg) 代码如下 ` {{ title }} {{ currentInd ......
鼠标 图片 vue

安装vue3+vite报错

报错:‘D:\Program‘ 不是内部或外部命令,也不是可运行的程序; 我已经配置过环境变量,发现是node 安装目录 D:\Program Files\nodejs ,中间有空格导致,只能改变nodejs位置 1.把nodejs整个剪切出来放在d盘根目录下面 2.修改node的全局环境 npm ......
vue3 vite vue

Vue3定义全局函数和变量

定义全局函数 Vue2 和 Vue3 的区别 由于 Vue3 没有 Prototype 属性,所以需要在 main.ts 文件里使用 app.config.globalProperties 去定义全局函数和变量 Vue2: // 之前 (Vue 2.x) Vue.prototype.$http = ......
全局 变量 函数 Vue3 Vue

vue3 使用swiper实现轮播图(两边小中间放大效果轮播图)

先引入swiper ,我直接引入的最新的包是10.2.0 pnpm add swiper yarn add swiper 在vue页面引入 <script setup> import { Swiper, SwiperSlide } from 'swiper/vue'; import { Autopl ......
效果 swiper vue3 vue

Vue项目原本原本http请求变成了https

Vue项目http请求变更为https处理方式在index.html中添加如下代码 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">如果向去去掉s就注释 <meta http-equiv=" ......
原本 项目 https http Vue

vue3 使用 router 进行跳转备忘

1.在画面中添加子画面,使用 el-menu 菜单进行跳转,只更新子画面 a.首先在配置 router 路径的 js 文件中配置画面的路径,子画面的路径要在父画面的 children 下面 在父节点下设置 redirect 属性,打开父画面时会默认打开相应子画面,否则子画面默认显示为空白 b.在画面 ......
router vue3 vue

直播平台软件开发,vue-全局过滤器时间

直播平台软件开发,vue-全局过滤器时间 步骤一:处理数据 export const formatYmd = (date) => { let time = new Date(date) let y = time.getFullYear() let m = time.getMonth() + 1 le ......
过滤器 全局 软件开发 时间 平台

vue3 使用vuex以及数据持久化

/* * @Author: Caixia.Gao * @LastEditors: Caixia.Gao * @Date: 2023-08-23 11:28:44 * @LastEditTime: 2023-08-23 11:45:05 * @Description: */ // 引入vuex imp ......
数据 vue3 vuex vue

Vue 重置data的数据为初始状态操作

在某些情况下,需要重新使用data中的数据,但是data中的数据已经被各种表单、变量等赋值,那么怎么重置data的值呢? 1. 逐个赋值 ... data() { return { name: '', sex: '', desc: '' } } ... // 逐个赋值 this.name = '' ......
状态 数据 data Vue

RuoYi-vue配置记录

如果这个项目能顺利运行,标志着Springboot+vue的前后端环境都配好了。 一、官方文档 若依官方文档:介绍 | RuoYi,在这个地方克隆/下载项目源代码https://gitee.com/y_project/RuoYi-Vue 解压到自己的目录下 首先根据官方文档的环境部署所说,检查一下自 ......
RuoYi-vue RuoYi vue

web杂记(7)-js(3)

[TOC] # toJSON ```javascript b = { x: 11, y: 12, valueOf: function() { return Math.sqrt(this.x ** 2 + this.y ** 2); }, toJSON: function() { return `{x ......
杂记 web js

[Druid-ConnectionPool-Create-1642445703jdbc:hsqldb:file:///opt/tomcat-linux-x64/webapps/webroot/WEB-INF/embed/finedb/db;hsqldb.tx=mvcc]

启动tomcat遇到上述问题,是由于启动多次tomcat,之前启动的进程还存在 解决方法: 首先找出Tomcat的进程:ps -ef |grep tomcat 然后杀死掉对应的tomcat进程:kill -9 26135 最后重启tomcat 进入bin目录输入命令.startup.sh ......

vue下Echarts横轴坐标自适应防止x轴堆叠

# Hello World ......
坐标 Echarts vue

Vue+SpringBoot项目分离部署踩坑记录

昨天花了一晚上终于成功部署了个人网站,在这个过程中踩了很多坑,现在回顾总结记录一下,以免今后继续犯错误 前端:Vue 后端:SpringBoot 数据库:Mysql 一、前端 1、前端项目采用Nginx进行部署,其中Nginx配置文件部分内容如下 nginx.conf部分内容 1 server { ......
SpringBoot 项目 Vue

Python Web:Django、Flask和FastAPI框架对比

Django、Flask和FastAPI是Python Web框架中的三个主要代表。这些框架都有着各自的优点和缺点,适合不同类型和规模的应用程序。 1. Django: Django是一个全功能的Web框架,它提供了很多内置的应用程序和工具,使得开发Web应用程序更加容易。Django采用了MTV( ......
框架 FastAPI Python Django Flask

【算法】在vue3的ts代码中分组group聚合源数据列表

有一个IList<any>()对象列表, 示例数据为[{id:'1',fieldName:'field1',value:'1'},{id:'1',fieldName:'field2',value:'2'},{id:'2',fieldName:'field1',value:'1'},{id:'2',f ......
算法 代码 数据 group vue3

vue-draggable跨iframe拖拽

### 环境 1. vue3 2. "vuedraggable": "^4.1.0" ### 物料区 ```vue {{ element.name }} ``` ### 预览区 ```vue {{ element.name }} ``` ### iframe ```vue ``` ......
vue-draggable draggable iframe vue

vite +vue2 搭建

1.1 创建项目 注意:这里vite的版本采用2.8.0的,最新的版本创建后续会出现问题 npm init vite@2.8.0 后续,安装如图 创建好项目后 // 1.进入项目 cd vite-vue2 // 2.安装依赖 npm install // 3.启动项目 npm run dev 1.2 ......
vite vue2 vue

vue中$event的元素属性

<template> <div> <button @click="clickFun($event)">点击</button> </div> </template> <script> export default { data(){ return{} }, methods:{ check(event) ......
属性 元素 event vue

第一章 : Vue2 技术精讲

# 第一章 : Vue2 技术精讲 ## 1. Vue 是什么 ‍ Vue是一套 **构建用户界面** 的 **渐进式** **框架** **Vue2官网:**​[https://v2.cn.vuejs.org/](https://v2.cn.vuejs.org/) ‍ Vue.js Vue.js ......
技术 Vue2 Vue

vue--day66--具名插槽

1.App.vue <template> <div class="container"> <Category title="美食" > <img slot="center" src="https://s3.ax1x.com/2021/01/16/srJlq0.jpg" alt=""> <a slot ......
vue day 66

Java Web中出现的一些乱码问题总结(详解)

三、Java Web中出现的一些乱码问题总结(详解) 一、response.getWriter().write()和 response.getWriter().print()的区别 response.getWriter()返回的是PrintWriter,这是一个打印输出流 response.getW ......
乱码 问题 Java Web

在vue中实现一个插件

## 1、使用情景 * 通过 app.component() 和 app.directive() 注册一到多个全局组件或自定义指令。 * 通过 app.provide() 使一个资源可被注入进整个应用。 * 向 app.config.globalProperties 中添加一些全局实例属性或方法 * ......
插件 vue

Vue3 响应式全局对象json 动态绑定界面五 ( v-for 和 v-if 的应用)

效果图 man.js 定义 响应式全局对象 globalData 定义一个没有具体参数的json象 extTelTalkData: [], 这么写的好处是 事先不写具体参数,赋值时实例就行。 我是用websocket 收到消息 并赋值的,当然也可以用其它方式赋值。 //全局对象 const glob ......
全局 界面 对象 动态 v-for

龙测科技初揭秘,一张图让你明白软件测试saas企业的功能布局

大家好,和大家认识也挺久了,好像也没有做过自我介绍。择日不如撞日,今天我们就好好聊聊吧。自我介绍分为了两个部分,上半部分是龙测科技的由来、梦想以及目前的成就;下半部分是龙测目前的产品功能框架。对产品功能感兴趣的朋友们可以直接跳到下半部分。当然了,还是希望大家从头开始了解我们~ 龙测科技的诞生和成长 ......
软件测试 布局 功能 科技 企业

flex为1的时候,子元素限制一行时内容撑出父元素布局解决方案

解决方法: 1、在子元素的父级加overflow:hidden;2、在子元素的父级上加width: 0;或者height:0; 相关问题:当子元素是自适应父元素的情况下,但子元素大小超出了父元素,在低版本浏览器(我的是v85.0.4183.83)会出现宽度/高度自动无限增大的bug,将父元素无限撑大 ......
元素 布局 一行 解决方案 时候

web浏览器访问系统接口弹出下载框下载文件

1.下载文件 ``` @ApiOperation("下载文件") @GetMapping("/download/{id}/byBi") public void downFile(@ApiParam(required = true,value = "id")@PathVariable(value = ......
接口 浏览器 文件 系统 web

vue中watch和computed的区别

computed中的console.log会执行吗? ```在Vue的computed属性中使用console.log语句时,它会在每次计算属性被访问时执行。这包括初始化计算属性时和计算属性所依赖的响应式数据发生变化时。 然而,需要注意的是,console.log语句在计算属性计算期间执行的结果将被 ......
computed watch vue