2020年4月29日

使用 img onload 判断图片是否加载完成

摘要: loadImage (url) { const image = new Image() image.src = url image.onerror = () => { console.log('图片加载失败') this.showLoading = false } image.onload = () 阅读全文

posted @ 2020-04-29 14:24 朽白 阅读(1170) 评论(0) 推荐(0)

vue 所有图片加载完显示页面

摘要: loadImages (urlArr) { //参数 图片地址数组 if (urlArr.length <= 0) return let i = 0, timer = null, len = urlArr.length, load = (url) => { if (i < len) { const 阅读全文

posted @ 2020-04-29 14:20 朽白 阅读(3258) 评论(0) 推荐(0)

2019年11月28日

HTML热区map坐标,随窗口大小自适应办法(javascript)

摘要: 原文:https://blog.csdn.net/crystalwood/article/details/13533401 <img usemap="#planetmap" src="/images/flashSale/flash_sale_activity_detail.png" alt=""> 阅读全文

posted @ 2019-11-28 17:08 朽白 阅读(793) 评论(0) 推荐(0)

2019年11月26日

IOS 拍照上传base64图片,竖屏照片旋转问题

摘要: 问题产生的原因: iOS上拍摄/储存的图片会附带属性orientation(方向角)。orientation为6时,图片会被旋转。 可使用 exif.js 插件获取图片角度值,再利用 megapix-image.js 插件修复被旋转的角度。 以下是从项目中复制过来的一些代码,可进行参考 <input 阅读全文

posted @ 2019-11-26 11:29 朽白 阅读(1283) 评论(0) 推荐(0)

2019年11月14日

vue 自定义input组件

摘要: <div id="app"> <input-number v-model="val"></input-number> <p>{{val}}</p> </div> var app = new Vue({ el: '#app', data: { val: 5 } }) Vue.component('in 阅读全文

posted @ 2019-11-14 16:19 朽白 阅读(2980) 评论(0) 推荐(0)

vue input v-model绑定数字类型

摘要: <input type="text" v-model.number="currentValue"/> 阅读全文

posted @ 2019-11-14 16:17 朽白 阅读(6733) 评论(0) 推荐(0)

2019年9月25日

IOS 移动端常见问题汇总(持续更新...)

摘要: 1.解决后iOS滑动不流畅 2.解决IOS 小键盘收回,页面不回弹 阅读全文

posted @ 2019-09-25 10:23 朽白 阅读(209) 评论(0) 推荐(0)

css 垂直居中弹窗

摘要: 1.效果图 2.主要CSS 3.代码示例 https://codepen.io/zhaodh/pen/QWLoyMJ 阅读全文

posted @ 2019-09-25 09:26 朽白 阅读(389) 评论(0) 推荐(0)

2019年9月24日

CSS3 文本输入框,获取焦点,placeholder上浮为title

摘要: 注意事项 1.需要使用form标签包裹,同时input标签设置required属性才能触发CSS valid伪类 预览地址 https://codepen.io/zhaodh/pen/QWLYMxR 阅读全文

posted @ 2019-09-24 09:36 朽白 阅读(718) 评论(0) 推荐(0)

导航