-
響應式設計 主要是媒體查詢 @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需要改的話 設置為絕對定位 提高渲染性能
查看全部
舉報