放大镜 效果 图片vue
vue中的watch监听器
方法一： 当监听某一属性的变化时，建议直接使用函数写法 const vm = new Vue({ el:'#app', data:{ username:'' }, watch:{ username(newVal,oldVal){ console.log(newVal,oldVal) } } }) 方 ......
vue导入excel表格
1.vue导入模版信息。进行数据操作 首先要安装 npm install file-saver npm install xlsx npm install script-loader，在src下面创建一个excel文件夹，查创建2个js（Blob.js,Export2Excel.js） utils/v ......
vue 甘特图：选择与初始化甘特图
1.功能使用背景： 甘特图是一种项目管理工具，以图形直观的方式显示项目的时间轴和任务计划，为了可扩展和定制相关任务的开发，故此选择dhtmlx-gantt 2.vue3 初始化甘特图 gantt 2.1 下载安装 dhtmlx-gantt 依赖包 复制代码 npm install dhtmlx-ga ......
Vue-加入购物车-判断token添加登录提示
Vue-加入购物车-判断token添加登录提示 目标：给未登录的用户，添加登录提示 说明：加入购物车，是一个登录后的用户 才能进行的操作，所以需要进行鉴权判断，判断用户token是否存在 若存在：继续加入购物车操作 不存在：提示用户未登录，引导到登录页，登录完回跳 addCart () { // 判 ......
Vue中自定义组件监听事件传参
自定义数字框组件如下 <template> <div class="count-box"> <button @click="handleSub" class="minus">-</button> <input :value="value" @change="handleChange" class=" ......
网络渗透测试：wireshark抓取qq图片
打开wireshark，打开qq 因为连的是WiFi，所以这里选择WLAN 用手机给电脑发送jpg文件，随后开始抓取，我们给电脑发送的是jpg文件，所以筛选十六进制值为ffd8ff 鼠标右键，选择追踪流，tcp，选择原始数据 将其保存，然后放到winhex里，查找ff d8，将前面的数据删去，然后保 ......
vue实现页面全屏、局部全屏等多方式全屏
1、vuex创建全局变量在store/index中： import Vuex from 'vuex' Vue.use(Vuex) const user = { state: { // 全屏 fullscreen: false, }, mutations: { // 全屏 SET_FULLSCREEN ......
安装 Vue 开发者工具：装插件调试 Vue 应用
（1） 通过谷歌应用商店安装 （国外网站） （2） 极简插件: 下载 → 开发者模式 → 拖拽安装 → 插件详情允许访问文件 https://chrome.zzzmh.cn/index 下载的文件，解压。 chrome浏览器，右上角点击-》更多工具=》扩展程序。打开开发者模式 将解压的文件拖到空白区 ......
vite + vitest + element Plus + vue3
遇到问题： 1. TypeError: Unknown file extension ".scss" for D:\workspace\ai_plat_front\node_modules\element-plus\theme-chalk\src\base.scss Serialized Error ......
半圆形进度条(vue加强版)
<template> <div class="circle-progress"> <h2>半环形进度条DEMO</h2> <canvas id="canvas" width="150" height="150"></canvas> <div class="btns"> <van-button @cl ......
vue2+element 多选框多选时不换行（el-select组件）调整为鼠标左右滑动查看
1 <el-select v-model="name" multiple placeholder="请选择" > 2 <el-option label="A" value="a"></el-option> 3 <el-option label="B" value="b"></el-option> 4 ......
vue项目如何可以设置为支持iis的虚拟目录
vue项目使用的是webpack打包工具生成的。 更改：/config/index.js文件中把build对象下的assetsPublicPath由 值 /改为 ./ ，加上一个英文圆点 /build/utile.js文件中ExtractTextPlugin.extract节点增加publicPat ......
【Python】base64模块对图片进行base64编码和解码
图片的base64编码就是可以将一副图片数据编码成一串字符串，使用该字符串代替图像地址。这样做有什么意义呢？我们知道，我们所看到的网页上的每一个图片，都是需要消耗一个 http 请求下载而来的。没错，不管如何，图片的下载始终都要向服务器发出请求，要是图片的下载不用向服务器发出请求，而可以随着 HTM ......
vue2跨级组件传值
//祖先组件 import Son from './Son' export default { components: { Son }, provide () { return { money: 1000000000 } } } 子孙组件 <template> <div> 孙子组件 <p>这个是爷爷 ......
vue2兄弟组件传值
// 1 创建一个公共的vue实例(bus) import Vue from 'vue' const bus = new Vue() export default bus <!-- brother1--> <template> <div> 兄弟1组件 <p> <button @click="send ......
VUE项目的创建方式
第一种：安装node ， cnmp先。 npm init vue@latest 第二种： 先安装vue cli 文件名为vue-name vue creae vue-name ......
VUE 安装环境
安装vue 工具 cnpm install -g @vue/cli 验证是否安装成功 vue --version 创建VUE项目(vue-demo，名字要小写) vue create vue-demo ......
SkiaSharp库在NetCore下跨平台图片操作基础使用方法
SkiaSharp库在NetCore下跨平台图片操作基础使用方法： 在跨平台开发中，处理图片是一项常见的需求。而SkiaSharp库是一个强大的工具，它提供了在NetCore平台下进行跨平台图片操作的能力。本文将介绍SkiaSharp库在NetCore下的基础使用方法，以及逐步深入的高级功能。 什么 ......
NetCore使用SkiaSharp库对给定路径的图片进行大小缩放，要适当考虑等比率缩放，以高度为准，宽度自适应
SkiaSharp库是跨平台的2D图片操作库，在夸平台方面比较稳定，且支持常用的“windows操作”：缩放，剪裁，格式转换等。 例如：如果要按照原始图片高度为准，自动调整宽度进行等比例缩放，可以根据以下步骤使用SkiaSharp库进行操作： 导入SkiaSharp命名空间： using SkiaS ......
springboot+vue持续集成
Jenkins持续集成 项目部署参考资料：见参考资料详情 项目实战成长：见百度网盘jenkins 视频资料地址参考：https://www.bilibili.com/video/BV1kJ411p7mV?spm_id_from=333.999.0.0 整体流程： 先下载tomcat，到http:// ......
Java基于springboot+vue开发服装商城小程序
还可以改成其他商城哦。 主要功能：用户可以浏览商品和特价商品，加入购物车，直接下单支付，在我的个人中心里可以管理自己的订单，收货地址，编辑资料等。管理员可以发布商品，上下架商品，处理订单。 演示视频：小程序https://www.bilibili.com/video/BV1rM411o7m4/?sh ......
Vue开发 购物网站选项卡功能
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" typ ......
PicGo配置CloudflareR2图片储存
title: PicGo配置CloudflareR2图片储存 banner_img: https://cdn.studyinglover.com/pic/2023/07/1a1e2c3b47a01b847e8ac9e962764c89.png date: 2023-7-9 20:24:00 cate ......
实现环形进度条效果【一】
好基友扔过来一张效果图，简单分析下，一起看看如何实现它吧。 一个半环形用于表示 0 - 100%。 半环形开头有一个圆点作为修饰。 半环形两端需要呈现为圆角。 通过 div 实现 先画一个长方形。 <div class="graph"></div> .graph { width: 200px; he ......
13-不同图片相同区域
1 在三个图片中选取相同的区域 点击视图-新建参考线 2 3 然后剪裁； 4 也可以直接对叠加图进行剪裁； 每个图层都是这个区域了； 5 标尺：用钢笔进行描边。然后改变线条的颜色和粗细就行； 6 填充要取消； 7 用钢笔工具的时候，上面没有对线条操作的状态栏； 点击鼠标的时候，就可以对下面的线进行操 ......
文字生成图片综述
title: 文字生成图片综述 banner_img: https://drive.studyinglover.com/api/raw/?path=/photos/blog/background/1679396994125.png date: 2023-4-20 15:30:00 categorie ......
FreeU-文字生成图片的免费午餐
title: FreeU-文字生成图片的免费午餐笔记 banner_img: https://cdn.studyinglover.com/pic/2023/10/c48e2f490270ef836b26f6d7ed8d7f0e.png index_img: https://cdn.studyingl ......
Arch下PicGo不能从剪切板上传图片
title: Arch下PicGo不能从剪切板上传图片 banner_img: https://proxy.thisis.plus/202306162130625.png date: 2023-6-13 0:12:40 categories: - 踩坑 作为一个天天写博客的，PicGo简直是传图片的 ......
Vue项目搜索-历史记录管理
搜索-历史记录管理 目标：构建搜索页的静态布局，完成历史记录的管理 需求： 搜索历史基本渲染 点击搜索（添加历史） 点击搜索按钮 或底下历史记录，都能进行搜索 若之前没有相同搜索关键字，则直接追加到最前面 若之前已有相同搜索关键字，将该原有关键字移除，在追加（相当于置顶） 清空历史：添加清空图标，可 ......
hexo 博客图床图片显示问题
问题截图 解决方法 只需要在markdown文章开头添加 , 即可解决问题 <meta name="referrer" content="no-referrer" /> 成功显示 ......