2018年11月22日

修改版zhanyouwei/m-lazy支持图片做背景的元素

摘要: 添加对元素tagName判断,若不是img元素怎把图片链接设置成background-image: url("图片地址") 阅读全文

posted @ 2018-11-22 15:25 鲲跃北溟 阅读(158) 评论(0) 推荐(0)

支持BetterScroll和iScroll滚动插件的图片懒加载的插件

摘要: 做H5长页面,内容都是一个个图片。优化页面速度,使用了图片懒加载插件。 下面我安利一款,我在网上寻找到这个懒加载插件zhanyouwei/m-lazy,是支撑BetterScroll和iScroll滚动插件的。 项目地址:https://github.com/zhanyouwei/m-lazy 项目 阅读全文

posted @ 2018-11-22 12:27 鲲跃北溟 阅读(1035) 评论(0) 推荐(0)

H5开发推荐使用Q.js,轻量的前端单页路由框架

摘要: Q.js 项目地址:https://github.com/itorr/q.js 习惯h5开发就一个index.html,故我就养成了,做多个内容h5时,把HTML的片段存在script标签(type属性写成text/html)中。使用路由内容切换更加方便! 阅读全文

posted @ 2018-11-22 11:21 鲲跃北溟 阅读(3508) 评论(0) 推荐(0)

2018年11月7日

微信公众号分享接口

摘要: 我使用了新版的网页分享接口在微信WeChat6.6.6低版本的微信客户端上不支持。 最后我新版本的接口和老版都写上了。 分享功能调整 为鼓励用户自发分享喜爱的内容,减少“强制分享至不同群”等滥用分享能力,破坏用户体验的行为,微信公众平台分享功能即日起做出如下调整: 1、7月5日起新提交的版本,用户从 阅读全文

posted @ 2018-11-07 15:49 鲲跃北溟 阅读(1893) 评论(0) 推荐(0)

2018年11月5日

ios浏览器 图片size过大(长度6000px) 设置translateZ(0)/translate3d(0,0,0),会模糊

摘要: 图片尺寸太大 大图切割成俩张后 阅读全文

posted @ 2018-11-05 19:11 鲲跃北溟 阅读(395) 评论(0) 推荐(0)

2018年10月30日

移动端苹果手机:图片没有加载完成前,白色边框线是怎么来的

摘要: 各位看官,留意到图片左上角的“07”了吗? 我的H5在苹果手机上 ,图片做了懒加载,图片没有显示前,一直有可恶的白色线框。然而我设置css border: none;,却没有去掉。 最后删掉alt属性的值才让白色线框去掉,感谢眼见的设计同事看到左上角的“07”,让我删掉,之后发现白色线框也没有了。 阅读全文

posted @ 2018-10-30 14:19 鲲跃北溟 阅读(890) 评论(0) 推荐(0)

2018年10月18日

问题:Swiper父容器隐藏时实例化组件,组件滑动失效

摘要: 解决办法:初始化组件时,配置 observe true、observeParents true。 observe参数 启动动态检查器(OB/观众/观看者),当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。 observeParents参数 将obse 阅读全文

posted @ 2018-10-18 15:54 鲲跃北溟 阅读(1074) 评论(0) 推荐(0)

图片预加载

摘要: 1 var url_prefix = 'http://bluestreeter.adidas.com.cn/assets/images/'; 2 var sources = [ 3 "landing/01_01.jpg", 4 "landing/01_02.jpg", 5 "landing/01_0 阅读全文

posted @ 2018-10-18 14:42 鲲跃北溟 阅读(109) 评论(0) 推荐(0)

前端资源库CDN加速

摘要: 国内 七牛 http://staticfile.org/ 国外 cdnjs https://cdnjs.com/ 阅读全文

posted @ 2018-10-18 11:55 鲲跃北溟 阅读(127) 评论(0) 推荐(0)

bower 安装依赖提示 EINVRES Request to https://bower.herokuapp.com/packages/xxx failed with 502

摘要: 出错提示EINVRES Request to https://bower.herokuapp.com/packages/chai failed with 502 访问 https://bower.herokuapp.com/ 页面提示This Bower version is deprecated. 阅读全文

posted @ 2018-10-18 11:05 鲲跃北溟 阅读(1264) 评论(0) 推荐(0)

导航