自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue项目移动端禁止缩放 左右滑动

vue项目移动端安卓和ios禁止缩放 左右滑动

2022-11-02 16:05:37 1862 1

原创 webstorm局域网ip访问html

webstorm编辑器启动html,使之能在局域网访问

2022-09-22 11:49:44 1405

原创 微信小程序图片组件,ios不显示,安卓正常

微信小程序图片,安卓正常,ios不显示

2022-08-15 19:44:31 2618

原创 webstorm比较文件差异

一.比较两个文件1.1在项目文件树中,ctrl + 鼠标,选中需要比较的文件,如下图所示ctrl + D快捷键即可比较1.2在项目文件树中,选中一个文件 ctrl+D 快捷键,在弹窗中选择需要对比的文件,如下图所示 点击OK键,即可开始对比文件内容,如下图所示二.比较与git历史版本的差异在文件中鼠标右键,选择Git,在选择compare with... 如下图所示 上述操作后,就会打开如下图所示的窗口,双击一个版本即可进行比较 ...

2021-10-09 21:30:00 3459

原创 webstorm 打开npm命令板

1.在package.json上,鼠标右键,然后选择show npm scripts即可,如下图1所示2.上一步操作完之后,就是出现下图2所示的命令板,双击或者右键就可以执行相关命令啦~

2021-09-22 16:54:37 1639

原创 webstorm ctrl加鼠标左键失效,cannot find declaration to go to 解决方法

最近一段时间,webstorm中一些mixins的方法,在使用的地方很多白色下波浪线,鼠标移上去,一直报cannot find declaration to go to ,看着很不舒服在网上找了很多方法试了都没有用,今天总算解决了~最终的解决方法是:删除.idea文件,重新打开项目,一切就恢复正常啦~尝试过的其它方法,虽然没解决我的问题,也一并记录一下:方法1:1.1. 打开 file => settings => Languages & Frameworks =>

2021-09-22 16:52:45 3587 2

原创 echarts tooltip内容过多超出显示范围

场景1:内容多,但在容器足够显示这么多内容方案1:设置tooltip.confine = true;将tooltip限制在容器内,下图为echarts对tooltip.confine的解释方案2:设置position/*1.设置x轴左右固定,上下跟随。*/position: function(point, params, dom, rect, size){ return [0,point[1]];}/*2.设置Y轴上下固定,X左右跟随。*/position: func

2021-03-11 09:51:36 11462 3

原创 python爬取中国-省-市-区县的geoJSON格式地图数据

github地址:https://github.com/sky-Aimee/geoJson-cn

2021-03-04 16:59:23 2390 4

原创 前端gitlab-ci打包流水线优化

背景:项目使用的gitlabci,打包成docker镜像,最近打包越来越慢,打包一次需要40分钟左右,影响上线速度分析:通过查看打包的日志,主要慢在了Creating cache 和 Uploading artifacts上面,以及docker镜像比较大,下图为优化前(左),优化后(右)的对比图 解决方案:1.解决catch问题,主要是缓存了node_modules,原先是在全局中定义的,实际node_modules只在build-node这个job中使用了,只需要在这个...

2021-03-04 14:56:16 2790 1

原创 自动巡检网页发送截图至企业微信群

背景:公司的系统比较多,1.运维人员需要每天早晚需要登陆进各个系统巡检,花费时间较长。2.节假日必须携带电脑做每日巡检工作,方便节假日不用打开电脑即可完成选件。概述:该项目主要是实现对网页页面截图,并通过企业微信机器人发送到企业微信群中。可自行结合windows系统的 计划任务,实现定时截图发送到企业微信群中。企业微信群效果图:github地址:https://github.com/10ABeautySpot/screenShot环境:python3 + selenium3 + we..

2021-03-03 15:21:43 2093 1

原创 python xlrd Excel xlsx file; not support

之前写的自动化UI测试的代码,转到另外一台机器上执行时,使用xlrd解析文件这一块一直报错,报错内容如下图一所示:打开cmd,输入pip list查看xlrd的版本号pip list

2021-01-25 22:13:27 1183

原创 python + selenium3 Firfox与chorm浏览器常用设置

from selenium.webdriver.chrome.options import Options firefox_options = Options() firefox_options.set_preference("browser.download.dir", exportUrl) #设置下载地址 firefox_options.add_argument('--start-maximized') # 最大化运行(全屏窗口),不设置,取元素会报错 fir..

2021-01-25 18:12:14 858

原创 python 在企业微信通过群机器人发送消息

1.在企业微信新建一个群,最开始最好只加入自己,方便测试,以免影响他人在企业微信群昵称处右键鼠标,选择添加群机器人-添加群机器人-新创建一个机器人,如下图所示:2.添加完群机器人之后,在群的联系人里面,即可看到新添加的机器人,鼠标放在机器人上,即看到webhook地址,由此可得到一个key值3.电脑上按下win+r,输入cmd,在命令行输入 pip install WorkWeixinRobot,等待安装成功!4.发送消息部分相关代码from WorkWeixinRobot.w

2021-01-12 22:51:48 4476 1

原创 微信小程序使用vant weapp的van-field,输入有内容时,表单校验数据一直为空的问题

在微信小程序中使用了van-field来输入用户的手机号码,并且实现实时校验手机号码的正确性,具体表现如下主要原因是不支持数据双向绑定:当输入内容发生改变得时候,需要通过bind:change来将数据赋值给phoneNumber;<van-field model:value="{{ phoneNumber }}" type="number" error-message="{{phoneNumberError}}" center clearable placeholder="请输入手机号码

2021-01-09 23:40:12 13231 1

原创 python3+selenium3+webdriver 自动化测试环境准备与示例

一.python3环境搭建前提:windows,python31.python官方网站下载二.安装selenium三.浏览器驱动四.python+selenium3 简单示例4.配置环境变量 安装selenium,通过pip 安装 pip install selenium浏览器驱动安装:安装谷歌,火狐各个浏览器对应的驱动...

2021-01-09 23:36:36 1336 3

原创 git从官网下载失败

从git官网上下载很缓慢,下载一半之后经常失败解决方案:从淘宝镜像下载,各个版本均有。地址:https://npm.taobao.org/mirrors/git-for-windows

2021-01-05 13:15:33 581

原创 微信小程序上线问题与经验总结

传送门:常见拒绝情形官方文档开发原则与注意事项官方文档经验:1.提交审核尽量晚上提交,容易通过2.尽量带示例图片提交审核问题与方案一.登录流程问题前期产品设计时,需要考虑游客角色,允许用户在未登录状态能够浏览部分界面,了解小程序的主体。二.内容安全验证 官网解释主要是需要对图片,视频,文字做校验,两个思路:1.对上传的图片,视频,文字做安全检测,可参考官方提供的接口(接口文档地址); 2.后台对用户上传的图片,视频,文字做审核功能,审核后才能发布;.........

2020-11-13 11:02:25 824

原创 uniapp 微信小程序引入vant weappp

传送门:vant weapp文档地址uniapp文档地址前提:已经有uniapp项目第一步: 新建存放组件的目录根目录下创建 wxcomponentswxcomponents下新建vant目录第二步: 项目中引入vant-weapp组件在vant-weapp的GitHub Releases版块下载最新的zip包解压下载文件,将dist目录拷贝到刚才创建vant目录中第三步:具体组件引入将绝大多数界面需要使用的组件在pages.json的globalStyle中引入,如下图所示若仅是单

2020-11-05 21:46:55 2433 1

原创 火狐浏览器安装selenium ide以及简单使用

ide火狐浏览器插件https://www.cnblogs.com/Rawls/p/12883209.html?utm_source=tuicool&utm_medium=referralhttps://www.cnblogs.com/Nancy-Lee/p/10986324.html

2020-09-17 15:27:49 6332

原创 npm ERR! Cannot read property ‘match‘ of undefined

删除项目nodule_modules之后,再重新npm install之后,报错如下图所示解决方法:删除nodule_modules文件夹,删除package-lock.json.然后再运行npm install即可

2020-08-21 17:07:54 2878

原创 el-form表单验证报错[Element Warn][Form]model is required for validate to work!

在项目中偶尔出现表单报错,报错截图如下图所示:1.<el-form>属性绑定错误:model绑定,而不是v-model<el-form :model="form" ref="form" :rules="rules"> </el-form>2.ref重复检查是否在其它表单中使用了相同的ref命名...

2020-08-18 10:40:11 16759 2

原创 Vue项目升级后路由跳转无反应,报错Loading chunk chunk-xxxxx failed

现象描述:系统升级后,偶尔出现切换菜单无响应情况,手动刷新界面后恢复正常,报错信息如图所示原因分析:项目中使用了路由懒加载,每次发版且未手动刷新界面,点击菜单时,对应的文件在服务器端已被删除,此时就出现了点击菜单无反应的情况解决方法:1.不采用懒加载路由2.监听路由错误,正则匹配对应的错误消息后,自动刷新界面,代码如下router.onError((error) => { const pattern = /Loading chunk chunk-(.*)+ failed/g;

2020-08-12 09:47:01 3956

原创 界面偶尔出现无权限跳转

背景:系统中的菜单均带权限,权限相关信息为请求接口后保存在cookie中的重现步骤:修改系统时间,并且使用系统后,不关闭浏览器再次调整时间为当前时间,登录时显示无权限跳转;原因分析:使用本地时间设置的cookie,而实际是通过服务器时间判断是否过期,修改时间过大时,会使cookie过期,造成cookie无法设置的问题。系统中将权限存在cookie中的,最后获取到的用户权限为空,造成了登录时显示无权限跳转;参考资料:cookie设置的过期时间是以服务器时间为基准,在浏览器得到服务器的任何HTTP响

2020-08-12 09:42:36 552

原创 Input type=“passaword”在不同浏览器下出现小图标的问题

使用的elementui el-input,已经自定义了密码显示/隐藏图标,当在IE浏览器时,会有默认的小眼睛展示,如下图所示,两个小图标,第一个是自带的,第二个是自定义的图标解决办法.el-input__inner::-ms-reveal { display: none;}当不是elementui时,可给input加样式名后,再加入这段css例如: <input type="password" class="hidden-eye">.hidden-eye::.

2020-07-30 14:02:56 878

原创 el-cascader 单选模式下,搜索结果无法高亮

问题描述:当查看某一个站点时,通过搜索选中另外一个站点后,再次点开站点选择器,高亮展示的还是上一次选择的站点父级路径;解决方案:1.将elementui的el-panel组件复制到业务系统中,调整组件中的相关路径;2.在clearCheckedNodes(377行)方法中加入以下三行代码,主要是在单选清空选中节点时,清空并且重新获取activePath;3.在监听value的这里(147行)加入clearCheckedNodes方法;解决后截图:...

2020-05-13 11:00:50 1183

原创 echarts做折线图默认不显示某几条折线

aaa

2020-05-08 10:14:53 10244

原创 element-ui的el-cascader多选在IE中样式不正常

https://segmentfault.com/q/1010000019908851

2020-02-21 10:39:51 2458 1

原创 element ui 日期选择组件控制可选时间范围

业务场景:系统中各个界面已有时间选择组件,没有做到时间范围统一限制,比较凌乱,需对其进行统一的可配置化管理。业务需求,1.可选时间范围不可超过当前时间;2.选择的范围不能超过一年;3.可选择的范围后期可动态配置一.封装了一个exportLimit.js设置了三个缓存数据,再进入系统的时候,请求接口并将数据缓存下来,以供使用。(因为产品需要不动代码就能改变这些参数,这里我的这些参数是...

2019-12-28 14:52:51 4229

原创 element ui tree懒加载 新增,编辑,删除子节点后的刷新节点

前面一篇的table的懒加载做了三四天,做的心累。 不得不说这次tree的懒加载比table的懒加载好实现多了,至少官方文档里面提供了方法,不需要去过源码。业务逻辑也比前面的一个简单一些,没有修改父级节点的需求。1.界面展示做组织机构的管理,里面用了element-ui tree的懒加载,对树做新增子节点,删除节点,编辑节点后刷新节点数据,界面如下图所示。2.界面主要代码&...

2019-12-27 15:54:04 6468

原创 element-ui table懒加载,新增,编辑,删除子节点后的刷新节点

做全国行政区划的展示,包含街道数据有十几万条,全部加载接口比较慢,所以采取了table的懒加载,在新增子节点,编辑删除节点的过程中,官方文档里面并没有相对应的方法,里面遇到了很多坑,这里记录一下实现方法。1.首先界面如图所示,业务场景:表格外层有创建按钮,创建的是第一层节点,表格上的添加是指添加子节点,编辑和删除是针对当前节点,编辑时可以编辑父级区划;2.表格界面主要代码...

2019-12-24 14:23:48 12065 6

原创 element-ui 表单验证数字类型提示 xx is not a string

在做编辑行政区划的区划时,一打开编辑界面表单验证会报“code is not a string”解决办法如下,code本身是number类型,在表单验证里面改为number类型...

2019-12-23 09:10:09 8394

原创 git 提交信息规范

一、开发时必须从最新代码上拉取功能分支,以分支-用户-功能为新的分支名结构:xxx-xxx-xxx例子:dev-aimee-user-create二、提交分支时注明:动作类型(新增、修改、删除、重构)+用户故事+改动明细,禁止填写无意义或不相关的注明;结构:【xxx】(xxx)xxxxx例子:【feat】(用户新增): 新增用户【type】(<scope>): ...

2019-12-12 15:52:00 233

原创 git常用命令

1.仓库相关git clone xxxxxx //克隆仓库,xxxxxx为仓库地址2.分支操作:git branch -a //查看远程分支列表git branch //查看本地分支git pull origin xxx //从远端xxx分支拉取项目git checkout -b xxx // 在本地新建分支xxx并切入git checkout xxx // ...

2019-11-21 09:34:48 131

原创 axios+post下载文件,以及接口报错处理

遇到一个需求是,选择区域的站点之后,用get请求,站点ID的数组参数可能会超过浏览器参数长度限制,最后无法下载。于是换成了post方式下载文件。第一步:与后台沟通好response header的设置,并规定好fileName的编码方式,方便前端拿到后解析content-disposition: attachment;fileName=%E9%81%A5%E6%84%9F%E8%A7%A...

2019-11-11 15:38:32 2119

原创 下载文件在IE下400

一直使用的window.location.href做文件下载,今日收到反馈说在IE11下面会出现http400的错误,其它浏览器均正常。处理办法:比如下载路径中有参数name=石家庄 用方法encodeURI()处理下再传就不会出问题了,encodeURI() 函数可把字符串作为 URI 进行编码。例:window.location.href= "index?id="+id+"&am...

2019-11-11 14:17:16 614

原创 常用工具地址汇总

Vuehttps://cn.vuejs.org/v2/guide/Vuexhttps://vuex.vuejs.org/zh/vue-routerhttps://router.vuejs.org/zh/Axioshttp://www.axios-js.com/https://github.com/axios/axiosvue-i18n-多...

2019-11-11 14:01:28 309

原创 npm install xxx 与npm install xxx save 与npm install xxx save dev的区别

一、npm install xxx1. 安装xxx包到项目node_modules目录下。2. 不会将xxx包的依赖写入package.json的dependencies 属性下。3. 运行 npm install 初始化项目时不会下载该包。npm install -g xxx1. 安装xxx包到全局,不会在项目node_modules目录中保存该包。2. 不会将xxx包的依赖写...

2019-09-24 13:38:36 474

原创 webstorm快捷键无法使用

因为重装了系统,重新装了webstorm,使用的时候发现所有的快捷键均无法使用百度之后发现是IdeaVim的原因,解决方法就是禁用他1.打开file-setting-Plugins2.切换到Installed搜索IdeaVim,取消IdeaVim前的勾选,点击ok3.重新启动webstorm即可...

2019-09-24 11:44:02 616

原创 new Date().getTime()在ios端的兼容性处理

使用new Date(dataTime).getTime()在pc端以及Android手机上调试均没有问题,在苹果手机上显示的是NAN;解决方案就是new Date(dataTime.replace(/-/g,'/')).getTime()

2019-08-06 16:23:52 1083

原创 vue在新窗口打开界面

openNewRouter () { const {href} = this.$router.resolve({ path: '/list', }) window.open(href, '_blank')}

2019-08-06 16:18:04 884

空空如也

空空如也

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

TA关注的人

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