前端开发
-
建立 this.wSocket = new WebSocket('ws://192.xx.xx.xx:8080/xxx/xxxx'); //记住没有http:// if (!this.wSocket) { console.log('您的浏览器不支持websocket协议！'); //不进来这个表示浏览器支持WebSocket } PS：若是https环境，将ws改为wss即可。 俩个函数接收与发送 this.wSocket.onopen = () => { console.
2024-11-26 -
地图封装组件 <template> <div id="container"></div> </template> <script> import AMapLoader from '@amap/amap-jsapi-loader'; export default { name: "Mapview", props:{ mapinfo:{ type:Object, default:function(){
2024-11-26 -
一、引言 构建一个使用 pytest 和 Excel （用例数据 + 定位元素）结合 Allure 报告、log、Git （CI/CD）以及页面对象（PO）框架模式的自动化测试框架，并实现截图封装、测试结果回写到 Excel 的功能，以下是一个完整框架和示例。（适合自动化测试搭建框架时候使用） 二、项目结构 构建的自动化测试框架，分为以下几个主要模块： Test Cases: 存放测试用例，基于 pytest 编写 Page Objects (PO): 页面对象模式，封装操作页面的步骤 Uti
2024-11-26 -
前言 上周和部门BP聊天，她说最近在boss上放出一个初级前端岗位，平均每天都能收到500多份简历。前端市场越来越卷，跳槽前做好技术进阶突击，才能稳拿offer。 资料内容展示 三个维度： 资料框架 + 八股文+ Vue3面试题+算法题部分 资料逻辑框架 八股文 面试必备的八股文，整理的超级全。结合了2023年最新的面试动向，精准拿捏今年的前端面试！ Vue3相关面试题总结 重磅整理最新Vue3相关面试题，市面上真的不常见！从解析到源码全都有，学习起来很方便~ 算法题 前端面试卷起
2024-11-26 -
1. //多个ip以','隔开，输入验证函数，例：172.21.33.7,172.21.33.9-254 export default function validIp(value) { const ipv4s = value.split(',') for (let item of ipv4s) { if (item.includes('-')) { let arr = item.split('-') if (arr.length > 2) {
2024-11-26 -
效果图： 代码： html代码： <div class="content-left"> <el-tabs :tab-position="'left'" @tab-click="goAnchor"> <el-tab-pane v-for="(item,index) in anchorNameList" v-anchor-scroll :key="index" :label="it
2024-11-26 -
DOM元素的查找 DOM的节点分类 1.childNodes:该属性返回一个DOM对象的所有节点,其中,换行"\n"和空格也属于文本节点. 2. chilidren: 该属性只返回一个DOM对象内部的元素节点,其他节点不返回. 3. 查找某一个DOM对象的兄弟节点,父节点,子节点; 上一个: previous:下一个 :next previousElementSibling: 找到DOM 对象的上一个兄弟元素; nextElementSibling: 找到DOM 对象的下一个兄弟元素;
2024-11-26 -
效果图 Vue代码 <!-- active值为12345 --> <div class="signal"> <div class="signal-item" v-for="(item, index) in 5" :key="index" :style="[ { '--i': index + 1 }, { background: index < active ? '#409eff' : '' }
2024-11-26 -
一 设置不显示标签页 1原来的样子 2新的样子 3操作方法 about:config 搜索icon,双击选项列表中browserchrome.site icons的值，使之变为False。 二 设置竖直标签页栏 1 效果图 2 设置方法 天不生垂直标签页，浏览器万古如长夜（附Firefox垂直标签页配制方法）https://zhuanlan.zhihu.com/p/680136700 三 设置firefox不提醒更新 无效操作:打开 about:config ，设置下属变量为FAL
2024-11-26 -
今天我们来说一说在<map></map>热区链接。那什么是热区链接呢？实际上热区链接就是在一张图片上某些区域是可点击的，通常会用在区域地图，或者给图片某些区域加上提示以及点击某个区域进行跳转。图像热区链接在普通的html中是可行的，但是在uni-app中使用map标签就会直接出现地图，如下图所示： 很可惜，这并不是我想要的，那么这是为什么呢？看了uni-app的官网发现，<map></map>标签在uni-app中是其封装的一个，因为原生的map标签和uni-app的map地图组件标签的名称冲
2024-11-26