- 博客(14)
- 收藏
- 关注
原创 前端自动化测试
常见自动化测试分类1.单元测试,验证独立的单元模块代码或函数是否正常工作2.集成测试,验证多个单元模块间的协同工作3.UI 测试,只针对前端UI部分测试,后端数据采用mock方式4.端到端测试,从用户的角度,通过机器来模仿用户在真实浏览器中验证应用交互5.快照测试,验证程序的UI变化。
2024-06-24 16:40:36
273
原创 Vant-ui 动态tab(滚动导航)踩坑
项目需要实现动态生成tab ,并结合滚动导航监听当前激活标签,滚动当前位置(可通过标签click or 滚动位置改变)两种方式监听。但是在项目实际开始中,发现动态生成的tab无法监视当前激活标签,同时新增的时候无法自动滚动相应位置。
2022-11-23 17:31:26
4888
原创 css实现毛玻璃效果
<!-- * @Description: * @Author: liudong * @Date: 2022-02-09 11:00:26 * @LastEditTime: 2022-02-09 11:05:46 * @LastEditors: liudong--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e
2022-02-09 11:08:00
140
原创 echarts-魔改
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>&l
2021-12-07 14:23:58
234
1
原创 Vue axios 封装
http.jsimport axios from 'axios'import QS from 'qs'// 请求超时时间axios.defaults.timeout = 1000 * 10;// post请求头// axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';// 设置公共urlaxios.defaults.baseURL = '/'// 添加请求拦截器axios.i
2021-12-07 13:55:40
301
原创 封装微信小程序蓝牙模块
const logFlag = true;//是否显示日志let timeoutID;//搜索设备function startBluetoothDevicesDiscovery() { return new Promise((resolve, reject) => { timeoutID = setTimeout(() => { stopBluetoothDevicesDiscovery(); // myShowToast("连接床失败,请您联系工作人员
2021-12-07 13:50:59
650
原创 封装小程序 弹窗方法
const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.getMinutes() const second = date.getSeconds() return `${[year, mont
2021-12-07 13:49:21
664
原创 封装小程序请求
http.js 文件const app = getApp();const baseURL = app.globalData.baseURL;const token = app.globalData.tokenconst util = require('./util')const Request = (options) =>{ return new Promise((resolve, reject) => { util.showLoading('加载中') wx
2021-12-07 13:47:35
107
原创 微信小程序自定义实现toast进度百分比动画组件
微信小程序自定义实现toast进度百分比动画组件目录结构wxml<view class='wx-toast-box' style="z-index:{{level_box}}" animation="{{animationData}}"> <view class='wx-toast-content'> <view class="progress">{{number}}</view> <view class="img_box"&
2021-06-01 15:54:48
653
原创 微信小程序 自定义Tab
微信小程序 自定义顶部Tab栏需求:微信小程序在页面顶部增加Tab栏功能,方便切换功能模块。开始: 首先生成微信小程序开发项目文件,同时打算将其Tab功能封装成组件,方便后续项目复用。所以将其代码放在小程序项目文件下面的components下。WXML<view class="tabs"> <view class="tabs_title"> <view wx:for="{{tabList}}" wx:key="id" class="titl
2021-04-20 13:15:15
596
原创 解决element ui 日期选择器 给指定的多个日期修改样式
@[TOC](解决element ui 日期选择器 给指定的多个日期修改样式(自定义样式设置))需求背景:通过echart图表加以日期选择器,对用户数据进行动态切换展示,并在日期选择器中标识那天有数据和用户是否查看。技术选型采用element ui 2.14.1版本,主要通过picker Options 新增 cellClassName 进行实现。代码HTML<el-date-picker prefix-icon="el-icon-date" :picker-options="picke
2021-01-05 16:13:55
2357
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人