布局vue web rem
Rem部署适配
参考 vant 官网：https://vant-contrib.gitee.io/vant/v3/#/zh-CN/advanced-usage 两个插件： 1. postcss-pxtorem 是一款 PostCSS插件，用于将 px 单位转化为 rem 单位 2. lib-flexible 用于设 ......
从前做前端的时候， 联通的好多html5活动， 页面布局如何整齐，回顾一个常用的
今天想布个页面， 许久不手写css了，从前写了许多html5的游戏活动等， 大转盘，豆豆世界，沃积分， 刮刮卡， 那时候早，不同手机端一个个测，手机品牌每个浏览器都不一样，那时候测试部的可是好好弄了我写的积分平台的联通全栈移动端了， 搞了通宵才让回家，因为要赶上线。 如今却css许久不写了，好多技能 ......
Meta3D -- 开源的Web3D低代码平台
大家好，Meta3D是开源的Web3D低代码平台，快速搭建Web3D编辑器，共建开放互助的web3d生态。
现在发布了v1.0版本 ......
【vue】,封装的table组件，table表格超出高度自适应滚动效果，设置页面全局统一自适应高度
需求背景：为了使后台页面的 table 列表页面始终保持统一的高度，无论我们的列表数据有多少都只占一个屏幕的高度，如果 table 表格的数据太多，只滚动table 表格的数据，页面高度保持不变；使用 window.onresize 监听浏览器的高度： // tableHeight: 为 el-ta ......
Python+Selenium+Pytest+Allure+Jenkins实现的Web自动化框架
目录一、测试的项目二、需求分析三、用例设计-部分用例举例四、框架说明4.1 测试框架结构图如下：4.2 项目功能五、代码设计与功能说明5.1 POM简介：Page Object Modle页面对象模型5.2 基础封装层：pages/basePage.py5.3 PO页面对象层：pages/userL ......
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 ......
vue 批量打印
<el-button type="button" @click=" handleCopy "> 批量打印 </el-button> handleCopy(){ if (!this.getSelectRows()) return; if(this.selectRows.some(r => r.star ......
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 ......
22.Web自动化测试之Cookie登录
cookie 是什么 Cookie 是一些认证数据信息,存储在电脑的浏览器上 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息 为什么要使用Cookie自动化登录 复用浏览器仍然在每次用例开始都需要人为介入 若用例需要经常执行，复用浏览器则不是一个好的选择 大部 ......
21.Web 自动化测试之复用浏览器
复用浏览器简介 为什么要学习复用浏览器 自动化测试过程中，存在人为介入场景 提高调试 UI 自动化测试脚本效率 复用已有浏览器-配置步骤 需要退出当前所有的谷歌浏览器（特别注意） 输入启动命令，通过命令启动谷歌浏览器 找到 chrome 的启动路径（下一页 ppt）s 配置环境变量（下一页 ppt） ......
WPF基本布局代码
<Window x:Class="WpfApp2.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/200 ......
09.web 浏览器控制
目录 打开网页 刷新 回退 最大化 最小化 浏览器控制 模拟功能测试中对浏览器的操作 操作使用场景 get 打开浏览器 web自动化测试第一步 refresh 浏览器刷新 模拟浏览器刷新 back 浏览器退回 模拟退回步骤 maximize_window 最大化浏览器 模拟浏览器最大化 minimi ......
WEB前端，后端接单中 ，企业网站小程序开发
php ， Vue开发，h5开发，html，css ，js，微信小程序 ，uni-appchrome插件，需要滴滴我。看需求时间复杂度免费 例如期末大作业，毕业设计，自用工具都可以找我。 找前端师傅带带？快来吧 微信号： kaifa099 vx,请备注博客园 ......
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，其目的是 ......
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中ｇｅｔ请求 function ......
实验八-Web部署
1. 实验内容 openEuler中基于LAMP部署WordPress （1） 配置openEuler （2） 安装LAMP （3） 安装部署wordpress 2. 实验步骤 2.1 安装MobaXterm 2.2配置openEuler 在华为云openEuler 安装后，没有配置yum源，我们通 ......
vue3+lottie实现动画
1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......
Web自动化测试 - 元素定位失败如何解决
首先要读懂失败的原因： InvalidSelectorException 错误的定位表达式 Invalid...错误，大概率是脚本错误 NoSuch... 不存在 ...Not...无法操作 ...Intercepted...操作出现意外 错误：找出错误原因，改正错误即可 不存在： 是否曾经存在 是 ......
Web自动化测试原理
Web自动化测试原理： 通过控制浏览器进行一系列的自动化操作 浏览器驱动：用来控制浏览器： 是浏览器厂商开发 提供一系列的HTTP的接口 脚本 >HTTP接口 >浏览器驱动 内部API >浏览器 为什么使用Selenium？ 通过面向对象的方式，封装了这些内部接口，方便调用 Selenium 主要有 ......
Web自动化测试 - 验证码的处理
处理验证码一般会有以下几种方式： 1.关闭验证码功能 2.设置万能验证码 3.通过第三方平台识别验证码并返回 以超级鹰平台为例： 获取验证码图片 - 使用selenium提供的方法获取图片 driver.find_element(By.ID,"Verify_Code").screenshot("ve ......
Vue中$router.push()路由切换、如何传参和获取参数 和获取不到$router.push 参数问题
路由的 两种传参方式： 一： 声明式 <router-link :to="{ path: '/login' }">Home</router-link> 二： 编程式 $router.push(...) //该方法的参数可以是一个字符串路径，或者一个描述地址的对象。 不带参数写法： // 字符串（对应 ......
封装一个表情包组件（支持自定义表情图片）（基于vue3语法）
效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
vue3.0之表格拖拽-最简单的表格(不带层级/树级)
const rowDrop = () => { let tbody: any = document.querySelector(".sortableArea .el-table__body-wrapper tbody"); sortable.value = Sortable.create(tbody ......