2018年11月22日

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

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

posted @ 2018-11-22 12:27 鲲跃北溟 阅读(1045) 评论(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 鲲跃北溟 阅读(3519) 评论(0) 推荐(0)

2018年11月7日

微信公众号分享接口

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

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

2018年11月5日

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

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

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

2018年10月30日

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

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

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

2018年10月18日

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

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

posted @ 2018-10-18 15:54 鲲跃北溟 阅读(1094) 评论(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 鲲跃北溟 阅读(115) 评论(0) 推荐(0)

前端资源库CDN加速

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

posted @ 2018-10-18 11:55 鲲跃北溟 阅读(142) 评论(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 鲲跃北溟 阅读(1290) 评论(0) 推荐(0)

2018年10月11日

H5序列帧播放

摘要： 从http://bluestreeter.adidas.com.cn/index.html这个H5上扒下来的代码 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport 阅读全文

posted @ 2018-10-11 11:32 鲲跃北溟 阅读(720) 评论(2) 推荐(0)

导航