可能是子元素没有撑开父元素 用better-scroll的话可能在元素还没有生成的时候,new BScroll(el) 没有找到目标节点 如果pc可以移动端不可以那就试试监听滚动内容区的touchmove事件并阻止事件冒泡 let popContent = this.$refs.bscroll; p ...
分类:
移动开发 时间:
2020-05-26 12:45:19
阅读次数:
301
最早写接口服务是在2012年至2014年,我在商旅服务行业,大量写Web Service,主要为CRM和移动端提供接口服务。 当时接口输入/输出都是XML,后期使用Google Protocol Buffer封装原Web Service接口方法,即输入/输出改成传递二进制数据,这样接口传输内容比xm ...
分类:
其他好文 时间:
2020-05-26 12:43:24
阅读次数:
90
本文持续更新 希望大家把想要了解的 我来写出来 2016.1.13 webapp 调试2016.1.19 小米设备调查表 有什么发展的事吗 人们总是要换手机的 一般来说3年就有可能换手机 2016就换了 所以 向前推3年 我们限定一个最小值2013年 而且就算兼容 也只会兼容主流手机 好的 我们先从 ...
分类:
移动开发 时间:
2020-05-26 01:03:04
阅读次数:
72
本文不想过多的介绍算法,只阐述核心思路 近来一直在思考,移动端的手势操作如何能更加精确。用户到底是想上下滑动呢,还是想左右滑动操作某个东西呢? 如下图,在页面有一个日历。日历是靠手势左右滑动切换上下月份(可实时滑动,而不是滑动完成的回调才切换) 有的安卓有个bug,不阻止浏览器默认行为,就无法实时触 ...
分类:
其他好文 时间:
2020-05-25 17:33:33
阅读次数:
105
vue移动端转场动画 1.介绍:使用vue移动端做项目的时候,为了用户的体验良好,我们需要页面有一种进入和转出的效果 // 在App.vue根组件中 <template> <div id="app"> <transition :name="transitionName"> <router-view ...
分类:
移动开发 时间:
2020-05-25 15:53:39
阅读次数:
114
版本:vue-cli@3(3一下版本的配置方法是不一样的) 配置下来没有什么坑,完成配置重启服务, 这个时候F12控制台可以看到px已经转换为了rem,然后就可以自己调整样式了。 1.安装 npm install lib-flexible --save npm install px2rem-load ...
分类:
移动开发 时间:
2020-05-24 20:46:27
阅读次数:
609
常见的布局方式 静态布局 常见于PC端,一般采用居中布局,以px作为单位给各元素设定固定的width,最外层div采用min-width限定最小宽度,当浏览器窗口小于min-width时会出现滚动条,移动端需要重新建新的页面。 优点:简单且没有兼容性问题 缺点:无法根据用户屏幕大小做出不同处理,目前 ...
分类:
其他好文 时间:
2020-05-24 16:40:19
阅读次数:
84
注意:无论是什么布局,最外面都需要加个版心,这样不会导致整个布局超过可视区域,形成横向滚动条。 1.流式布局 (百分比布局) 宽度使用百分比,高度使用px 2.伸缩布局 (弹性布局) flex 2.1 作用:使得我们对块级元素的布局排列变得十分灵活,适应性非常强,其强大的伸缩性,在响应式开中可以发挥 ...
分类:
移动开发 时间:
2020-05-24 14:07:21
阅读次数:
108
某次面试中被问到过,类似的还有用文本实现js的撤销恢复功能。 核心原理: 利用浏览器提供的copy命令参考链接注意: 对ipad、iphone等苹果移动端需做单独处理 document.execCommand("copy"); 如果是复制输入框里的内容,可以通过 select() 方法,选中输入框的 ...
分类:
Web程序 时间:
2020-05-24 13:57:44
阅读次数:
64
前置 希望通过这篇文章帮助你很好的适配移动端项目,如有不足,恳请指点一二! 单位 分辨率: 单位面积显示像素的数量,和 css 无关 DPI:图像每英寸长度内的像素点数(1 英尺=30.48 厘米) css 的 px: 96 DPI 的单像素的物理大小 物理像素:在由一个数字序列表示的图像中的一个最 ...
分类:
移动开发 时间:
2020-05-24 09:32:57
阅读次数:
102