在使用vue开发h5移动端网页的时候我们在页面中嵌入了一个视频播放器DPlayer.js来实现手机端的播放在使用seek跳转指定时间点的时候发现这个方法失效
在移动端,画布的大小要根据屏幕的大小进行适配,我们一般采用rem结合媒体查询的方式。使用canvas时就遇到遇到一些问题:canvas的width属性不支持rem单位(如果使用样式当然支持rem,但注意canvas的width属性与style中的width是有区别的)
追梦猪最近在做移动端项目 ,有个设置开始时间和结束时间,然后倒计时 这个活动还有几天。在安卓上能正确转换时间,但在iOS上不能显示,为NaN-NaN1-NaN Invalid Date, 就好比new Date('2017-09-18 14:58:32').getTime();
用户在移动端浏览H5的时候,会使用手指进行一连串的操作,单击、双击、上拉、下拉等等一系列操作,这里主要针对touch事件进行一些简单的介绍; 用户从手指触碰到屏幕到手指离开屏幕这中间,会触发一系列的touch事件:
rem是相对于根元素html,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。1rem=16px(浏览器html的像素,可以设定这个基准值),假如浏览器的html设为64px,则下面的元素则1rem=64px来运算。
Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。
最近在做移动端vue项目的时候遇到了一个这样的一个问题,当我点击input框输调起手机软件盘输入内容以后,关闭软键盘,页面没有回到底部,导致底部出现了空白,手动往下滑动一下,页面才会恢复正常,当关闭软键盘的时候,页面不会自动回到底部。目前Android和Ios上都有这个问题
原生编写vue移动端下拉刷新组件、上拉加载组件,满足移动端的刷新加载,但是还是有点小瑕疵,仅供参考
在做移动端或者pc端的时候我们自定义弹窗发现后面的body比较高会出现滚动条,所以我们在显示弹窗的时候隐藏掉滚动条,但是pc端可以完美的用overflow:hidden,可是移动端呢,安卓可以实现这样的效果,但是到了苹果手机上overflow:hidden行内可能不兼容造成无法隐藏滚动条,不建议在行内使用overflow:hidden,我用了类名样式去实现这样的隐藏
追梦猪爬坑记录教程总结,供相关行业伙伴使用