2018年6月21日
js实现本地的图片压缩上传预览
摘要： js在设计时考虑到安全的原因是不允许读写本地文件的，随着html5的出现提供了fileReader AP从而可以I实现本地图片的读取预览功能， 另外在移动端有的限制图片大小的需求，主要是考虑图片过大会占用带宽，严重拖慢浏览速度，所以需要进行前端的压缩，主要通过html5的canvas来实现， 代码入 阅读全文
posted @ 2018-06-21 18:12 web_study 阅读(1553) 评论(0) 推荐(0)
web端实现图片放大切换显示预览
摘要： 项目中会遇到多张图片点击放大显示原图，并且能够左右滑动切换显示图片的需求，这种效果主要通过js来实现，下面我介绍的主要是借助swiper.js来实现这个完整的功能， 点击“查看协议” => 图片弹出显示，并且可以手动滑动预览，直接代码如下； 需要引入jQuery（或者Zepto）swiper.min 阅读全文
posted @ 2018-06-21 17:18 web_study 阅读(1380) 评论(0) 推荐(0)
swiper.js在隐藏/显示切换时，轮播出现bug的解决办法
摘要： swiper在 swiper-container正常状态下显示，轮播是没有问题，但是当 swiper-container由隐藏切换至显示时（比如做图片查看时）会出现滑动bug，滑动卡顿而且最后一张可以移出可视区域， 出现问题的原因是分页器没有更新，所以要监控分页器的状态，官方提供一个属性 obser 阅读全文
posted @ 2018-06-21 16:21 web_study 阅读(5025) 评论(0) 推荐(0)
Zepto.js实现fadeIn,fadeOut功能
摘要： Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。 Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery 。所以会有些jQuery的动画功能Zepto实现不 阅读全文
posted @ 2018-06-21 10:50 web_study 阅读(2330) 评论(0) 推荐(0)

哈哈