随笔分类 - h5+ mui
分享在h5+及mui上的开发感悟、小技巧、代码示例等
摘要：Definition 瀑布流布局，在视觉上表现为参差不齐的多栏布局，随着页面滚动条向下滚动，新数据不断被加载进来。 瀑布流对于图片的展现，是高效而具有吸引力的，用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免了用户鼠标点击的翻页操作。 瀑布流的主要特性便是错落有致
阅读全文
摘要：``在 加载失败或没有给的，浏览器会自动给 加上边框。 如下图这样： 产品觉得影响美观，一定要pass掉。 原码是这样： 百度一下，在知乎上找到了解决方案，链接在这 "https://www.zhihu.com/question/27426689" 基于能用 实现就不用 的原则，选择了以下的解决方案
阅读全文
摘要：为什么要用rem 参考文章 "web app变革之rem" 公司使用的 （也就是 iPhone6 ）作为缩放比例标准，设计师是按照750px的标准出图 为了保证在不同的屏幕下显示效果基本等同，为此规定了缩放比例 / 25 = 15 这里的根字体大小可以按照喜好自定义 因此在计算 值时,需要按照设计师
阅读全文
摘要：主要对 图片全屏预览插件 做了以下三点补充 1.添加了预览图片文字说明，使用的时候需要添加以下 及`DOM`属性 2.如果图片过宽或过长，预加载图片（上一张或下一张）时，会和当前显示的图片重叠 原来的效果是这样 主要对缩放进行了更改 3.解决了预加载页面返回（mui.back）重新加载数据并打开时，
阅读全文
摘要：mui提供了tap事件替换了html5的click事件，解决了300ms延时的问题。不过相比原生app的click体验还是有些许差距的。关于300ms延时的问题， "这篇帖子" 分析的比较完善,其中提到了穿透的问题，值得一读 仅用微信为例，只有当手指离开屏幕时才触发click事件，如果对象绑定了长按
阅读全文
摘要：chrome://inspect调试html页面空白，DOM无法加载的解决方案 先描述一下问题 有一段时间没碰huilder hybird app 开发了，今天调试的时候 chrome://inspect/ devices 可以发现页面，但是打开后空白 解决方案 FQ后就可以了，下次就...
阅读全文
摘要：html5实现ios长按图标后进入图标排序及删除功能的效果 我们知道在ios（国产定制安卓系统基本都有）设备上按下图标，图标就会不停的抖动，并且可以随心拖动排序和删除。 那么问题来了，我们怎么通过html5来实现呢？ 1.首先要保证移动端支持 ,`longtap touch drag`等事件，因此引
阅读全文
摘要：myStorage在ios safari无痕浏览模式下的解决方案 今天看到了这个帖子 "LocalStorage 在 Private Browsing 下的一个限制" , 吓尿了，如果用户开启了无痕浏览，app几乎就废了，虽然做了plus.storage的兼容，不过会很慢很慢滴。 赶紧测试一下。。。
阅读全文
摘要：关于sortable "看这" 兼容的解决方案 "看这" http://www.cnblogs.com/phillyx/ 示例代码已更到github
阅读全文
摘要："链接在这里" http://www.cnblogs.com/phillyx/
阅读全文
摘要：MUI 封装localStorage与plus.storage 2.0版本 在使用plus.storage频繁地存取数据时，可以感觉到明显的卡顿，而且很耗内存， 在切换到localstorage时虽然效率很高，页面渲染速度明显变快了，且手机发热不明显，不过又遇到了存储瓶颈（一般<=5M）, 因此折中
阅读全文
摘要：打开页面默认弹出键盘及返回关闭键盘 http://www.cnblogs.com/phillyx/
阅读全文
摘要：html5视频播放自动全屏，暂停退出全屏等功能 在参考了 "html5 video fullScreen全屏实现方式" 及司徒正美的书《 "javascript框架设计" 》287页相关代码后，在Safari上实现了视频播放自动全屏、暂停退出全屏等功能。代码是否兼容其他浏览器，未测。 http://
阅读全文
摘要：基于plus.downloader的图片懒加载功能，支持本地缓存 简单说一下 在app中，对一些变动不频繁的图片数据（如个人头像等），是需要存储在本地的。我相信这对大多数的app都是强需求的。 怎么使用呢 标签默认都有 属性，用来存放网络链接， 属性初始是最好给一个默认本地图片链接，下载好会自动替换
阅读全文
摘要：引导页制作 本文的引导页和 "官方的引导页示例" 还是有一定的区别的。 页面的展示以图片为主，包括文字也已制作成图片 另外对首页和尾页分别添加了右滑和左滑事件，以保证页面背景和当前页背景是相同的，这样来确保样式的统一 http://www.cnblogs.com/phillyx/
阅读全文
摘要：h5+分享到微信、朋友圈代码示例 在使用分享功能的时候会莫名的分享失败，debug时发现是图片过大的问题。 图片过大时ios平台上返回错误码 8，安卓上返回错误码 3（我测试是这样） 因此如果第一次分享失败时递归重新获取默认图片进行分享，这样就可以分享成功了。 如果使用七牛等云服务器存放图片，可以设
阅读全文
摘要：重写h5+在线升级版本比较代码 hello h5+版本在线升级提供了如下的版本比较方法，逻辑比较繁琐，相关判断多余，非常不宜读。 先判断新旧版本有无， 接着分割为数组比较数组项大小，而且还只取了前四项 并且在内部再去比较数组长度， 最后重新在比较一次数组长度 四层逻辑还有一层嵌套，完全没必要 htt
阅读全文
摘要："DCloud" http://www.cnblogs.com/phillyx/
阅读全文
摘要：首先描述一下功能 实现列表页动态加载 通过官方提供的"下拉刷新和上拉刷新"及"图片懒加载"示例实现。 http://www.cnblogs.com/phillyx/ 然后说一下bug 1. 首次加载时图片可以获取成功， 2. 再次加载失败，通过chrome调试发现img 的 data lazyloa
阅读全文
摘要：关于百度定位 1. 这是官方定位的解释: "geolocation" 2. "地图插件配置" 3. 我在问答里面找到了这位童鞋的 "百度定位，地址变更提醒" 不过，童鞋倒是给具体的示例啊，木有\~\~\~\~( _<! 废弃 <! <script type="text/javascript" src
阅读全文
