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 ......
项目 Spring 系统 电影 Boot

vue3的ref、reactive、toRef、toRefs

用处:用于在setup中创建响应式变量 导出:import { ref, reactive, toRef, toRefs } from 'vue' 区别: ref 用来定义基础数据类型,String, Number, Boolean, Symbol;通过 Object.defineProperty( ......
reactive toRefs toRef vue3 vue

vue改错总结

vue表单和表格一起使用的时候,表格里非编辑框不再使用v-model进行双向数据 绑定,当tabledatase的数据发生变化时候,会自动渲染新的数据,但是可便捷table单元格需要用到插槽技术,当更新name的时候才会 自动渲染 <template> <div> <el-form :model=" ......
vue

前端环境搭建到创建vue项目运行

整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
前端 环境 项目 vue

(selenium) 让浏览器在 webdriver 调用后保持打开状态

在使用 selenium 进行 webdriver 测试时,浏览器在调用完后将会自动关闭,即使没有调用 "driver.close()"。 有时候,可能需要特意将 浏览器保持开启状态,此时需要使用 detach 参数 # 'detach' = True 将不会自动关闭 options.add_exp ......
webdriver selenium 浏览器 状态

浏览器原生支持JS Base64编码解码

1. Base64解码: var decodedData = window.atob('内容'); 2. Base64编码: var encodedData = window.btoa('base64编码内容'); 3. 中文转换报错? 若中文Base64数据转换有报错问题,可以中文先encode转 ......
编码 浏览器 Base 64

通过浏览器中F12来查看form表单的提交时的请求网址

网页上的form应该是用js提交的,怎么找请求网址呢? 1.用chrome打开该网页,然后按 CTRL + SHIFT + J (或F12)打开chrome开发工具 2.从开发工具的菜单栏切换到 “网络”,然后点击页面上的表单提交按钮 3.这时在开发工具中,会产生可能不止一个请求。 4.选中上一步产 ......
表单 浏览器 网址 form F12

在vue中使用router时所需要的配置

router.js import { createRouter, createWebHistory } from 'vue-router'; //2. 定义路由组件 import Home from "../views/Home.vue" import Login from "../views/Lo ......
router vue

修改vue-element-admin的登录逻辑

<template> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-po ......
vue-element-admin 逻辑 element admin vue

【vue】,封装的table组件,table表格超出高度自适应滚动效果,设置页面全局统一自适应高度

需求背景:为了使后台页面的 table 列表页面始终保持统一的高度,无论我们的列表数据有多少都只占一个屏幕的高度,如果 table 表格的数据太多,只滚动table 表格的数据,页面高度保持不变;使用 window.onresize 监听浏览器的高度: // tableHeight: 为 el-ta ......
高度 table 全局 组件 表格

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 slot vue

# vue3 组件之间传值

vue3 组件之间传值 非常好,为啥突然开这样一篇博文,首先是因为 vue3 是未来发展的趋势。其次,vue 官方已经确认,将于2023年最后一天停止对 vue2 项目的维护,这个是官方发出的通知,并且呢,尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了,同时呢,无论是 elementUI ......
组件 之间 vue3 vue

vue response post 请求 excle 下载

export function downloadExcel(obj) { return request({ url: '/basic/cycleMoneyReport/downloadExcel', method: 'post', data: obj, // 请求方式必须添加 responseTyp ......
response excle post vue

28.headless无头浏览器使用

selenium option 常用操作 目录 Options概述 添加启动配置 Options概述 是一个配置浏览器启动的选项类,用于自定义和配置Driver会话 常见使用场景: 设置无头模式:不会显示调用浏览器,避免人为干扰的问题。 设置调试模式:调试自动化测试代码(浏览器复用) https:/ ......
headless 浏览器 28

vue 批量打印

<el-button type="button" @click=" handleCopy "> 批量打印 </el-button> handleCopy(){ if (!this.getSelectRows()) return; if(this.selectRows.some(r => r.star ......
vue

26.selenium 多浏览器处理

目录 多浏览器测试介绍 多浏览器测试实现 多浏览器测试背景 用户使用的浏览器(firefox,chrome,IE 等) web 应用应该能在任何浏览器上正常的工作,这样能吸引更多的用户来使用 多浏览器测试概述 是跨不同浏览器组合验证网站或 web 应用程序功能的过程 是兼容性测试的一个分支,用于保持 ......
selenium 浏览器 26

Vue 倒计时小组件

商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠,这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法,循环的不断调用清除调用清除,具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
组件 Vue

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 ......
图标 vue3 vue svg

21.Web 自动化测试之复用浏览器

复用浏览器简介 为什么要学习复用浏览器 自动化测试过程中,存在人为介入场景 提高调试 UI 自动化测试脚本效率 复用已有浏览器-配置步骤 需要退出当前所有的谷歌浏览器(特别注意) 输入启动命令,通过命令启动谷歌浏览器 找到 chrome 的启动路径(下一页 ppt)s 配置环境变量(下一页 ppt) ......
浏览器 Web 21

Google 2023年最受欢迎的Chrome浏览器扩展

前言 Google 最近发布了 2023 年最受欢迎的 Chrome 浏览器扩展插件,总计包括了 12 款扩展:可在此处下载 其中包含多款AI 驱动的扩展插件上榜,快来看看有你经常用的吗? 插件汇总 插件下载 Scribe:使用 AI 记录工作流程,并创建分步指南,轻松培训和指导同事。 DeepL ......
浏览器 Google Chrome 2023

python_使用selenium进行webui测试的浏览器驱动安装步骤

以chrome浏览器为例。(前提是:python和pycharm安装成功,且能正常运行) 1、查看chrome浏览器的版本 方式一: 打开 Chrome 浏览器。 在浏览器右上角,点击三个点的图标。 在弹出的菜单中,选择“设置”。 在设置页面中,滚动到底部,点击“关于 Chrome”。 在关于 Ch ......
selenium 步骤 浏览器 python webui

09.web 浏览器控制

目录 打开网页 刷新 回退 最大化 最小化 浏览器控制 模拟功能测试中对浏览器的操作 操作使用场景 get 打开浏览器 web自动化测试第一步 refresh 浏览器刷新 模拟浏览器刷新 back 浏览器退回 模拟退回步骤 maximize_window 最大化浏览器 模拟浏览器最大化 minimi ......
浏览器 web 09

谷歌浏览器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 (跟上面同名) ......
目录 vue2 vue 5.2

vue js 引入sdk,思路代码整理 app.vue引入

代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......
vue 思路 代码 app sdk

vue 将百度地图或者高德地图组件化

一、前言 百度地图已经有了 react 相关的组件库,本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉,百度地图 webgl、高德地图都是一样的,因为底层都是通过 js 控制地图 如果用组件的方式开发,比如我将 BMap.Marker 作为一个组件,我暴露一个参数position,其目的是 ......
地图 组件 vue

(实用)解决csdn登录后才能复制代码以及关注博主后才能浏览全文的问题

在面向百度编程的过程中,我们总是会上网找答案,而CSDN就是其中一个答案聚居地,但是它总是会有下面的问题: 问题一: 问题二: 解决方法如下: 问题一:解决登录后才能复制代码 1.在需要复制的代码处,右键选择检查 2. 3.F12,在console中输入神秘代码:document.body.cont ......
代码 全文 问题 csdn

windows 创建自定义url协议 通过浏览器打开cmd

打开regedit 注册表编辑器 找到 HKEY_CLASSES_ROOT 新建 如下目录 "C:\Windows\System32\cmd.exe" "%1" 最后在浏览器中输入 cmd://pause 即可打开cmd ......
浏览器 windows url cmd

vue3+ts打开echarts的正确方式

实例项目使用 vite5 + vue3 + ts,项目地址 vite-vue3-charts,预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK 2. 在 ......
echarts 方式 vue3 vue ts

vue中get和post请求

vue中和后台交互,首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中get请求 function ......
post vue get
共9000篇  :10/300页 首页上一页10下一页尾页