three vue js
vue3 axios 获得基地址
1.位置 //axios基础的封装 import axios from 'axios' import 'element-plus/es/components/message/style/css' import { ElMessage } from 'element-plus' const httpI ......
selenium等待元素加载,元素操作,执行js,切换选项卡,前进后退，异常处理,登录cnblogs,抽屉半自动点赞,xpath使用,动作链,自动登录12306
1 selenium等待元素加载🍧 # 程序执行速度很快 》获取标签 》标签还没加载好 》直接去拿会报错 # 显示等待：当你要找一个标签的时候，给它加单独加等待时间 # 隐士等待：只要写一行，代码中查找标签，如果标签没加载好，会自动等待 browser.implicitly_wait(10) 2 ......
vue：视情况绑定对应的校验。
需求：表格内输入参数的默认值，有的参数必须，有的参数可为空，通过某个属性控制。 写两个校验规则，一个是必须有值，一个是可以为空。 首先将要校验的字段绑定在form-item的prop上。随后通过判断控制属性去绑定对应的校验规则。 ......
js实现webSocket客户端
var ws = new WebSocket("ws://localhost:8080/msg"); //readyState属性返回实例对象的当前状态，共有四种。 //CONNECTING：值为0，表示正在连接。 //OPEN：值为1，表示连接成功，可以通信了。 //CLOSING：值为2，表示连 ......
vue：通过数组循环创建表格，表格中有输入框需校验，最后需要一次性校验所有表格。
表格内有form表单，form表单绑定的model数据类型必须为对象。所以需要先处理一下接口请求回来的数据。 表单需要校验，校验要用到ref，所以通过索引给每个表单生成自己专属的ref。 统一写一个校验规则，绑定至form表单中的rules中，随后在表格内的输入框form-item中绑定对应的规定。 ......
在线直播源码，js 文件上传 图片上传 传输速度计算
在线直播源码，js 文件上传 图片上传 传输速度计算 <!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, ini ......
js判断url是否可用
问题 需要判断url是否可用，再去执行其他操作，代码如下： const loadScript = (url) => { return new Promise((resolve, reject) => { const script = document.createElement('script') ......
vue 大文件分片上传(断点续传、并发上传、秒传)
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍vue实现文件上传的步骤及代码 ......
js的书写位置
行内 <button onclick="alert(’不好意思，密码错误哦‘）”>验证</button> <a href="javascript:alert（’不好意思，密码错误哦‘）">验证</a> button 为按钮，可用于之后编写验证按钮 注意：若要也行内，在div中注意要加onclick= ......
JS脚本实现刷新页面，随机加载背景图片
新建switch.js,内容如下： var imgs = [ "https://mlabs.gitee.io/pics/webp/tiankong002-mid.webp", "https://mlabs.gitee.io/pics/webp/wallhaven-gp1q87.webp", "htt ......
js 拼接字符串带变量(js方法参数单双引号拼接的问题记录)
小结：外面单引号，里面双引号，然后方法参数给转义的单引号即可(看下面的onClick事件即可） //刷新二级信号表格（增删改操作后） function reloadSignal(subId) { //清空 $("#msgAll"+subId).empty(); //js手工添加表格 var html ......
vue
1、声明私有过滤器和全局过滤器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <p>message的值是：{{mess ......
vue3 devtool
打开控制台，输入下面代码：var vue = app.__vue_app__ const hook = window['__VUE_DEVTOOLS_GLOBAL_HOOK__'] hook.emit('app:init',vue,vue.version,{ Fragment: 'Fragment' ......
vscode快捷输入vue2，vue3，模板
{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is u ......
数据可视化 - 使用swiper制作滚动表格[vue3]
html部分 1 <div class="scroll-table"> 2 <div class="scroll-table-header"> 3 <table class="scroll-table-header__table"> 4 <colgroup> 5 <col style="width: ......
vue-router中重写push方法
文章目的： 看到一段代码不理解什么意思，查了一下是为了解决，重复跳转相同的路由，控制台报错。 重写了方法后，能catch异常，不会在控制台报错了。 代码： Router.prototype.push = function push(location) { console.log(location, ......
js将数字转换为对应的中文数字
/** * 将数字转换为中文 * @param {} num * @returns */ export const changeNumToHan = (num) => { var arr1 = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'] va ......
js 数组按指定字段转map-list结构
js 数组按指定字段转map-list结构 背景介绍 在开发过程中经常会出现接口返回整个数组，我们需要将数组进行二次处理，如下格式按照不同功能模块（type）进行数据拆分 原始数据 const list = [ {"type":"red","id":1,"name":"a","count":1}, ......
vue3+vite 代码混淆插件
安装插件 yarn add --dev rollup-plugin-javascript-obfuscator 创建obfuscator.js文件，把下面相应代码放入js文件中 import obfuscatorPlugin from 'rollup-plugin-javascript-obfusc ......
wsl wangEdit 的使用与注意事项（ vue2 版本）
注： vue2 版本的 nodeJs 版本有限制，要是16或者17； 1.安装wangEditor yarn add @wangeditor/editor @wangeditor/editor-for-vue 2.使用示例 <template> <div style="border: 1px sol ......
js获去select选中值
我想获取select选中的value，或者text，或者…… 比如这个： 一：JavaScript原生的方法 1:拿到select对象： `var myselect=document.getElementById("select"); 2：拿到选中项的索引：var index=myselect.se ......
vue修改http请求头_vue-resouce设置请求头的三种方法
vue修改http请求头_vue-resouce设置请求头的三种方法 本文主要介绍了vue-resouce设置请求头的三种方法，分享给大家，具体如下： 第一种：在Vue实例中设置 var vm = new Vue({ el:'#rrapp', data:{ showList: true, title ......
如何在Vue.js中添加headers（标头） 使用 axios，单独请求，所有请求 添加请求头
如何在Vue.js中添加headers（标头）使用 axios，单独请求，所有请求 添加请求头 Vue.js 是一个流行的前端框架，它以其简单易用的 API 和高度可组合的架构而闻名。当你构建一个 Web 应用时，你通常会使用一个 HTTP 客户端来与 API 交互。该客户端可以是一个浏览器内部的 ......
vue 2 升级vue3 前端老白
vue 2 升级vue3 前端老白 原文链接：Vue 3已经发布，而Vue 2到Vue 3的升级需要一些注意点。本文将介绍Vue 2升级到Vue 3的具体步骤，让您在升级中无后顾之忧。首先，我们需要升级Vue CLI到4.x。在升级前，我们需要备份项目代码，以防出现意外情况。接着，我们需要在命令行中 ......
js日期排序
let data = [ {id: 2, time: '2019-04-26 10:53:19'}, {id: 4, time: '2019-04-26 10:51:19'}, {id: 1, time: '2019-04-26 11:04:32'}, {id: 3, time: '2019-04- ......
js substring截取字符串，不信你看不懂，简单案例分享
在 JavaScript 中，substring 方法用于截取字符串。它返回字符串的一个子集，即原始字符串中介于两个指定下标之间的字符。substring 方法的语法如下： str.substring(indexStart[, indexEnd]) indexStart：必需的参数，表示要提取的第一 ......
记录--Vue3基于Grid布局简单实现一个瀑布流组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在学习Grid布局之时，我发现其是CSS中的一种强大的布局方案，它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局，在刷某书和某宝首页时，我们发现其展示方式就是一种瀑布流，是一种流行的网站页面布局，视觉表现为参差不 ......
js判断数据类型最准确的方法之一
function getType(data) { const type = Object.prototype.toString.call(data); let res = ''; switch (type) { case '[object Object]': res = 'Object'; brea ......
vue的token登录检验和路由守卫的配置
1.登陆操作时，保存token localStorage.setItem("token",res.data.token) 2.钩子函数 // 钩子函数，访问路由前调用 router.beforeEach((to, from, next) => { // 路由需要认证 if (to.meta.notR ......