-
响应式设计 主要是媒体查询 @media screen and (max-width:1024px){}
查看全部 -
Flexbox
查看全部 -
移动端事件：
tap事件：{
穿透
}
touch事件： {
手势判断
}
弹性滚动： {
弹性滚动：css样式
}
下拉刷新： {
touch（手势判断）
}
上拉加载：{
scroll （不用touch是因为安卓在touch事件中的bug touchEnd会不执行）
}
查看全部 -
局部滚动的开启
查看全部 -
Andriod中Touch事件的bug
查看全部 -
1- 实现swipe的需要的计算函数设计
2- swipe实现原理：start的时候拿出一个点 end的时候拿出一个点 计算两个点之间的距离 信息 到达时间 来获取手势信息
查看全部 -
在一些不支持触摸事件的pc上用鼠标事件代替触摸事件：
1- swipe事件是由touch事件实现的
查看全部 -
透传的原因是300ms的延迟
查看全部 -
移动设备上，一般不适用click事件 会有300ms的延迟
会使用自定义的tap事件：
这个事件zptojs已经提供(其他移动框架也一定提供了)
当然 也可以自己实现
实现就必须知道实现原理
查看全部 -
移动web特别样式处理：
高清图片
1像素边框
rem
多文本溢出
查看全部 -
文本溢出 -- 常见情况：
可以有更优雅的处理
不仅从技术层面 从设计层面就应考虑
查看全部 -
不适合rem的情况：
有的情况需要混合使用各个技术，为的就是使页面的兼容性调到最好：
移动屏幕兼容：
1- 在不同屏幕环境下 变现不一致 有针对性
2- 在不同屏幕环境下 尺寸 像素 表现一致
查看全部 -
rem的值如何设置：
常规设置方法
查看全部 -
2- 一像素边框：
1） 高清屏中 1px = 2db
2) 利用sacleY()来进行缩放
查看全部 -
响应式：
1- 根据尺寸：有的需要：display:none;
2- 如果有的元素的padding-left;margin-left需要改的话 设置为绝对定位 提高渲染性能
查看全部
举报