Miss橘子-优快云博客

原创 input输入正则校验

input框输入浮点数正则：value.replace(/(^\D+$)/,'').replace(/[^\d\.]/g,'').replace(/([^\.]*\.[^\.]*)(\.)/g,'$1')input框输入正整数正则value..replace(/^0+|(\d)$/,'$1')

2021-08-25 00:01:55 2039

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。一共接受两个参数，第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。（不会截断原字符串）如果原字符串的长度，等于或大于指定的最小长度，则返回原字符串。'xxx'.padStart(2, 'ab') // 'xxx''xxx'.padEnd(2, 'ab') // 'xxx'如果用来补全的字符串与原字符串，两者的长度之和超过了指

2021-03-25 10:36:00 771

原创 js的三种继承方式

继承方式一：原型链原型链是实现继承最原始的方式，即通过prototype属性实现继承function Father() { this.fatherName = '张三'; this.fatherAge = 56; this.money = 123456; this.love = ['老婆','张小三','张小四'];}Father.prototype.getFatherNam.

2021-03-25 10:19:47 294

原创关于“ + “ 的知识点（隐式转换）

简单的加法运算： 2+2=4 'a'+'b'='ab' 带隐式转换的加法运算： ‘a'+2='a2' 2+'a'='2a' '1'+0='10' 0+'1'='01''+'两侧只要有一侧是字符串，另一侧的数字则会自动转换成字符串；非Number数据类型转换： +’1‘ = 1 +’1.0' = 1 +'1.02' = 1.02 ...

2021-03-01 15:28:40 402

原创用canvas实现图片裁切的功能，裁切出来的图片边缘透明了！

用canvas实现图片裁切的功能，裁切出来的图片边缘透明了！一顿操作之后发现是tofixed(2)的精度缺失问题；tofixed(2)是Number的原型方法，四舍五入之后保留两位小数解决方法：1.在tofixed(2)之前先乘个100const redrawRatio_width = (imgWidth / finalWidth * 100).toFixed(2) / 100const redrawRatio_height = (imgHeight / finalHeight *

2021-01-28 10:34:12 705

原创 vue-swesome-swiper 轮播图点击无效

原因是开启了(loop:true) 开启loop, 在DOM结构上，swiper是使用的clone的方式，在首尾各添加一个slide单元。但是并没有将click事件clone过去，所以点击事件不会生效，解决方法，在回调添加点击事件，用dataset.index拿到数据；结构//结构<swiper :options="swiperOption" ref="mySwiper" > ...

2019-09-24 15:59:27 761

原创 iosWebview的爱恨情仇—ios WebView 的input框可以不能输入

需要写一个搜索的功能，之前还是正常的，ios工程师觉得一进搜索页获取焦点会把页面顶没，所以去了获取焦点，做完这个修改后input框在ios端就不能输入了，所以问了另一个前端找了一个答案解决了，记录一下：代码：input{ -webkit-user-select:auto!important; user-select:auto!important;}下面这句是解决place...

2019-09-24 10:48:22 854

原创 vue-awesome-swiper不轮播问题

###因为swiper渲染的时候数据还没有加载完毕，所以swiper就不轮播了，加一个判断就好<div class="banner-wrap" v-if='bannerList.length'> <swiper :options="swiperOption" ref="mySwiper" > <swip...

2019-09-21 15:25:35 981 1

原创 h5与IOS webview的爱恨情仇 —ios端图片拉伸bug

h5与IOS webview的爱恨情仇 —ios端图片拉伸bug今天在ios的webview中图片出了一个诡异的bug，图片本来应该是width=0.18rem ,height=0.18rem;但是在苹果手机上是拉伸的状态，在ios工程师那儿看了一眼，图片的尺寸竟然是width=0.16rem;height=0.2rem;实在是太诡异了，然后就粗暴的直接写死了img的宽高，原理至今未知，求大神告...

2019-09-21 09:29:10 864

原创关于我的新朋友readystatechange的那些事

.document有readyState属性来描述document的loading状态，readyState的改变会触发readystatechange事件readyState的值对应的状态如下0：创建了XMLHTTPRequest 通信1：调用了open方法2：写入了header并且执行了send3：loading 正在加载，已经收到数据头4：finish 数据传输完成，（成功或失败...

2019-04-02 11:23:56 796

ycx4567的博客