- 博客(7)
- 收藏
- 关注
转载 移动端根据设计稿适配px转换为rem
移动端根据设计稿适配px转换为rem为了计算方便,一般建议 1rem = 100px(设计稿px),要换算这样的比例需要设置html对应的fontSize,计算规则如下:fontSize = 屏幕宽度 / 设计稿宽度 * 基本宽度如果基本宽度是100,那么 1rem = 100px(设计稿px)假如设计稿宽度是 750px , 开发以iphone6/7/8为例,宽度是375,如果想1rem=100px(设计稿px),那么fontSize = 375/750*100 = 50px;以下代码可以按设计
2021-01-20 14:50:09 837
原创 js图片压缩
js图片压缩compressImg (base64, scale, callback) { console.log(`执行缩放程序,scale=${scale}`); // 处理缩放,转换格式 // 下面的注释就不写了,就是new 一个图片,用canvas来压缩 const img = new Image() img.src = base64 img.onload = function () {
2021-01-19 17:24:28 120
原创 设置浏览器滚动条样式
设置浏览器滚动条样式 /*谷歌、safari、qq浏览器、360浏览器滚动条样式*//*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 5px; height: 110px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow:
2021-01-08 16:31:42 403
原创 vue路由重复点击报错的解决方法
vue路由重复点击报错的解决方法vue路由重复点击报错的解决方法错误图片解决方法插入位置vue路由重复点击报错的解决方法错误图片解决方法//获取原型对象上的push函数const originalPush = VueRouter.prototype.push//修改原型对象中的push方法VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(e
2021-01-08 15:03:12 916
原创 常用的正则验证
1.用户名正则//用户名正则,4到16位(字母,数字,下划线,减号)let uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("dishait"));2.密码强度正则//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符let pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*?
2020-08-30 11:03:36 291
原创 js处理时间戳
js时间戳的处理这个Demo是用Vue.js写的。封装:export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { 'M+': date.getMonth() + 1, 'd+': date.getDate
2020-08-09 17:49:02 174
原创 vue实现图片懒加载
图片懒加载插件:vue-lazyload下载$ npm i vue-lazyload -S导入import VueLazyload from 'vue-lazyload'安装Vue.use(VueLazyload)使用<img v-lazy="img.src" >注意:在安装的时候,可以传入一个对象,来使用更多的功能Vue.use(VueLazyload, { preLoad: 1.3, error: 'dist/error.png', loading: 'dis
2020-08-09 17:46:28 180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人