- 博客(25)
- 收藏
- 关注
RSS订阅原创 element-ui的输入框只能输入数字
https://element.eleme.cn/#/zh-CN/component/installation
2022-03-20 14:33:15
1702
原创 鼠标移入变大,移出后恢复
.experts-li {width: 350px;height: 200px;background: #ffffff;border-radius: 4px;border: 1px solid #eaeaea;transition: all 0.8s;cursor: pointer;&:hover {box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.15);transform: scale(1.05);cursor: pointer;t
2022-01-06 11:59:33
529
原创 element-ui表格列固定到右侧后边框消失
我的边框线去哪里了？@element-ui在css中加上这两段就好了~::v-deep .el-table__row{ td:not(.is-hidden):last-child{ border-left:1px solid #EBEEF5; // 颜色根据你表格的颜色自定义，当前颜色是element默认的颜色 }}::v-deep .el-table__header{ th:not(.is-hidden):last-child{ border-left:1px so.
2021-07-02 17:23:47
1334
原创 js表单提交删除中的空字段，
for (let key in data) { // 自定义条件1 如果包含$index则删除，具体看需求 if(data.$index){ delete data.$index } // 自定义条件2 如果为空则删除 if (data[key] === '' || !data[key]) { delete data[key] } }...
2021-05-18 18:12:54
401
原创 vant步骤条，van-step自定义图标颜色
van-step自定义图标颜色做项目遇到了步骤条，看了vant官网案例后感觉没问题，简单滴很。☝官方示例图????再来看看我的产品UI看完感觉问题不大~ 不就是改改颜色，改改文字的位置么~我着手去做的时候发现了问题，才发现我不太好改啊，下面针对我们产品我的问题，目前我项目用的vant版本2.11.0：问题1目前我UI上有3种状态需要自定义①当前激活的②未激活的③已经激活过的这三种。但是目前我使用的2.11.0版本只支持自定义两种，第三种当前版本不支持。问题2我的文本竟然是在进度
2021-04-28 14:26:57
12029
7
原创 前端开发实用的在线小工具
工具用的好，下班回家早~① excel转JSON链接：https://uutool.cn/excel2json/② excel转JSON链接：http://www.yzcopen.com/doc/exceljson③ tinypng图片压缩链接：https://tinypng.com/④ 颜色值转换，rgb转16进制，16进制转rbg等链接： https://sunpma.com/other/rgb/持续更新…欢迎补充...
2021-03-18 17:18:24
104
原创 vue的事件修饰符们
① .stop 阻止事件继续向上级DOM元素冒泡传递，相当于调用了event.stopPropagation()。② .prevent 阻止事件的默认行为，相当于调用了event.preventDefault()方法。③ .capture 捕获冒泡，添加事件侦听器，使用捕获模式。（有冒泡发生时，有该修饰符的dom元素会先执行，如果有多个，从外到内依次执行，然后再按自然顺序执行触发的事件）④ .self 当前元素自身时触发处理函数。⑤ .once 只会...
2021-02-25 15:01:45
95
原创 http请求中的8种请求方法
1、opions 返回服务器针对特定资源所支持的HTML请求方法 或web服务器发送*测试服务器功能（允许客户端查看服务器性能）2、Get 向特定资源发出请求（请求指定页面信息，并返回实体主体）3、Post 向指定资源提交数据进行处理请求（提交表单、上传文件），又可能导致新的资源的建立或原有资源的修改4、Put 向指定资源位置上上传其最新内容（从客户端向服务器传送的数据取代指定文档的内容）5、Head 与服务器索与get请求一致的相应，响应体不会返回，获取包含在小消息头中的原信
2021-02-22 10:54:23
351
原创 element-ui 表单自动验证如何解决？
// 加在场景切换，或者隐藏显示的时候 this.$nextTick(() => { this.$refs.form.clearValidate() })
2020-12-09 19:58:06
1339
1
原创 前端JS图片压缩处理
2020-10 分享近期工作遇到了用户上传图片由前端压缩图片大小，再传到OSS。这样可以减少用户上行传输的数据量，减少用上传的等待时长，优化用户体验。方案：利用js现成canvas。Canvas 对象提供的 toDataURL() 方法，该方法接收 type 和 encoderOptions 两个可选参数。 type 表示图片格式，默认为 image/png。而 encoderOptions 用于表示图片的质量，在指定图片格式为 image/jpeg 或 image/webp 的情况下，可以从 0 到
2020-11-10 14:52:01
1104
原创 前端性能优化方面
每月分享-2020年9月大家好，今天我给大家分享一些关于我工作中遇到的前端优化方面的问题。一．优化的目的。每减少0.1秒加载速度可能会带来几百甚至几千的用户活跃；每减少100K的内容请求可能会带来几千甚至几万的的服务端费用。二．优化的方方面面1.先说花里胡哨的css尽量减少标签选择器的使用尽量少使用id选择器，多使用样式类选择器（通用性比较强）减少选择器前面的前缀（选择器是从右向左查找的，前缀多，查询的时间多）避免使用css表达式（例如：calc）css放在head中，让页面加载的时候
2020-11-10 14:48:24
205
原创 微信invalid signature，微信IOS分享失效，微信刷新之后IOS不能分享，spa单页面微信分享，wx.ready不执行？
微信的坑，哭着也要填完。小白选手刚接触微信公众号网页，产品出来个需求，要求h5网页在任何页面都可以分享，并且分享的内容是自定义的（B端配置），我一听这还不简单，微信官方文档里写的明明白白，好说。我用的是vue2版本+微信的jssdk是npm安装的1.4.0的版本。使用的是vue-router的< history >模式。大概有ABCD四个页面吧。自己想的很美好，也上网查阅了前辈们说的大概意思就是：ios页面在根目录下执行一次config接口注入权限验证配置Android页面每个页面都执
2020-10-16 17:04:13
2560
6
原创 2020-09-18
问题：安卓部分机型不能分享和调用微信相机，微信的jssdk调用失败，有时候还会报错签名错误invalid signature解决办法：spa页面在要分享的页面都调用一下Signature接口，保证当前路径和当前签名匹配上问题：ali上传oss然后生成canvas保存图片到本地，跨域问题解决办法：缓存导致，加随机数...
2020-09-18 16:25:35
115
原创 element-ui中input使用maxlength失效
element-ui中input使用maxlength失效// 不用maxlength用oninput完美解决<el-input type="number" oninput="if(value.length>11)value=value.slice(0,11)" placeholder="输入用户手机号查询" ...
2020-04-27 11:19:58
7270
原创 localStorage本地储存编码&&解码存取
localStorage本地储存加密&&解密方法localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。注意:(key存什么名字,取的时候也是什么名字)有特殊字符或者中文的一定要用加密方法普通存取//存localStorage.setItem('key',"value");//取var data = localStorag...
2020-03-12 19:01:42
1926
3
原创 css实现中间标题两边横线
css实现中间标题两边横线[个人笔记]重点:利用的是css伪类选择器:before & :after如何插入一段漂亮的代码片去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.<!-- 第三部分 砍价记录 --> <div class="bargainRecord"> <div class="barg...
2019-10-11 18:50:12
1108
原创 微信小程序使用view标签实现文字固定两行超出部分显示...
(个人笔记)height:86rpx;//高度设置为两行文字的显示高度overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
2019-09-07 16:23:28
5463
7
原创 微信小程序scroll-view真机出现滚动条如何隐藏?
微信小程序scroll-view真机出现滚动条如何隐藏?个人笔记scroll-view{//scroll-view元素设置固定高度 height:159rpx; overflow-y: hidden; //x轴滚动 overflow-x: auto;}//最关键的::-webkit-scrollbar{ width: 0; height: 0; c...
2019-08-27 14:52:25
554
原创 各种正则验证表达式~
验证数字的正则表达式集验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\+...
2019-05-08 15:34:19
660
原创 微信小程序first-child 和 last-child 失效,设置后不起作用~
微信小程序first-child 和 last-child 失效,设置后不起作用~问题:在不确定有多少个子项的前提下,需要给最后一个子项添加一个样式.使用了last-child不生效.解决办法:在detailData外面包一个父元素,相当于li里的ul一样....
2019-03-21 15:47:22
9376
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人