工具vue

Vue3

Vue3.0 Devtools6.5.0 开发者工具下载和安装 1、官网地址下载: GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications. 2、下载安装 ①找到其main下的T ......
Vue3 Vue

JAVA 使用Hutool的HttpRequest加FileUtil工具类 把获取的二进制作图片内容进行保存

在使用小程序生成二维API接口时,通过HttpRequest请求获取到的Buffer为二进制内容,需要返回值必须为Byte类型,返回String类型就会变成乱码 下面直接上我的获取二维码方法,获取asscess_token略过: /** * 生成带参数的小程序二维码 */ public String ......

javaweb-vue快速入门

资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ,本人才疏学浅,记录笔记以供日后回顾 视频链接 知识点 Vue 前置条件:需要在项目中放入 vue.js文件 1) {{}} - 相当于innerText 2) v-bind:attr 绑定属性值。例如,v-bind:value - ......
javaweb-vue javaweb vue

vue3 移动端 实现树形结构 tree

实现效果: ) 版本号: 1、需求是支持全选功能,网上找了许多 这里做个记录 这里使用的是vue-virtual-tree 感觉作者写的很详细 可以跳转查看 git地址 2、使用方法 (1)npm i @ysx-libs/vue-virtual-tree (2)main.js中引入 import ' ......
树形 结构 vue3 tree vue

Python工具箱系列(二十九)

MongoDB号称文档数据库,是目前发展迅速的NoSQL数据库。它由C++语言编写,旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似json的bson格式,因此可以存储比较复杂的数据类型。MongoDB... ......
工具箱 工具 Python

vue keepAlive 三级菜单缓存

需求:缓存跨二级三级菜单。 原来项目是二级路由,现在增加一个层级。这种情况菜单展示是没有问题的,只是新的三级菜单不能缓存。 1.搭建框架 2.使用keepAlive --include <keep-alive :include="keepAliveList"> <router-view :key=" ......
缓存 keepAlive 菜单 vue

为vue程序多环境部署设置动态路由

问题的提出 Vue前端+springboot后端的开发架构很普遍,一般最终以war的形式部署到tomcat中运行。 笔者在开发、测试、部署时,由于环境不一致,需要不断改变vue前端的配置,导致一些不必要的重复工作。具体见下表, 运行环境 web服务器 前端访问后端的路径 开发时 vue采用ide自带 ......
路由 程序 动态 vue

制作房贷利息计算工具

from decimal import Decimal from pickle import GLOBAL from easygui.boxes.derived_boxes import enterbox from prettytable import PrettyTable import copy ......
房贷 利息 工具

阿里又开源一款数据同步工具 DataX,稳定又高效,好用到爆!

作者:愿许浪尽天涯 链接:https://juejin.cn/post/7077744714954309669 前言 我们公司有个项目的数据量高达五千万,但是因为报表那块数据不太准确,业务库和报表库又是跨库操作,所以并不能使用 SQL 来进行同步。当时的打算是通过 mysqldump 或者存储的方式 ......
工具 数据 DataX

vue3+ts的toRef和toRefs用法

<template> <div> <h2>toRefs的使用</h2> <h3>姓名:{{ obj.name }}</h3> <h3>年龄:{{ obj.age }}</h3> <hr /> <h3>姓名:{{ name }}</h3> <h3>年龄:{{ age }}</h3> </div> </ ......
toRefs toRef vue3 vue ts

vue-router往router component传props如果是named-views的话必须为每个named-view都定义props

在ssr改造时发现往Index.vue传props死活传不了,组件是named-view。 { path: 'list/:page', meta: { isGoodsList: true }, components: { default: () => import('pages/Index.vue' ......
router props named named-views vue-router

Vue2可以检测 引用数据类型 数组的响应式变化

在Vue2中,响应式基于Object.defineProperty实现的响应式,官方文档中明确说明 Vue 不能检测以下数组的变动: 当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.length ......
数组 类型 数据 Vue2 Vue

ArcMap将Python写的代码转为工具箱与自定义工具

本文介绍在ArcMap软件中,通过已有的Python脚本程序,建立新的工具箱并在其中设置自定义工具的方法。 通过本文介绍的操作,我们便可以实现将自己的Python代码封装,并像其他ArcGIS已有工具一样,进行界面化的地理处理操作。 话不多说,我们开始具体操作。首先,在ArcMap中打开“ArcTo ......
工具 工具箱 代码 ArcMap Python

parcel工具搭建three.js开发环境及报错填坑

parcel工具搭建three.js开发环境 今天用parcel工具搭建了一个threejs开发环境,遇到了一点小坑,简单的做一个记录。 首先贴出正确的操作姿势 mkdir threeJsDemo cd threeJsdemo yarn init //一路回车 然后生成package.json文件, ......
环境 工具 parcel three js

Vue Hls m3u8 视频/直播

Hls m3u8 视频/直播 涉及知识:Vue hls m3u8 乐橙云 大华摄像头 Vue2 实时显示大华摄像头画面 安装依赖 "vue": "^2.6.11", "video.js": "^5.19.1 || ^6.2.0", "videojs-contrib-media-sources": " ......
视频 m3u8 Vue Hls 3u

域渗透小工具分享

0x01. NetLocalGroupGetMembers功能:查询目标服务器本地管理组的成员0x02. NetLocalGroupEnum功能:返回指定服务器上的所有本地组0x03. NetGroupGetUsers功能:返回指定服务器指定组的所有成员查询域里的各个组里的成员,IP必须是域控IP0 ......
工具

kali工具-masscan

一、工具介绍 Masscan的扫描结果类似于nmap,在内部,它更像scanrand, unicornscan, and ZMap,采用了异步传输的方式。它和这些扫描器最主要的区别是,它比这些扫描器更快。而且,masscan更加灵活,它允许自定义任意的地址范和端口范围。 Masscan号称是最快的互 ......
masscan 工具 kali

vue3中如何通过遍历传入组件名称动态创建多个component 组件

背景 在 vue3 中,如果使用 component,可以动态加载一个组件,例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来,但是如果将需要展示的自定义组件放在一个数组中,遍历展示,则无法展示成功。 <!- ......
组件 component 多个 名称 动态

直播app开发搭建,Vue如何绑定一个每两秒生成的随机数

直播app开发搭建,Vue如何绑定一个每两秒生成的随机数 1、封装范围内随机整数 // 把随机数公式进行封装// 1. 准备一个函数, 接受几个参数// 两个参数, 分别是 a 和 bfunction randomNum(a, b) { // 2. 判断一下两个数字的大小关系 var max = M ......
随机数 app Vue

Vue之移动端viewport-vw适配

一、前置知识 vw:与视口的宽度有关,1vw 就是视口宽度的 1% vh:与视口的高度有关,1vh 就是视口高度的 1% vmin:与当下视口的宽度和高度的最小值有关,取值为 vw 和 vh 中较小的那个 vmax:与当下视口的宽度和高度的最大值有关,取值为 vw 和 vh 中较大的那个 vmin ......
viewport-vw viewport Vue vw

从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载

使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
组件 Vue3 glup Vue

Vue-示例

计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......
示例 Vue

Python工具箱系列(二十八)

Access也是微软Office套餐中的经典产品。虽然在许多人眼里,Access已经是上古时代的产品,但实际上它一直深受好评,并且稳定发展。之所以在许多IT人士眼里,Access不值一提的主要原因恰恰也是它深受非专业人士喜欢的原因:专供非IT人士自用的数据库。 ......
工具箱 工具 Python

vue适配移动端

vue项目中 —— rem布局适配方案 Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具: lib-flexible 用于设置 rem 基准值 postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem 下面我们分别将这两个工具 ......
vue

Vue中使用 vue-i18n 进行国际化支持

前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......
国际 vue-i Vue vue 18

常用工具地址 个人

1. sass转 csshttps://www.sassmeister.com/2. android button 在线设定 shape背景http://angrytools.com/android/button/3. android svg 转 vectorDrawablehttp://inloo ......
常用工具 常用 地址 工具 个人

vue前端导出excel

<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
前端 excel vue

Elasticsearch数据迁移工具之ESM

Elasticsearch数据迁移工具之ESM https://www.modb.pro/db/337630 git源码地址:https://github.com/medcl/esm/ ......
Elasticsearch 工具 数据 ESM

如何创建electron-vue项目?

简介 electron是一个开源的桌面端框架,上手快,界面美观,跨平台,但由于是封装的网页,性能一般,适用于一些追求外观,对性能要求不高的项目,此处记录基于electron-vue创建项目的全流程,前端使用vue,后端使用python,方便后续直接使用。 环境安装 当前系统 Windows 前端环境 ......
electron-vue electron 项目 vue

'vue-cli-service' 不是内部或外部命令,也不是可运行的程序

‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 产生原因: 项目下的node_modules文件损坏。 解决方案: 第一步:删除图片中的文件 第二步:在Terminal中运行yarn install或者npm install; 可能会报缓存问题: 清缓存:yarn cac ......
vue-cli-service 命令 service 程序 39