放大镜 效果 图片vue
vue项目中使用tinymce富文本编辑器实现图片上传/粘贴格式
前言最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍，于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较UEditor：基本满足各种需求，依赖于jquery但是已经不再维护了，实现上传图片等需要修改源码，界面 ......
vue2学习按钮点击（转载）
Vue2学习笔记:v-on Vue的事件： v-on: click/mouseover/mouseover/mousedown/dbclick/... 下面是点击事件介绍： 1.点击事件 <!DOCTYPE html> <html> <head> <title></title> <meta char ......
Vue-Cli脚手架
1.搭建Vue-Cli脚手架 1.1.安装npm NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写 ......
富文本编辑器复制word文档中的图片
文章有点长，感觉每次写文章都特别啰嗦，如果不想看过程的话直接跳到*动手实践那一步，那边有核心的方法~ 富文本编辑器复制 word 文档中的图片问题点：从 word 文档复制进来的内容的图片都是 file:/// 协议，这时候如果我们的页面是 http://或者 https:// 协议的话，就不允许读 ......
vue-element-admin-master 代码解释 带注释——main.js
// 引入vue import Vue from 'vue' // 映入js-cookie // 是用来操作cookie 后端返回的token就存储在cookie中 import Cookies from 'js-cookie' // 引入重置样式 import 'normalize.css/nor ......
vite+vue3 打包后页面空白现象
使用vite打包之后运行index.html空白，打开控制台发现报错: 解决方法： 在vite.config中加入: publicPath: './', 这是vite.config中的结构: export default defineConfig({ publicPath: './', lintOn ......
vue3横向时间轴展示
架子是用的vue3+element Plus， 要用到时间轴展示，但element组件只有竖着的，想要横着的，找了一圈没有合适的，终于找到个合适的，文章原址 https://blog.csdn.net/m0_62949703/article/details/127800712 数据结构： { dat ......
解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等
总得说来报这种Error: Can't resolve+模块名字的错误，一般就只有两种原因：一、少了这个包（直接安装：pnpm add -D 模块名字@版本），二、有这个包，但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上，该降级的时候降级，降级一般先 ......
富文本编辑器：自己实现图片上传功能和图片粘贴上传（kindeditor）
在需要编写并保存带有各种格式，图片的文章内容时，往往需要用到富文本编辑器，这次使用到的富文本编辑器是kindeditor,使用下来功能基本足够，在这里记录下在使用时自己添加的功能。 kindeditor自带有图片上传功能，由于几个原因我需要自己实现一下。 （一）用的vue,自然是写一个<kinded ......
geoserver中styles引用外部图片
使用geoserver发布图层，需要显示指定的图标 从geoserver用户手册——PointSymbolizer中可以了解到只需在PointSymbolizer时候使用ExternalGraphic标签，其使用说明如下： <PointSymbolizer> <Graphic> <ExternalG ......
ai 图片消除工具， lama-cleaner，安装
如何使用 这是一款开源工具，访问以下网页可供体验。 https://huggingface.co/spaces/Sanster/Lama-Cleaner-lama 如果你打不开上方的网址，可以尝试自行在电脑上部署。 本机部署此功能 安装python并确保python被加入到环境变量 这一步不多讲解， ......
# vue 预览 pdf、word、excel
vue 预览 pdf、word、excel 这是之前做项目的时候涉及到的一个功能，当时做了之后就一直没有整理，其实也很简单，功能不多，只是预览，没有在线编辑的功能，所以呢，啊哈哈哈哈哈，一个插件就可以了。 预览 pdf 预览 pdf 我是用的这个插件，直接运行一下命令就可以了： npm instal ......
wireshark 捕获 C# 上传的图片
如何通过 wireshark 捕获 C# 上传的图片 一：背景 1. 讲故事 这些天计划好好研究下tcp/ip，以及socket套接字，毕竟工控中设计到各种交互协议，如果只是模模糊糊的了解，对分析此类dump还是非常不利的，而研究协议最好的入手点就是用抓包工具 wireshark，废话不多说，这篇通 ......
vue+go实现注册功能
<!DOCTYPE html><html><head> <meta charset="utf8"> <style> .container { width: 400px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-rad ......
纯CSS技术妙不可言，打造惊艳文字效果！
哈喽！大家好！我是【程序视点】的小二哥。 前言 CSS是一门很特殊的语言，你认为CSS只能用来控制网页的结构与样式，但只要你有丰富的想象力，就能创造无限可能。本文中为你精选了10个使用纯CSS实现的文字炫酷效果，欣赏完之后一定要自己实现体验一番哦~ 一.渐变文字效果 该效果主要利用backgroun ......
python 图片相关
python 图片相关 本篇介绍两种方式来打开图片. 1: 使用matplotlib #!/usr/bin/python3 # -*- coding: UTF-8 -*- """ @Author: zh @Time 2023/11/27 下午1:59 . @Email: @Describe: """ ......
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
vue3 elementplus 表格表头过长 三个点显示
vue3:const renderHeaderMethods = ({ column }) => { return createVNode( resolveComponent('el-tooltip'), { effect: 'dark', content: column.label, placem ......
nginx部署vue编译项目刷新页面404
原因：nginx配置错误。 因为vue打包输出的是单页网页应用，只有一个index.html入口，其他路径是由前端路由去跳转的，服务器目录下没有对应物理路径，所以就会报404。 这样的nginx配置会出现该问题。 location / { alias /home/vue/dist/; index i ......
vue3学习之Pinia状态管理
状态管理 src/views/Pinia.vue <script setup> import { ref } from "vue"; import { storeToRefs } from "pinia"; import { useCounterStore } from "../stores/cou ......
WPF 图片围绕中心点旋转
<Image.RenderTransform> </Image.RenderTransform> <Image.Triggers> </Image.Triggers> <Image.Source> <DrawingImage> <DrawingImage.Drawing> <DrawingGroup ......
React拖拽效果实现
基于 React 的拖拽效果 Demo 一个基于 React 的拖拽功能实现的 Demo. 两个关键点 1, draggable 属性 2, drag 事件 draggable 属性 img 标签默认是支持拖拽的, 当时其他 HTML 标签, 想要其拖动的话, 需要为其添加 draggable="t ......
ionic在iOS16上遇到的一些问题，图片、图标不显示，样式不正常等
近日，一个很久之前ionic5开发的APP的iOS版因为签名描述文件（profile、.mobileProvisioning）过期而不能使用了，所以需要重新创建一个描述文件，然后重新打包APP。但过程中却遇到了一系列的问题，特写此文记录下来。 问题1，iOS打包遇到问题：在xcode的Signing ......
vue3学习之逻辑复用
逻辑复用-组合式函数 src/views/ad/User.vue <script setup> import { useMouse } from "../../js/mouse.js"; import { useFetch } from "../../js/fetch.js"; import { r ......
Lottie - 轻松实现复杂的动画效果
Lottie - 轻松实现复杂的动画效果 Android爱好者 2018-08-20105,246阅读8分钟 1. Lottie 介绍 Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案，设计师可以使用 Adobe After Effects 设计出漂亮的动画之后，使用 Lot ......
Flutter 创建一个交错效果的侧边栏菜单
一、创建一个没有动画效果的菜单 import 'package:flutter/material.dart'; class Menu extends StatefulWidget { const Menu({super.key}); @override State<Menu> createState ......
vue3学习基础之组件
组件 Comp.vue <script setup> import { ref, provide, readonly, defineAsyncComponent } from "vue"; import DemoComp from "../../components/simple/DemoComp. ......
vue3学习基础之响应式状态
响应式状态 <script setup> import { ref, reactive, computed, watch, watchEffect } from "vue"; //reactive 响应式对象 只能用于对象、数组和集合类型 const author = reactive({ name ......
利用PaddleHub 进行人脸检测识别、并对图片进行抠图
利用PaddleHub 进行人脸检测识别、并对图片进行抠图 本文是利用百度的飞桨平台的paddle进行人脸的检测和抠图，但是里面也有一些小问题，特记录一下笔记，以便以后观看学习。 环境：python3.9 飞桨是2.5.2（截稿期是最新版） 工具：PyCharm 代码如下： # This is a ......
vue3学习基础之事件绑定
事件绑定 <script setup> import { nextTick, ref } from "vue"; function clickA() { console.log("点击了a标签，点击事件传递到了外层p标签"); } function clickStop() { console.log ......