zoukankan      html  css  js  c++  java
  • 移动端

    概念解析

    1.流式布局

     

     非主流适配方案

    浏览器现状

     touch触发事件-----与pc端拖拽原理一致

     实例

    触摸事件中三个重要属性

    changedTouches: 触摸点改变后会记录此,包括开始点击,或者手指移开或者手指滑动都会记录

    targetTouches: 指手指触摸的元素,是一个集合

    touches: 页面上所有触发点集合

    clientX、clientY是基于浏览器窗口(视口:viewPoint)

    pageX、pageY是基于页面(视口: viewPoint)

    screenX、screenY基于屏幕

     

     tab事件----本质就是通过touch事件转换

     原理: 1)touchstart 和touchend时间差小于150毫秒

              2)不能触发touchmove事件

     满足以上两条就是tap事件.

     区域滚动插件

    iscroll ----在区域内左滚动效果的插件,iPhone原生支持但是Android都不支持,所以需要使用这个插件.

  • 相关阅读:
    2020.11.17
    2020.11.26
    2020.11.18
    2020.12.01
    2020.11.23
    Java编程规范
    20201003 千锤百炼软工人
    2020081920200825 千锤百炼软工人
    20201004 千锤百炼软工人
    20200929 动手动脑
  • 原文地址:https://www.cnblogs.com/zhulibin2012/p/10159874.html
Copyright © 2011-2022 走看看