three vue js

JS实现一键复制文本

背景 实现对table中的某一列文本内容进行复制 代码 需求:表格中只有"姓名"列可以复制,其他列不能复制 <template> <div class="app"> <h1>App Page</h1> <el-table :data="tableData" border style="width: ......
文本

【misc】[西湖论剑 2022]mp3 --js代码,mp3隐写,lsb隐写

附件下载下来是一个mp3文件,我这里是先试了一下MP3Stego对mp3进行空密码解密 发现得到了一个txt,貌似像一个key 然后kali中foremost一下mp3,发现得到一张png图片,然后再zsteg查看这张图片 ‘ 发现有zip文件,提取出来试一下 然后用一开始得到的key可以解密这个加 ......
mp3 代码 misc 2022 mp

Vue入门

一、vue 官网:https://cn.vuejs.org/index.html 1.1Vue的简单概述 1.1.1、介绍: Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目 ......
Vue

vue3常见问题

异步组件内插槽无法获取组件实例 app.component( cName, defineAsyncComponent(async () => { this.registryNumber++; await setComponentOptions(component); return new Promi ......
常见问题 常见 问题 vue3 vue

vue升序降序按钮功能实现

需求:默认升序,悬浮按钮变色,点击按钮下标跟随变化。 html <div class="right" @click="change(item,index)" v-for="(item, index) in btnList" :key="index">{{item.lable}} <div class ......
升序 按钮 功能 vue

js实现深拷贝复制的方法

utils/deepCopy.js export default function deepCopy(obj) { // 深拷贝方法 if (typeof obj !== 'object' || obj null) { return obj; } let copy; if (obj instance ......
拷贝 方法

记录--js小练习(弹幕、 电梯导航、 倒计时、 随机点名、 购物放大镜)

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 DOM小练习 弹幕 电梯导航 倒计时 随机点名 购物放大镜 1.弹幕 效果预览 功能:输入弹幕内容,按下回车显示一条弹幕(弹幕颜色、字体随机生成) 思路:设置按钮抬起事件,在事件中判断如果按下的是回车键则将输入框中替换掉敏感词的数据追加到 ......
放大镜 电梯 js

vue + Echarts项目中引用水波图效果

1、下载插件 npm install echarts --save npm install echarts-liquidfill --save 2、在main.js中引入 import * as echarts from 'echarts'; import 'echarts-liquidfill' ......
效果 Echarts 项目 vue

解决使用js 打印当前页面时会多出一页空白纸张的问题

<block id="printarea"> </bock> $('#printdo').bind('click',function (data) { var printpage=document.getElementById('printarea'); newstr= printpage.inne ......
纸张 空白 页面 问题

js (for in)和(for of)区别

for...in 语句以任意顺序迭代一个对象的除Symbol以外的可枚举属性,包括继承的可枚举属性。 for...of语句在可迭代对象(包括 Array,Map,Set,String,TypedArray,arguments 对象等等)上创建一个迭代循环,调用自定义迭代钩子,并为每个不同属性的值执行 ......
for js in of

Vue2 校验不通过的表单,赋正确的值后,再次校验结果不变

前言 在工作中遇到了这个问题,多次排查,耗费了不少时间才解决这个问题。问题的解决很简单,但发现根本原因还是有点困难,因此在此做个记录,以防忘记。 问题发现步骤 例如有以下 Ant Design Vue 表单 <a-form-model ref="formRef" :model="model"> <a ......
表单 再次 结果 Vue2 Vue

Vue 图片上传formdata()传参形式

1. 接口需要设置 headers: { 'Content-Type': 'multipart/form-data' }, from-data流的形式传参 2. js html: // 文件上传<div class="file"> <el-button type="primary" style="w ......
formdata 形式 图片 Vue

vue2 中 el-table 实现树形列表,支持增删改等操作

需求场景:el-table构造一个树形列表,支持新增节点,删除,修改等操作。 实现效果 思路 一般的el-table 增删改,我们都很熟悉;关键在于实现一个纯前端的树形列表,最终再调接口存列表数据。 树形el-table,需要设置 row-key,一般为 id,所以每新增一条数据,都必须有id。需要 ......
树形 el-table table vue2 vue

常用JS库(转)

Day.js 一个极简的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持一样, 但体积仅有2KB。 npm install dayjs 基本用法 import dayjs from 'dayjs' dayjs().format('YYYY-MM-DD HH:m ......
常用

js继承

继承 extend 构造函数的应用 当多个构造函数需要使用一些共同的方法或者属性的时候,我们需要把这些共同的东西拿出来,单独书写一个构造函数,让其他的构造函数去继承自这个公共的构造函数 概念:让B构造函数的实例能够使用A构造函数的属性和方法,我们管B构造函数叫做A构造函数的子类,A构造函数叫做B构造 ......

gsap基础-JS动画库

https://blog.csdn.net/m0_61662775/article/details/131430585 https://blog.csdn.net/changbb/article/details/131675810 学习文档 简介 GSAP的全名是 GreenSock Animati ......
画库 基础 gsap JS

js excel操作

Js操作Excel常用方法 Js操作Excel常用方法 1.创建一个新Excel表格 var XLObj = new ActiveXObject("Excel.Application"); var xlBook = XLObj.Workbooks.Add; //新增工作簿 var ExcelShee ......
excel js

【前端面试必读】在js中为什么0.1+0.2不等于0.3

原因在于在JS中采用的IEEE 754的双精度标准,计算机内部存储数据的编码的时候,0.1在计算机内部根本就不是精确的0.1,而是一个有舍入误差的0.1。当代码被编译或解释后,0.1已经被四舍五入成一个与之很接近的计算机内部数字,以至于计算还没开始,一个很小的舍入错误就已经产生了。这也就是 0.1 ......
前端 0.1 0.2 0.3

JS监听系统是否为暗黑模式

// 在 App.vue文件下定义即可 // useDark() 和 useToggle() 均需要安装 @vueuse/core 包 即可使用 npm install element-plus --save 安装 Element-Plus npm install @vueuse/core --sa ......
模式 系统

vue路由切换时内容组件的滚动条回到顶部

vue路由切换时内容组件的滚动条回到顶部:https://blog.csdn.net/Macao7_W/article/details/125517519?ops_request_misc=%257B%2522request%255Fid%2522%253A%25221702523730168001 ......
路由 组件 顶部 内容 vue

vue中echarts图表(二)---折柱混合

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
图表 echarts vue

Vue2添加路由后界面变成空白

在vue2中,每当我添加路由选项的时候,vscode并不会报错,运行后连原本的东西都不见了 也尝试了一下网上搜索的方案,如加上history等等 经过一番摸索发现是导入router的语句导入到了最新版本的router,最新版本的router是匹配的vue3,导致页面一片空白 解决方法就将原来的rou ......
路由 空白 界面 Vue2 Vue

cesium.js入门基础教程三 (地形)

地形简介 Cesium默认是不包含地形的,准确的说应该是Cesium默认加载的地形是没有起伏效果的,如下图所示,在包含山脉的地区是看不到地形起伏的: 默认使用的地形为 "WGS84 Ellipsoid": 地形提供者 TerrainProvider 与影像类似,在Cesium中包含了一些地形提供者T ......
地形 基础 教程 cesium js

vue中echarts图表---正负轴柱状图

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
正负 图表 echarts vue

vue项目 npm install 安装依赖 特别慢 解决办法

vue项目 npm install 安装依赖 特别慢 解决办法使用NPM(Node.js包管理工具)安装依赖时速度特别慢,为了安装Express,执行命令后两个多小时都没安装成功,最后只能取消安装,笔者20M带宽,应该不是我网络的原因,后来在网上找了好久才找到一种最佳解决办法, 在安装时可以手动指定 ......
install 办法 项目 vue npm

CentOS 8.1成功安装最新Node.js 20教程(含用到的全部命令和截图演示)

yum换镜像和源 CentOS 已经停止维护的问题。2020 年 12 月 8 号,CentOS 官方宣布了停止维护 CentOS Linux 的计划,并推出了 CentOS Stream 项目,CentOS Linux 8 作为 RHEL 8 的复刻版本,生命周期缩短,于 2021 年 12 月 ......
截图 命令 教程 CentOS Node

python网站创建010:js中的(变量、数据类型、if语句、for循环)

JS:定义(全局变量)和(局部变量) <!DOCTYPE html> <html> <head> <title>初识:JavaScript</title> <meta charset="UTF-8"> </head> <body> <script> // 定义全局变量:不用var,变量名建议用(驼峰 ......
变量 语句 类型 数据 python

js工具函数

export function delEmptyAttr(obj){ let newObj={}; Object.keys(obj).forEach((key)=>{ if(obj[key]){ newObj[key]=obj[key]; } }) return newObj } ......
函数 工具

vue过滤器

使用场景:加工属性,对属性做一些类似格式化的操作但不会改变该属性;看起来跟computed类似,后面总结两者区别 使用地方:可以放在{{}}插值中使用,也可以在v-bind表达式中使用(vue2.1.0+支持) 注意事项:过滤器中this不能获取vue实例 全局过滤器: //main.js Vue. ......
过滤器 vue

记录--7个Js async/await高级用法

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 7个Js async/await高级用法 JavaScript的异步编程已经从回调(Callback)演进到Promise,再到如今广泛使用的async/await语法。后者不仅让异步代码更加简洁,而且更贴近同步代码的逻辑与结构,大大增强 ......
async await