客户需求： 禁止微信内的H5页面上下拖动； 解决方案： 网上的答案几乎都是阻止默认事件，即： 1 document.body.addEventListener('touchmove' , function (e){ 2 e.preventDefault(); 3 }); 但是使用这个方法还存在一定的问题： bug1： 有时生效有时失效； 原因： 经过...

2018-06-24 02:14:06 h5页面

ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法 ios偶现下拉出现黑底时，界面第一次上拉时拉不动的解决方案： document.querySelector('#app').addEventListener('touchstart', function (ev) { let a=$('#app')[0].scrollTop if($('#a...

2018-06-24 02:03:23 h5页面

一，hybrid是什么，为何用hybrid？ 二，hybrid更新和上线流程 三，hybrid和h5区别 四，前端js和客户端如何通讯？ 一，hybrid是什么，为何用hybrid？ 1，文字解释 hybrid即“混合”，即前端和客户端的混合开发 需前端开发人员和客户端开发人员配合完成 某些环节也可能涉...

2018-06-24 01:59:47 前端开发h5页面

项目中用到的一个功能是要通过点击地址来实现打开地图app实现地址导航。 如下图： 实现思路就是在H5页面内通过点击marker图标然后进行当前位置与页面上地址的路程规划与导航。 由于项目中用到的是高德地图，所以这里用到的是调起高德地图APP来实现该功能。 首先肯定要...

2018-06-24 01:50:09 h5页面

最近写了不少的h5页面和web项目开发，但是对于自适应布局的设置，团队里一直没有一个统一的标准，也很可能真的没有什么标准，可能是我对统一性执念太大。 在这之前做Web App开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值...

2018-06-24 01:48:25 h5页面

在Reina（视网膜）屏幕的手机上，使用CSS设置的1px的边框实际会比视觉稿粗很多。在之前的项目中，UI告诉我说我们移动项目中的边框全部都变粗了，UI把他的设计稿跟我的屏幕截图跟我看，居然真的不一样。没有办法，只有在后面的版本中去修改了，但是要改的话，需要知道是...

2018-06-24 01:45:07 前端开发前端开发技术h5页面

前段时间用微信开发者工具重构一个菜单项目的时候发现在安卓设备上显示没有问题，在iphoneSE显示不全以及布局错乱的问题，找到了一个简单粗暴的解决方法。 首先，移动设备上的viewport分为 layout viewport 、 visual viewport 和 ideal viewport 三类， 其中ideal vie...

2018-06-24 01:36:59 h5页面

上个周周末，接手了一个移动端的(外包)小项目，一直着手于PC端，对移动端还是一知半解，所以这也是我的一个挑战，因此，今天心血来潮，总结一些移动端的基础知识和技巧供自己以后方便查阅，欢迎大家补充或转载： 一.单位(px,em,rem) 1.px：屏幕设备物理上能显示出的最...

2018-06-24 01:36:27 网页搜索引擎seo优化前端开发h5页面

一.前言 目前的转转app是一个典型的hybrid app,采用的是业内主流的做法： 客户端内有大量业务页面使用webview内加载h5页面承载。 其优点是显而易见的，即：web页面上线频度满足快速迭代的业务需求，不受客户端审核和发版的时间限制，也可以将各个业务线的开发工作分摊...

2018-06-24 01:31:49 h5页面

本文是2018年 Weex Conf 中议题《Weex + Ui》的内容文档整理，主要给大家介绍飞猪 Weex 技术体系从无到有的过程，包括 Weex Ui 组件库的开发和发展，重点分享在 Weex Ui 层建设的一些经验。文章较长，首先放上 Weex Ui 的开源地址：https://github.com/alibaba/weex-ui...

2018-06-24 01:26:19 h5页面