![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端web
newbietao
雄关漫漫真如铁,而今迈步从头越。
展开
-
移动端web性能——动画
移动端web开发,性能一直是值得关注的问题,今天我就和大家分享一下,我在开发过程中遇到的一个性能问题,以及我的优化过程。背景:还是我那个人流量卡片,上周修复了低端安卓机(安卓4.0不触发touchend)不能滑动的问题,但是新的问题又出现了,上周五QA手拿了几个古董机找到了我,说滑动有卡顿。问题定位:高端机没有问题,只有低端机有卡顿现象,我认为有两种可能1.兼容性问题:有可能就原创 2017-09-11 10:12:42 · 854 阅读 · 0 评论 -
viewport 的学习重点
重新学习了一下viewport的相关知识,感觉网上的很多文章写的都很不错,感觉自己在写一篇没有多大意义,所以就在这里总结一下学习重点,并附上一篇感觉写的不错的文章。1.理解三种viewport2.理解css像素与物理像素的区别3.懂得如何设置meta标签的相关属性下面我贴了一份感觉写的不错的文章移动前端开发之viewport的深入理解在移动设备上进行网页的重构或转载 2017-09-20 15:47:24 · 195 阅读 · 0 评论 -
移动端开发——吸顶效果的解决方案
一、前言吸顶效果是web开发中一种常见的交互方式,常见的应用场景有导航、搜索框等等。(图片来自其他博客,感谢博主)二、在移动端开发遇到的问题吸顶效果的基本的开发思路,利用scroll事件进行监听scrollTop的值,当scrollTop达到一定的值得时候设置吸顶元素的position : fixed;属性。但是问题是:安卓支持scroll事件和fixed属性,但是ios8.0原创 2017-09-12 13:36:07 · 10390 阅读 · 0 评论 -
移动web开发——touch的那些事
转至元数据结尾转至元数据起始移动端web开发,touch的应用是不可避免的,下面我就分享一下我再开发中的收获和学习的一些心得一、什么是touchtouch是一种针对移动触屏设备的一种交互形式。早期的ios为了向开发人员提供一些特殊信息,新增了一些新的事件,随着安卓的webkit的出现这些事件已经成为标准化。touchstart:当手指原创 2017-09-22 16:20:45 · 272 阅读 · 0 评论 -
H5 input type=search 搜索按钮的设置
转至元数据结转至元数据起始一、问题设计搜索框时如果,单单使用input type=search 会导致一些手机的输入法不显示搜索按钮只显示换行如:二、解决办法解决这个问题可以在input标签外嵌套form标签 问题解决了:三、注意事项嵌套form标签之后可能影响input提交逻原创 2017-10-13 10:23:50 · 18947 阅读 · 4 评论