浏览器 工具vue
vscode 使用浏览器调试
launch.json { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "node", "skipFiles": [ "<node_internals>/**" ], " ......
vue表格实现拖拽排序
这老哥的，不用插件，原生js实现 借鉴：https://blog.csdn.net/chengqige/article/details/124871341 。 ......
Nginx 部署vue项目时 nginx配置问题
最近在部署vue项目时遇到问题简单记录下： 本地测试时连接的服务器后台地址 一切ok （有水印是因为我遇到问题了 去问了下大佬 然而大佬都很忙的样子 没空理我 ！！） 然而当我吧前端部署到nginx上时 问题出现了 刚才明明测试的没有问题啊！！奇了怪了 其实解决方法很简单：nginx配置问题 看图 ......
vue项目中webpack编译glsl文件的配置
1、 安装webpack-glsl-loader npm install webpack-glsl-loader 2、修改vue.config.js配置，添加内容如下 module.exports = defineConfig({ configureWebpack: (config) => { co ......
vue3使用体验--用了之后再也不想用vue2
0.个人推荐使用 setup 语法糖，看起来更加简洁。 <script setup> import { ref,reactive,onMounted } from 'vue'; const name=ref('李四')； // 定义普通数据类型的响应式，获取/修改数据需要 .value，在模板中不需 ......
Docker图形化工具Portainer安装
Docker方式安装 我们可以直接使用 **Docker** 的方式来安装 首先创建数据卷，实现数据持久化 docker volume create portainer_db 启动 **Partainer** 容器 docker run -d -p 9000:9000 --name portaine ......
Vue3 setup语法糖添加name属性
1. 安装插件vite-plugin-setup-extend npm i vite-plugin-setup-extend -D 2. 配置vite.config.ts import vue from '@vitejs/plugin-vue' import { defineConfig } fro ......
Vue3+TS配置路径别名@
##1. vite.config.ts import vue from '@vitejs/plugin-vue' import { resolve } from 'path' import { defineConfig } from 'vite' export default defineConfi ......
【学习笔记】JS+VUE
JS JS教程 HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 控制了网页的行为 简介 1、什么是JS？ JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现 ......
微软AI 绘图工具+ChatGPT免费用，10秒轻松出图，超详细教程，纯干货分享
文 / 高扬 人嘛，总爱喜新厌旧。很多朋友找我建议再做个扩展，比如讲讲如何用AI绘图。 经过内部讨论，认为这个建议可行，我们打算按从简到难的方式不断补充这方面的内容。 现在先从最简单的入手。 微软Bing开放了一款免费AI绘图工具，名为“Bing Image Creator”，中文名叫“影像建立者” ......
TS 工具类型：Record
类型定义 Record 的类型定义是下面这样： type Record<K extends string | number | symbol, T> = { [P in K]: T; } Record 的作用：构造一个对象类型，其属性键为 K，其属性值为 T。 解释类型 其一 K extends s ......
用quasar+vue3+组合式api 实现小米商城标题栏动画
先来看一下小米商城标题栏动画： 小米商城标题栏动画主要特点： 移入时二级菜单缓慢出现； 移出时二级菜单缓慢消失； 在一级菜单之间移动时，二级菜单内容直接切换，没有过渡效果。 实现思路 一、纯css实现（❌） 首先肯定是考虑 :hover，但是经过试验发现，:hover 可以实现鼠标移入移出时的过渡效 ......
vue跳到下一页
好久没接触vue了，，，写毕设的时候，需要从注册页跳到选择兴趣爱好页， 印象里还记得是使用this.$router.push({ path:'/'})来跳到下一页，但是一直跳不进去，why，，， 去路由配置中心一看，没毛病啊，配置好兴趣爱好页的路由， 然后放到注册页的子页面，，傻了，两个页面同时存在 ......
vue中使用echarts的两种方法
vue中使用echarts的两种方法 Posted on 2021-08-15 18:59 书中枫叶 阅读(33524) 评论(1) 编辑 收藏 举报 在vue中使用echarts有两种方法一、第一种方法1、通过npm获取echarts npm install echarts --save 2、在v ......
vue2 使用 swiper 轮播图效果
vue2 使用 swiper 轮播图效果 Posted on 2021-04-08 13:58 书中枫叶 阅读(1612) 评论(0) 编辑 收藏 举报 上次更新: 2022-03-08 17:06 第一步、先安装swiper插件 npm install swiper@3.4.1 --save-de ......
基于pdfbox实现的pdf添加文字水印工具
简述 最近有个需求需要给pdf加文字水印，于是开始搜索大法，但是发现网络上的代码基本都是将字体文件直接放在jar包里面。个人强迫症发作（手动狗头），想要像poi一样直接加载系统字体，于是研究了一下午pdfbox的源代码，发现FontFileFinder类可以实现这个功能。废话不多说，直接上代码。 引 ......
curl 作者开源 trurl，用于解析和操作 URL 的命令行工具
curl 作者开源 trurl，用于解析和操作 URL 的命令行工具 来源: OSCHINA 编辑: 局 2023-04-06 08:40:00 6 curl 作者 Daniel 宣布推出新的开源项目：trurl，这是一款用于解析和操作 URL 的命令行工具，主要是面向 shell 脚本作者提供。D ......
VUE：引入腾讯地图并实现轨迹动画
VUE：引入腾讯地图并实现轨迹动画 Posted on 2022-09-22 15:07 书中枫叶 阅读(1421) 评论(4) 编辑 收藏 举报 腾讯位置服务JavaScript API 效果： 引入步骤： 在 html 中通过引入 script 标签加载API服务 在一个盒子元素 div 中预先 ......
在浏览器和node中使用 GitHub的js-xlsx库进行Excel文件处理(一)
1.简介 js-xlsx 库是目前 Github 上 star 数量最多的处理 Excel 的库，功能强大，提供了各种对表格的操作，但是这个项目文档有些乱，提供的demo也只具备最基本的功能。 Demo地址: http://oss.sheetjs.com/js-xlsxGithub上源码地址: ht ......
vue 预览PDF、Docx、EXCEL文件
<template> <div class="contentArea"> <div class="fileContainer" ref="fileDiv" v-if="$route.query.fileName.indexOf('docx') !== -1"></div> <div class="f ......
vue3 el-table-column 修改时间格式
根据element文档说明，el-table中的el-table-column 是可以使用 formatter 格式化时间的。 先添加 绑定函数 formatter <el-table-column prop="createdTimeFormat" :formatter="dateFormat" l ......
vue生命周期（钩子函数）
介绍 Vue实例有一个完整的生命周期，也就是从开始创建初女台化数据、编译模板、挂载DOM、渲染一更新一渲染、卸载等一系列过程，我们称这是Vue的生命周期。 生命周期： vue实例从创建到销毁的过程。 生命周期钩子： 就是生命周期事件的别名而已 钩子函数 描述 创建期间的生命周期函数 beforeCr ......
ZR.Admin小改和VUE3版本体验
阿峰从事编程二十年了，虽然没有成为架构师，却也用过很多种架构。几年前开始研究JAVA企业级快速开发框架若依，后来发现了它的.net 版本实现-ZR.Admin。从此一发不可收拾，崇拜的五体投地。对它作了些改动，记录下来。 ......
OneForAll是一款功能强大的子域收集工具
OneForAll是一款功能强大的子域收集工具 🚀上手指南 📢 请务必花一点时间阅读此文档，有助于你快速熟悉OneForAll！ 🐍安装要求 ✔安装步骤（git 版） ✔安装步骤（docker 版） ✨使用演示 🧐结果说明 🤔使用帮助 🎉项目简介 项目地址：https://github. ......
云原生安全工具合集
以Docker+K8s为代表的容器技术得到了越来越广泛的应用，从安全攻防的角度，攻击者已经不再满足于容器逃逸，进而攻击整个容器编排平台，如果可以拿下集群管理员权限，其效果不亚于域控失陷。 在云原生安全攻防的场景下，甲乙攻防双方对于安全工具的关注点也不一样。本文试图收集一些开源的云原生安全工具，带你一 ......
使用vue3创建后台管理项目
最后案例： 一：创建一个 Vue 应用 打开控制台： npm init vue@latest 输入你需要创建的项目名称，一路回车 下载需要的包，如下： "dependencies": { "@element-plus/icons-vue": "^2.1.0", "axios": "^1.3.5", ......
selenium驱动未随浏览器更新而同步更新的问题
基于selenium模拟谷歌浏览器登录时，依赖chromedriver.exe版本信息。但谷歌浏览器升级后，之前创建的脚本可能会出现因驱动版本过低，使得之前创建的脚本运行失败的问题。 下面针对该问题进行探索和解决。 selenium版本 import selenium selenium.__vers ......
Ruoyi-vue 左侧菜单栏默认保持收缩
在项目的 src\store\modules\app.js 路径下 sidebar: { opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : false, // 如果不想这个读cookie，那么就直接设置为 ......