自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(50)
  • 收藏
  • 关注

原创 vue3 + el-input 搜索框组件封装

vue3 + el-input 搜索框组件封装

2022-06-21 14:02:58 2964 1

原创 vue3 + el-dialog

vue3 + el-dialog

2022-06-21 10:53:25 3147

原创 VUE 全局注册新组件

背景:项目中经常很多页面会复用同一个组件,比如el-table,这时候,我们可以把el-table进一步封装,把在项目中常用到的属性,方法,样式,配置等都封装起来,作为一个新组件进行全局调用使用。问题:如何把自己封装的组件作为全局组件进行调用呢?做法:以我的经常操作习惯为例,通常会把封装的公共组件放进components中,比如:然后在scripts中将组件引入,并注册,如图:最后在main.js中引入scripts,并通过Vue.use注册,即完成了组件的全局注册,如图

2022-04-22 10:09:43 1096

原创 @vue/cli4热加载失效处理

一、由于项目中出现了上一篇文章中的错误:于是修改了:/node-modules/sockjs-client/dist/sockjs.js 1603行self.xhr.send(payload); 此行被注释掉了;后来发现,这个修改也会导致热加载失效,虽然我不清楚为什么,但是亲测确实会引起失效,当然了,这只是其中一个原因;还需要进行下面的操作后,才可以保证字符正常:二、1.安装webpack-dev-servernpm install --save-dev webpack-de

2022-04-13 15:26:26 2338

原创 /sockjs-node/info?t=xxxxxxxxx net::ERR_CONNECTION_TIMED_OUT

运行vue项目,发现有这样的报错:/sockjs-node/info?t= net::ERR_CONNECTION_TIMED_OUT而且会一直报错,简直很令人讨厌,于是乎找到了解决办法:如下:注释掉 /node-modules/sockjs-client/dist/sockjs.js 1603行self.xhr.send(payload); 注释掉就好了这里1603行呢,也不是十分精准的就这行,但是大差不差,在它周围找到self.xhr.send(payload);注释掉就齐活。

2022-04-11 16:15:34 1227

原创 JS 判断list中是否存在某个元素

例如:$(['temporaryCooperation', 'effective', 'restrictionCompletion', 'rejected', 'submitted']).contains("submitted")==> true$([0,1,2,3,4,5]).contains(0)==> true$([0,1,2,3,4,5]).contains(10)==> falsea=[1,2,3,3,4,5,8]$(a).contains(

2022-03-23 16:44:20 5925

原创 JS 获取object中键值对个数

Object.getOwnPropertyNames({"name":"dasd","age":18}).length输出 2Object.getOwnPropertyNames({"name":"dasd","age":18,"sex": "M"}).length输出 3

2022-03-18 10:06:33 964

原创 JS 去掉string前后空格

去左空格;str.replace(/(^\s*)/g, "")去右空格;str.replace(/(\s*$)/g, "")去左右空格;str.replace(/(^\s*)|(\s*$)/g, "")

2022-03-18 10:04:13 1663

原创 el-table sort-method

el-table本身具备排序属性:sortable,默认值为true,则开启排序但是,此排序是按照字符Unicode编码格式排序的,所以如果该列是中文或者中文和其他字符的混合物的时候,通过sortable提供的排序出来的结果,不符合我们的预期。接下来的代码可以解决该问题,希望可以给大家提供帮助,也给为自己记录下来。 <el-table :data="tableData" style="width: 100%" :key="tableKey" border

2022-03-14 15:00:31 1778 1

原创 js 字符串转json

1.evel2. JSON.parse(text)注意:这text必须被 '' 包裹,不可以是 "",text中的内容必须是标准有效的JSON错误示例:

2022-01-12 14:50:21 364

原创 npm组件升级

1、例如:css-what已经更新到当前是2.x版本,想要下载4.x版本,可以通过下面命令  npm install --save-dev css-what@4.0.1  或 npm install --save css-what@4.0.12、--save -dev  --save:将保存配置信息到package.json。默认为dependencies节点中。  --dev:将保存配置信息devDependencies节点中。  因此:  --save:将保存配置信息到p..

2022-01-11 15:23:42 1775

原创 vue-008-如何做到在不同尺寸显示器,浏览器100%分辨率下,页面完整展示

前一阵测试提交故障,说在屏幕较小的电脑上系统页面显示不全,需要通过拖拽的方式才可以显示,要求修改成不同储存电脑屏幕下100%分辨率情况下页面又要展示完整,于是就有了这篇发文。我的解决办法如下:在App.vue文件中,加入以下代码即可:methods: { bodyScale() { var devicewidth = document.documentElement.clientWidth; //获取当前分辨率下的可视区域宽度 var scale =

2021-12-24 16:51:28 2297 3

原创 VUE-007-动态改变元素属性

方法:给元素加ref属性,令ref=”something”,然后在methods中通过this.$refs.something.属性.要改变的内容=xoxoxoxox例如:this.$refs.border.style.marginTop= 0 + 'px'

2021-12-24 16:41:54 1636

原创 JS-002-slice数组处理

js 处理数组方法slice(): 从已有的数组中返回选定的元素

2021-12-21 16:37:07 352

原创 VUE-006-el-table拖拽表头页面显示异常(二)

el-table拖拽表格宽度导致页面异常 <el-table-column fixed="right">情景2:问题列fixed="right"此时拖拽最后一列宽度,导致页面异常,如下:解决办法1:最后一列 el-table-column不要设置width,如下:解决办法2:倒数第二列加属性 :resizable="false",如下:这样设置后,最后一列尺寸就不可以被改变了。...

2021-12-21 16:34:42 792

原创 VUE-006-el-table拖拽表头页面显示异常(一)

情景1:表格最后一列加fixed="right" width="250" 属性 VS 倒数第二列给定width="200",异常如下:解决办法:倒数第二列不指定width宽度即可正常,例如:

2021-12-21 16:31:11 225

原创 css-001-overflow(属性规定当内容溢出元素框时发生的事情)

实例:设置overflow属性:div{width:150px;height:150px;overflow:scroll;}可能的值: 值 描述 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会...

2021-12-21 16:11:53 147

原创 VUE-005-el-table视效调整

header属性修改:<el-table :header-cell-style="tableHeaderStyle"></el-table>给el-table增加header-cell-style属性后,在methods中定义其属性即可:tableHeaderStyle([row, column, rowIndex, columnIndex]) { return "height: 42px;font-size: 14px;color: #4D4D4D;lin.

2021-12-21 16:03:06 325

原创 VUE-004-动态给style赋值

<el-button :style="{width: buttonWidth}"></el-button>比如:当判断当前界面是英文模式下,width是90px,中文模式下,width是80px;<script> computed: { buttonWidth: function() { return getLang() == 'zh_CN' ? 80 + 'px' : 90 + 'px'; }.

2021-12-21 15:26:19 2396

原创 VUE-003-页面跳转

方法一(跳转到其他网站,target="_blank"):<a :href="link" target="_blank"> <el-button type="text" size="small">跳转</el-button></a><script> expott default { data() { return { link: "https://

2021-12-21 15:02:57 329

原创 JS-001-前端开发中遇到filesize大小转化的问题

if (field == 'fileSize') { if (value < 1024) { return value.toFixed(2) + 'B' } else if (value >= 1024 && value < Math.pow(1024, 2)) { return parseFloat(value / 1024).toFixed(2) + 'KB' .

2021-12-21 11:16:11 751

原创 VUE-002-el-table-column两种赋值方式

赋值方法1. 使用prop<el-table :data="tableData"> <el-table-column prop="date" width="200" label="日期"></el-table-column></el-table>赋值方法2. 嵌套一个template<el-table :data="tableData"> <el-table-column label="日期" width=

2021-12-21 11:08:10 4496

原创 VUE-001-在el-table-column表格单元格中添加url跳转链接

普通文字样式的展示,赋值方式为:prop<el-table-column prop="url" label="链接" width="400" show-overflow-tooltip></el-table-column>将文字url变成链接,赋值方式为:嵌套template,使用scope.row.data赋值<el-table-column label="链接" width="400" show-overflow-tooltip> <temp

2021-12-21 10:48:34 4549

原创 Python3-爬取页面元素的几种方法

方法一:xpathfrom lxml import etreeimport requestsfrom requests import exceptionsdef get_response(url, headers=None, timeout=None): """" 当条件为假,断言失败 assert response.status_code == 200'请求报错,请求状态码为: %s'%str(response.status_code) """ tr

2020-06-29 10:34:46 1728

原创 Python3 爬虫-判断 url 是否使用了CDN

原理:已知请求 url,获取域名,使用命令 :nslookup 域名然后从得到的结果中去找是否有 Addresses 字段,有且该字段下 ip 地址要大于等于 2 个,即说明使用了 CDNimport refrom urllib.parse import urlparseimport subprocessurl = "http://www.hahah.com.cn/?file=54565f4s5f4d456d4g5df4gdf4"res = urlparse(self.url) d

2020-06-28 15:28:43 893

原创 Python3 爬虫-提取请求页面所有的真实url-BeautifulSoup

在 HTML中 <a href='xx'> 表示超链接,所以要是提取页面 url 的话就是提取 ‘xx’方法一:find_allimport urllibimport requestsfrom urllib.parse import urlparsefrom urllib import request, parsefrom bs4 import BeautifulSoupword = '周杰伦'# word为关键词,pn是百度用来分页的..url = 'http://.

2020-06-28 14:46:10 1774

原创 Python爬虫后获取重定向url的两种方法

方法(一) # 获得重定向url from urllib import request # https://zhidao.baidu.com/question/681501874175782812.html url = "https://www.baidu.com/link?url=IscBx0u8h9q4Uq3ihTs_PqnoNWe7slVWAd2dowQKrnqJedvthb3zrh9JqcMJu3ZqFrbW_DKVuTnTypDbMkZx_hwCQIGFPRVWGy

2020-05-21 15:24:43 4757

原创 python 之列表去重

方法一:list(set([xx,xx,xx])) # set是一个无需不重复元素集合{}s=[1,2,3,3,6,0,9,4]list(set(s))[0, 1, 2, 3, 4, 6, 9]s=[‘a’,‘c’,‘b’,‘b’,‘d’,‘a’,‘h’,‘e’]list(set(s))[‘d’, ‘c’, ‘b’, ‘a’, ‘e’, ‘h’]对于数字的列...

2020-04-26 10:16:14 669

原创 Python 正则-任意字符

[\s\S]* 或 [\w\W]*

2020-04-22 10:58:04 1846

转载 Python 之 关于subprocess.Popen

这块东西我不是很理解,现在只能做到会用;下面一篇文章我觉得挺有用的,留个链接,方便查找:https://www.jb51.net/article/142787.htm大家也可以看看,讲的挺清楚的。...

2020-04-22 10:55:42 114

原创 Python xml 读取之 ET.parse

Python xml 读取之 ET.parse前一篇写到了xml 读取方法(一)dom.minidom,本次再介绍一种方法:ET.parse。常用操作:tree = ET.parse(xml_path)root = tree.getroot() # 获取根节点node.tag # 获取节点名字,stringnode…attrib # 获取节点全部属性,dict要想遍历某一层节点...

2020-04-20 11:29:59 16988

原创 Python xml 读取操作之 xml.dom 模块

Python xml 读取操作之 xml.dom 模块Python xml 读取操作之 xml.dom 模块最近工作中需要从xml中提取数据作对比,android的manifest.xml的根节点是比较复杂的,如何精准的定位到想定位的子节点并且提取该子节点的节点名称、属性呢?这个问题弄得我烦恼好久,终于屡清楚了,写此文做个例子,希望可以帮助到大家。先来了先导,介绍下关于 xml 读取用到的基...

2020-04-20 11:01:53 609

原创 Python之if / elif 的区别

话说,写了这么久测试代码,突然被if和elif的用法卡住了,突然发现原来对他们两个的作用不是很明确,细思极恐啊。。。。亡羊补牢为时未晚,下面两段代码帮助有同样困惑的大家解惑(也许只有我不懂,哈哈哈哈。。。。)#encoding=utf-8a=88if a&gt;= 90: print u"优秀"if a == 88: print u"正好88"if a &gt;= 80...

2018-03-20 10:38:59 41090 19

原创 关于:selenium.common.exceptions.WebDriverException: Message: unknown error: cannot get automation exte

太阳照常升起,脚本依旧还是昨天的脚本,为啥今天就报错了呢? 先说明下哪里报错了,当我想要maximize_window()时,报错: selenium.common.exceptions.WebDriverException: Message: unknown error: cannot get automation extension from unknown error: page cou

2017-11-23 13:25:05 8585 1

原创 关于函数中要传递不确定性参数的方法:*args、**kwargs

函数中有*args和**kwargs的两种参数,那么这两种参数是干嘛用的呢? *args:默认是元祖形式 **kwargs:默认是字典形式 具体使用方式,见如下代码:#encoding=utf-8def test(name,*args,**kwargs): print name,args,kwargsif __name__=='__main__': test('ajin','

2017-11-14 14:28:58 395

原创 Postman(一)

postman是Chrome的插件,如何下载呢? postman下载地址:https://www.getpostman.com/ 然后皆可以安装了,安装还是比较简单的,这里就不赘述了!后面再继续更新。。。。

2017-11-14 14:23:11 228

原创 selenium-python-unittest自动化测试框架(数据和代码完全分离)

这套框架适合使用的场景: 1、测试数据不多 2、执行人员不需要会代码 3、看报告的时候要看执行详细结果 工程分为以下几部分: 1、公用方法包-Util 2、需要调用的固定变量包-ProjectVar 3、元素路径目录-Conf 4、页面元素常用动作方法+模块动作方法包-Action 5、测试用例执行包-TestUnittest 6、截图目录 看一下目录组成结构: 1.公用方法包

2017-11-10 17:34:00 6356 4

原创 Python-异常处理try(二)

在Python-异常处理try(一) 中最后我们提到过关于try-except-raise的内容,本篇博客,补充关于raise的一个知识点,Python-异常处理try(一) 的链接如下: http://blog.csdn.net/weixin_39568072/article/details/78481563 想说一点是,当我们使用unittest结合HTMLTestRunner来输出自动化测

2017-11-10 16:25:50 382

原创 selenium-Python之unittest(四)

在selenium-Python之unittest(二)中写到过关于报告生成的内容,将测试报告打印在了 txt 文档中,链接如下: http://blog.csdn.net/weixin_39568072/article/details/78470039 本篇微博我们还用之前的例子,来实现如何生成一份漂亮的HTML测试报告。 unittest本身是不带HTML报告的,要在Lib目录下导入这个可

2017-11-09 11:17:03 835

原创 Python-异常处理try(一)

平时在做自动化测试的时候,脚本里面会经常用到try和except,但是感觉好像对try的用法理解的不是很透彻,今天在这里重新学习下,也分享给大家!大家看一下 try 和 except 的工作原理: try: #可能发生异常的代码 <语句> except <各种异常>,e: #当try中语句发生异常的时候,就会执行except中的语句

2017-11-08 18:03:49 13325 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除