浏览器 工具vue
常用工具类
1、生成订单号 import org.apache.commons.lang3.RandomStringUtils; public final class OrderUtils { /** * 生成20位长度订单号 * * @param id 商户ID * @return 20位长度订单号 */ p ......
谷歌浏览器 DevTools 不能粘贴内容了？
DevTools粘贴文本/代码提示Warnning 必须手动输入 "allow pasting" 才能继续执行操作，输入之后就不会再提醒了。 此项禁止原因是因为Self-XSS。自我XSS攻击，属于社会工程学的一种，看来浏览器禁止也是为了安全出发，正式环境粘贴不明代码确实可能会被XSS攻击。 ......
vue实现文件上传，前后端
前端封装el-upload组件，父组件传值dialogVisible（用于显示el-dialog），子组件接收，并且关闭的时候返回一个值（用于隐藏el-dialog）,最多上传五个文件，文件格式为.jpg\pdf\png <template> <div> <el-dialog width="30%" ......
# vue 使用 html2canvas 截取图片保存
vue 使用 html2canvas 截取图片保存 好久没有写博文了，写够了，没啥想写的了，这个号算是废了，哎，气人啊！越来越胖，越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库，它可以将HTML元素转换为Canvas元素。具体来说，它可以将整个页面或特 ......
vue封装上传图片
一。在components下新建 upLoadImg / index.js <template> <div> <el-upload class="avatar-uploader" action="111" :show-file-list="false" :auto-upload="false" :o ......
【随笔】Win10系统打开IE浏览器
WIN + R 打开运行 输入cmd，回车，进入终端； 输入： "C:\Program Files\Internet Explorer\iexplore.exe" anything -Embedding 回车，即打开IE浏览器。 该方法写于为2023年12月21日。 该文未删除表示博主可用。 ......
idm激活工具教程
执行 ==> iwr -useb https://raw.githubusercontent.com/lstprjct/IDM-Activation-Script/main/IAS.ps1 | iex 输入1，有需要回车的就会车即可 ......
vue上传图片到指定文件夹
vue代码<template> <div class="app-container"> <div class="wenben"> <el-upload :disabled="dis==0?true:false" class="upload-demo" :action="uploadUrl" :on- ......
vue3+vite动态引入图片（import.meta.glob）
Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件，但实际上这个方法就是 很多import语句的集合而已，import是可以引入图片的，所以import.meta.glob 也同样可以引入图片资源，只不过需要加入配置项 as:'url' 就可以了 ......
Vue模版（主要对axios进行了封装）
Vue模版 一、优势： vue-router（包含前后置路由守卫） axios的多次封装，aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......
全球知名的五款JavaScript混淆加密工具详解
现在市场上有很多好用的混淆加密工具，其中一些比较流行且受欢迎的工具包括： 1、UglifyJS（罗马尼亚）：UglifyJS是一个非常流行的 JavaScript工具库，它可以压缩、混淆、美化和格式化 JavaScript 代码。使用 UglifyJS 时，您可以通过调整参数来控制压缩级别并设置 ......
vue中下载--后端返回的文档流
实现后端返回的文档流，点击下载 <div class="prom-add" @click="downLoad"><i class="el-icon-download"></i>下载</div> import request from '@/router/axios' //下载 async downL ......
vue 超链接 a标签 router-link
router-link https://blog.csdn.net/lixinyi0622/article/details/107206218/ https://blog.51cto.com/u_15082403/4634663 ......
vue上传文件夹
方法1：jq import $ from 'jquery' <form id="frm-reg" :action="actionUrl"//上传地址 method="post" webkitdirectory accept="multipart/form-data" enctype="multipa ......
顶级加密混淆混淆工具测评：ipagurd
顶级加密混淆混淆工具测评：ipagurd 摘要 JavaScript代码安全需求日益增长，因此JavaScript混淆工具的使用变得广泛。本文将对专业、商业JavaScript混淆工具ipagurd进行全面评估，通过比较其功能、操作便捷性、免费试用、混淆效果等方面，帮助开发者选择适合自己项目需求 ......
物联网终端（工控）开发工具-简介
一、解决什么问题？ 1．降低企业成本，一套web框架即可解决PC、APP、工控多端系统界面。 2．降低学习成本，不管是前端还是后端人员不需要学习Winform、WPF、Qt等C/S技术。 3．更新升级方便，不同于传统C/S系统架构更新升级维护麻烦，只需要刷新或重启即可升级到最新版本。 4．整合物联网 ......
Vue中动态（import 、require）显示img图片
vue中，经常会遇到显示图片的问题， 如果是一个普通组件的话，那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个： 首先，是采用绝对路径引入。如果以后图片移动了位置，需要修改代码。 其次，如果说图片是一个logo ......
Vue项目引入图片的两种场景和三种方式
场景一：public目录下的图片 public目录 public目录下的图片引入方式： Bash <!--'/images/'+图片名称，这种属于绝对路径，/指向public目录 --> <img src="/images/image.png"> 场景二：在src目录下的图片 src目录 通过imp ......
Java 随机字符串类 工具类
Java 随机字符串工具类 随机生成字符串的工具类，在I7 10代 CPU下，大概每秒300不重复，没有使用第三方jar package com.chohn; import java.lang.management.ManagementFactory; import java.lang.manage ......
redis锁定商品解决并发售卖问题 RedisUtil工具类
redis锁定商品解决并发售卖问题 RedisUtil工具类 redis数据类型介绍： //伪代码,基本思路 //1.出redis，每次在选定商品之后，先检查redis是否已经锁定该商品，避免超卖。Set<String> cacheList = redisUtilService.getSetValu ......
vue vue3 jsx tsx
0. 安装插件（@vitejs/plugin-vue-jsx） vite官方提供了官方的插件来支持在vue3中使用jsx/tsx，直接安装就行。 yarn add @vitejs/plugin-vue-jsx -D 安装完之后在vite.config.ts中插入一下代码 import vueJsx ......
如何快速上手Line多开工具
快速上手Line多开工具的使用指南 导语：Line是一款广受欢迎的即时通讯应用程序，但它在同一设备上只允许登录一个帐号。为了方便管理多个Line帐号，使用Line多开工具是一个不错的选择。本文将向您介绍如何快速上手Line多开工具，以实现在同一设备上同时登录多个Line帐号的目标。 第一步：下载和安 ......
边做笔试边查缺补漏——算法、js基础、vue3官方文档、八股文
边投简历边完善自己的知识库。 最近这些天一直在面试和笔试＋投简历中，每次面试或笔试完后其实最重要的不是结果，而是做题的过程或者说对话的过程。因为只有这些才让我知道自己哪里还有不足，比如一碰到算法题就歇菜、vue3和vue2混用、js基础知识不牢固等等。 那我痛定思痛，有缺点咱就认咯。算法——代码随想 ......
Vue3
1、ref和reactive 原来reactive是一个对象类型，使用reactive重新赋值一个对象不起作用 <script lang="ts" setup> import {reactive} from "vue"; let user = reactive({name: '小明', age: 1 ......
The Missing Semester of Your CS Education----shell工具和脚本
一.shell脚本 1.$的关键字 $0 - 脚本名 $1 到 $9 - 脚本的参数。 $1 是第一个参数，依此类推。 $@ - 所有参数 $# - 参数个数 $? - 前一个命令的返回值 $$ - 当前脚本的进程识别码 !! - 完整的上一条命令，包括参数。常见应用：当你因为权限不足执行命令失败时 ......
微软官方发布的C#开源、免费、实用的Windows工具箱
前言 今天分享一款由微软官方发布的C#开源、免费、实用的Windows工具箱（帮助用户调整和简化Windows系统的体验，从而提高工作效率）：Microsoft PowerToys。 项目介绍 Microsoft PowerToys 是使用 C++ 和 C# 编程语言开发的。它利用了 Windows ......
鸿蒙开发之在mac上安装集成开发工具DevEco Studio
在安装集成环境后， 会拉取os的依赖文件（类似npm的包文件） ， 安装完成后 创建项目 目录结构： 我们所写的代码 就在入口文件中编写 具体文档： https://developer.huawei.com/consumer/cn/training/course/slightMooc/C101682 ......
vue3 静态配置文件
前言 有时候我们负责做的只是一个大平台系统下的某个子系统，有时候我们需要调用这个大平台系统下别的子系统的接口。 如果直接把别的接口地址，直接写在代码里，那么如果别的子系统的接口调整了，会影响到我们的系统，我们还要重新打包，部署，会很繁琐。 解决思路 我们的想法是这样： 敲代码的时候，如果要引用其他人 ......
Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装
项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求，支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹，并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件 ......