移动端
阡路陌人
修行ing
展开
-
移动端兼容性问题解决方案
移动端兼容性问题解决方案转载 2017-12-07 10:30:26 · 1109 阅读 · 0 评论 -
视频直播 - 前端移动端
前端在移动端上关于视频直播方面随着直播的热火,希望现在的我学习这块不算晚,看了一些博客,觉得有必要记录下来,为了日后的需要http live streaming(hls) – 适用于移动端hls是苹果公司实现的基于HTTP的流媒体传输协议,可实现流媒体的直播和点播。原理上是将视频流分片成一系列HTTP下载文件。注:上图所示的m3u8格式就是支持HLS协议的流媒体格式。原创 2018-01-10 17:15:41 · 2699 阅读 · 0 评论 -
移动端(一体机)iframe视频播放时按返回键时会将视频携带回去
在移动端的时候(特别是在一体机上–android系统),iframe视频播放时按返回键时会将视频携带回去,就导致了用户的体验很不好。导致这个原因是因为视频播放时,在android上是全屏播放,导致视频脱离了原先的文档流,所以在返回时就直接携带过去了。个人原先思考的方向:能不能再监听手机返回事件时将该页面刷新后再强制返回到上一页面,结果就导致在该页面到首页的一系列的返回之路上就必须全都写死,原创 2018-01-12 13:05:03 · 801 阅读 · 0 评论 -
h5 的video视频控件
HTML5 Video视频控件原创 2017-04-22 22:40:12 · 9625 阅读 · 0 评论 -
手机端本地图片或者拍照的上传功能
手机端本地图片或者拍照的上传功能原创 2017-11-16 13:30:16 · 14967 阅读 · 6 评论 -
手机端在不同手机上的返回键返回位置
手机端在不同手机上的返回键返回位置转载 2017-09-12 16:00:09 · 1520 阅读 · 0 评论 -
移动端点击延迟处理--fastClick
vue安装fastClick就不用多说了吧( npm install fastclick --save)下面主要讲的是使用fastClick的时候,在做项目的时候不要全局作用在body上面,如import fastClick form 'fastClick'fastClick.attach(document.body);这样导致的后果就是项目中所有的input和textarea点击聚焦...原创 2019-09-19 15:05:14 · 258 阅读 · 0 评论 -
移动端开发底部元素margin-bottom失效的处理方式
在移动端开发的过程中,经常会有在底部进行一个元素固定定位在,这样我们主体数据有需要设置margin-bottom 去防止主体数据被底部遮挡的情况。这在android手机中这样设置是完全没有问题的,不过在ios手机上就会出现底部定位遮挡了主体内容。当时还尝试了使用padding-bottom去处理,然效果还是不太理想。查询方法后,一下两种方式是可行的:主体最后设置一个空白的div(设置好高...原创 2019-05-09 17:44:50 · 2782 阅读 · 1 评论 -
js 移动端的表情包
通常玩移动端的评论的时候,经常会涉及到表情包的时候,如果不进行处理,那么会导致输入解析后的评论内容的表情包位置为变成问好的形式,所以我们在进行评论提交 的时候对表情包进行转化,再在渲染时对后台返回的数据进行解析。多说无益,请看代码~~~将表情转为字符function utf16toEntities(str) { var patt=/[\ud800-\udbff][\udc00-...原创 2018-09-03 10:30:13 · 4008 阅读 · 1 评论 -
移动端h5页面通过地址调起高德地图、百度地图定位导航
以下是通过点击a标签进行地图的调起的高德:<a href="https://uri.amap.com/marker?position=经度,纬度&name=所在的位置名称">高德地图</a>百度:<a href="http://api.map.baidu.com/marker?location=纬度,经度&title=所在位置名称&...原创 2018-08-01 16:22:40 · 37389 阅读 · 3 评论 -
移动端输入框在软键盘弹出后位置矫正
在做移动端的时候,经常碰到在触发软键盘的时候导致页面压缩或者是输入框被遮挡了。 以下为解决方式:var clientHeight = document.body.clientHeight; var _focusElem = null; //输入框焦点 //利用捕获事件监听输入框等focus动作 document.body.addEventListener("foc...原创 2018-03-22 16:08:51 · 4004 阅读 · 3 评论 -
移动端拖动惯性
拖动惯性 惯性原理: 产生的速度 = 移动距离 / 移动时间 距离 = 松开的坐标 - 上次的坐标 (距离差) 时间 = 松开的时间 - 按下的时间 (时间差)代码展示: var slide = document.querySelector('.header .h-nav'), nav ...转载 2018-03-12 13:30:04 · 481 阅读 · 0 评论 -
H5移动端弹出键盘时遮挡输入框
在写移动端时,如果使用绝对定位Fixed将输入框(input或者textarea),当手机的输入法为自带输入法时可能问题不大,但是当使用类似搜狗等输入法时,由于会高出自带输入法大约30个像素,就会造成输入框被遮盖一部分的现象,很尴尬。下边简单说说简单的解决思路,当然还有复杂的(四种)。延时一定时间重新定位输入框。点击输入框时加长body元素高度到9999px(当然不一定非要这么高),页...转载 2018-03-12 10:22:47 · 8263 阅读 · 0 评论