devtools浏览器edge vue
【电影推荐系统】Spring Boot + Vue3 前后端分离项目
【电影推荐系统】Spring Boot + Vue3 前后端分离项目 目录【电影推荐系统】Spring Boot + Vue3 前后端分离项目0 前言1 项目前端介绍1.1 项目启动和编译1.1.1 项目启动1.1.2 项目编译1.2 前端技术栈1.3 功能模块前端界面展示1.3.1 基础功能模块1 ......
vue3的ref、reactive、toRef、toRefs
用处:用于在setup中创建响应式变量 导出:import { ref, reactive, toRef, toRefs } from 'vue' 区别: ref 用来定义基础数据类型,String, Number, Boolean, Symbol;通过 Object.defineProperty( ......
vue改错总结
vue表单和表格一起使用的时候,表格里非编辑框不再使用v-model进行双向数据 绑定,当tabledatase的数据发生变化时候,会自动渲染新的数据,但是可便捷table单元格需要用到插槽技术,当更新name的时候才会 自动渲染 <template> <div> <el-form :model=" ......
前端环境搭建到创建vue项目运行
整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
(selenium) 让浏览器在 webdriver 调用后保持打开状态
在使用 selenium 进行 webdriver 测试时,浏览器在调用完后将会自动关闭,即使没有调用 "driver.close()"。 有时候,可能需要特意将 浏览器保持开启状态,此时需要使用 detach 参数 # 'detach' = True 将不会自动关闭 options.add_exp ......
浏览器原生支持JS Base64编码解码
1. Base64解码: var decodedData = window.atob('内容'); 2. Base64编码: var encodedData = window.btoa('base64编码内容'); 3. 中文转换报错? 若中文Base64数据转换有报错问题,可以中文先encode转 ......
通过浏览器中F12来查看form表单的提交时的请求网址
网页上的form应该是用js提交的,怎么找请求网址呢? 1.用chrome打开该网页,然后按 CTRL + SHIFT + J (或F12)打开chrome开发工具 2.从开发工具的菜单栏切换到 “网络”,然后点击页面上的表单提交按钮 3.这时在开发工具中,会产生可能不止一个请求。 4.选中上一步产 ......
在vue中使用router时所需要的配置
router.js import { createRouter, createWebHistory } from 'vue-router'; //2. 定义路由组件 import Home from "../views/Home.vue" import Login from "../views/Lo ......
修改vue-element-admin的登录逻辑
<template> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-po ......
【vue】,封装的table组件,table表格超出高度自适应滚动效果,设置页面全局统一自适应高度
需求背景:为了使后台页面的 table 列表页面始终保持统一的高度,无论我们的列表数据有多少都只占一个屏幕的高度,如果 table 表格的数据太多,只滚动table 表格的数据,页面高度保持不变;使用 window.onresize 监听浏览器的高度: // tableHeight: 为 el-ta ......
vue3 如何判断组件中的 slot 是否有填充?
两种方法: 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot ......
# vue3 组件之间传值
vue3 组件之间传值 非常好,为啥突然开这样一篇博文,首先是因为 vue3 是未来发展的趋势。其次,vue 官方已经确认,将于2023年最后一天停止对 vue2 项目的维护,这个是官方发出的通知,并且呢,尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了,同时呢,无论是 elementUI ......
vue response post 请求 excle 下载
export function downloadExcel(obj) { return request({ url: '/basic/cycleMoneyReport/downloadExcel', method: 'post', data: obj, // 请求方式必须添加 responseTyp ......
28.headless无头浏览器使用
selenium option 常用操作 目录 Options概述 添加启动配置 Options概述 是一个配置浏览器启动的选项类,用于自定义和配置Driver会话 常见使用场景: 设置无头模式:不会显示调用浏览器,避免人为干扰的问题。 设置调试模式:调试自动化测试代码(浏览器复用) https:/ ......
vue 批量打印
<el-button type="button" @click=" handleCopy "> 批量打印 </el-button> handleCopy(){ if (!this.getSelectRows()) return; if(this.selectRows.some(r => r.star ......
26.selenium 多浏览器处理
目录 多浏览器测试介绍 多浏览器测试实现 多浏览器测试背景 用户使用的浏览器(firefox,chrome,IE 等) web 应用应该能在任何浏览器上正常的工作,这样能吸引更多的用户来使用 多浏览器测试概述 是跨不同浏览器组合验证网站或 web 应用程序功能的过程 是兼容性测试的一个分支,用于保持 ......
Vue 倒计时小组件
商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠,这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法,循环的不断调用清除调用清除,具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
vue3引入使用svg图标
vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //vue.config.js import { fileURLToPath, URL } from 'n ......
21.Web 自动化测试之复用浏览器
复用浏览器简介 为什么要学习复用浏览器 自动化测试过程中,存在人为介入场景 提高调试 UI 自动化测试脚本效率 复用已有浏览器-配置步骤 需要退出当前所有的谷歌浏览器(特别注意) 输入启动命令,通过命令启动谷歌浏览器 找到 chrome 的启动路径(下一页 ppt)s 配置环境变量(下一页 ppt) ......
Google 2023年最受欢迎的Chrome浏览器扩展
前言 Google 最近发布了 2023 年最受欢迎的 Chrome 浏览器扩展插件,总计包括了 12 款扩展:可在此处下载 其中包含多款AI 驱动的扩展插件上榜,快来看看有你经常用的吗? 插件汇总 插件下载 Scribe:使用 AI 记录工作流程,并创建分步指南,轻松培训和指导同事。 DeepL ......
python_使用selenium进行webui测试的浏览器驱动安装步骤
以chrome浏览器为例。(前提是:python和pycharm安装成功,且能正常运行) 1、查看chrome浏览器的版本 方式一: 打开 Chrome 浏览器。 在浏览器右上角,点击三个点的图标。 在弹出的菜单中,选择“设置”。 在设置页面中,滚动到底部,点击“关于 Chrome”。 在关于 Ch ......
09.web 浏览器控制
目录 打开网页 刷新 回退 最大化 最小化 浏览器控制 模拟功能测试中对浏览器的操作 操作使用场景 get 打开浏览器 web自动化测试第一步 refresh 浏览器刷新 模拟浏览器刷新 back 浏览器退回 模拟退回步骤 maximize_window 最大化浏览器 模拟浏览器最大化 minimi ......
谷歌浏览器TypeError: navigator.getUserMedia is not a function
1、navigator.getUserMedia 访问麦克风、摄像头http站点是没有权限的(除了localhost)需要浏览器设置一下 打开谷歌浏览器,地址栏输入chrome://flags/#unsafely-treat-insecure-origin-as-secure 2、重启浏览器 ......
vue2.5.2设置二级目录访问
vue发布到IIS后,需要通过二级域名访问: 1、找到config->index.js 节点assetsPublicPath,设置你要的二级域名名称 2、IIS创建站点后,在站点下添加应用程序web (跟上面同名) ......
vue js 引入sdk,思路代码整理 app.vue引入
代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......
vue 将百度地图或者高德地图组件化
一、前言 百度地图已经有了 react 相关的组件库,本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉,百度地图 webgl、高德地图都是一样的,因为底层都是通过 js 控制地图 如果用组件的方式开发,比如我将 BMap.Marker 作为一个组件,我暴露一个参数position,其目的是 ......
(实用)解决csdn登录后才能复制代码以及关注博主后才能浏览全文的问题
在面向百度编程的过程中,我们总是会上网找答案,而CSDN就是其中一个答案聚居地,但是它总是会有下面的问题: 问题一: 问题二: 解决方法如下: 问题一:解决登录后才能复制代码 1.在需要复制的代码处,右键选择检查 2. 3.F12,在console中输入神秘代码:document.body.cont ......
windows 创建自定义url协议 通过浏览器打开cmd
打开regedit 注册表编辑器 找到 HKEY_CLASSES_ROOT 新建 如下目录 "C:\Windows\System32\cmd.exe" "%1" 最后在浏览器中输入 cmd://pause 即可打开cmd ......
vue3+ts打开echarts的正确方式
实例项目使用 vite5 + vue3 + ts,项目地址 vite-vue3-charts,预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK 2. 在 ......
vue中get和post请求
vue中和后台交互,首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中get请求 function ......