- 博客(5)
- 资源 (1)
- 收藏
- 关注
转载 5步解决移动设备上的300ms点击延迟
大多数基于触摸的浏览器设备,在点击时都会有个 300ms 的事件触发等待时间,做过 web app 开发的同学应该都遇到过这个情况,通过下面的5步可以轻松搞定这个延迟。1、不要太纠结于此是否能接受这 300ms 的时间延迟,往往取决于你的应用和目标受众,比如:如果是个内容为主,并且菜单较少的应用,那么用户在阅读上花费的事件远远大于在菜单上消耗的事件,这种 情况下 300ms 是完全可以
2017-04-24 10:24:51 1259
转载 Javascript: 关于移动端与pc的点击事件的探讨
问题1:移动端click事件会延迟响应Solution: 移动端使用zeptojs中的tap事件来替换click问题2: tap事件有点透的问题存在点透:点击上一层按钮的事件,会触发下一层的点击事件或者链接Solution: 因为tap事件的实现原理就是通过touch事件。因此,我们可以通过touch事件的结合来模拟点击事件。Element.on('
2017-04-12 17:15:53 2359
转载 display:flex 布局教程
布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。一、Flex布局是什么?Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。[css] view plain co
2017-04-07 14:47:02 537
转载 display:flex 布局教程
布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。一、Flex布局是什么?Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。[css] view plain copy print?.box1{
2017-04-07 14:27:48 178
转载 web app 自适应方案总结 关键字 弹性布局之rem
现在移动端 web app 的自适应布局的方案有 5种。零. Flexbox 使用css3 flexbox 进行布局,对于富媒体和复杂排版的支持非常强大,未普及兼容性非常差,几乎没有在任何项目中得到应用。一. 弹性布局 使用 em 或 rem 单位进行相对布局,相对 % 百分比更加灵活,同时可以支持浏览器的字体大小调整和缩放等的正常显示。
2017-04-03 10:44:04 349
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人