- 博客(7)
- 收藏
- 关注
RSS订阅转载 移动端根据设计稿适配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
785
原创 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
84
原创 设置浏览器滚动条样式
设置浏览器滚动条样式 /*谷歌、safari、qq浏览器、360浏览器滚动条样式*//*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 5px; height: 110px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow:
2021-01-08 16:31:42
371
原创 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
717
原创 常用的正则验证
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
270
原创 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
157
原创 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
151
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人