2017年5月20日

摘要: 1、设备像素(device independent pixels): 设备屏幕的物理像素,任何设备的物理像素的数量都是固定的 2、CSS像素(CSS pixels): 又称为逻辑像素,是为web开发者创造的,在CSS和javascript中使用的一个抽象的层 3.设备像素比DPR(devicePix 阅读全文
posted @ 2017-05-20 23:22 水月纯明 阅读(184) 评论(0) 推荐(0)
摘要: 方案一: 1.app在打开H5页面的时候,把需要给的参数,以get的形式,放在H5的url中。 2.然后H5的js从url中获取到需要的参数,拼接到ajax请求的url中。 3.H5ajax请求,页面渲染。 方案二: 1.app方构建与H5交互的协议 2.H5写一个带参命名函数。在此方法内,填写数据 阅读全文
posted @ 2017-05-20 14:49 水月纯明 阅读(218) 评论(0) 推荐(0)
摘要: 1.innerheight,可视高度。在计算手机导航条的高度时使用过。 导航条的高度 = window.screen.height - window.innerHeight; 2.在app中,谨慎将innerheight设为页面显示的高度! 因为在有的app中,使用的下拉刷新的控件,会占用掉一部分高 阅读全文
posted @ 2017-05-20 14:15 水月纯明 阅读(128) 评论(0) 推荐(0)
摘要: 1.用@media调节不同手机屏宽情况下字体大小. @media screen and (min-width:480px){ .container {width:100%;} h1 {font-size:96px;} } 2.一行有3个并排的div且位置要三等分 方法一:1个float:left, 阅读全文
posted @ 2017-05-20 00:13 水月纯明 阅读(150) 评论(0) 推荐(0)

2017年5月17日

摘要: 参考文献:http://www.cnblogs.com/kuikui/p/3505768.html 只有4k的doT js ,可以快速的进行循环显示数据. 和angularjs中的ng-repeat一样,避免了原生态的for循环拼接字符串的麻烦. 阅读全文
posted @ 2017-05-17 23:30 水月纯明 阅读(100) 评论(0) 推荐(0)
摘要: 如上图,微信分享默认情况下: 1.微信中分享出去的链接,都是当前那个点击分享操作的页面链接. 2.微信分享链接中的文字,就是页面中的title. 3.微信分享链接中的图片,是页面中默认的第一个img.如果页面没有,就空着. 但是如果想分享出去的页面链接是指定的某页面,或者图片位置显示指定图片,或者中 阅读全文
posted @ 2017-05-17 23:22 水月纯明 阅读(102) 评论(0) 推荐(0)

2017年5月16日

摘要: 1.判断用户此时是否是在app中打开页面的。如果不是,就显现出下载app的按钮,点击下载app。 <script> function jsBridgeApp(data) { var iosScheme = "CH1jia2App://CHParsing?params=" + encodeURI(JS 阅读全文
posted @ 2017-05-16 12:14 水月纯明 阅读(731) 评论(0) 推荐(0)

2017年5月15日

摘要: 1.一般来说,当H5页面放入手机后,无论在app里,还是微信,浏览器等内打开,即使都有导航条在,但是页面可以自动出现滚动条.不会影响到页面的渲染. 但是如果H5页面因需要,必须设定了overflow:hidden的情况下.则页面定死,不会出现滚动条. 这时候.就要考虑到导航条索要占的高度了.否则页面 阅读全文
posted @ 2017-05-15 22:29 水月纯明 阅读(450) 评论(0) 推荐(0)

2017年5月12日

摘要: 1.es5zhong的几种处理数组的方法: 参考文档:http://ourjs.com/detail/54a9f2ba5695544119000005 es6中数组去重方法,参考:http://www.cnblogs.com/wangujianchi/p/6436375.html 1) indexO 阅读全文
posted @ 2017-05-12 16:51 水月纯明 阅读(363) 评论(0) 推荐(0)
摘要: 1.Flexible:淘宝H5手机端自适应解决方案 参考文档: https://github.com/amfe/lib-flexible https://github.com/amfe/article/issues/17 自我总结:Flexible自动获取到手机的屏幕宽度,然后分成10份,1个rem 阅读全文
posted @ 2017-05-12 10:42 水月纯明 阅读(211) 评论(0) 推荐(0)

导航