1 移動端事件大綱

2021-08-09 07:42:37 字數 993 閱讀 4262

1.touchstart

2.touchend

3.touchmove

1.取消預設事件

2.阻止冒泡

3.防止文字選中和阻止預設選單

4.滑鼠事件延遲

5.事件點透問題

1.touches

2.changedtouches

3.targettouches

1.拖拽原理分析

2.滑屏幻燈片簡版

1.rotate() ,scale() ,skew() ,translate()

2.left和top引起的回流問題及優化

3.處理transform中不能通過計算樣式獲取的問題

1.transition基本知識點

2.貝塞爾曲線運動

3.transition end事件

4.transition不執行的bug

1.rem布局適配

2.橫豎屏切換適配

3.fixed的定位的bug及替代方案

4.滑屏導航緩衝回彈動畫的實現

5.完整版無縫滾動的滑屏幻燈片

6.滑屏選項卡

1.滑動旋轉的方塊

2.3d多邊體的製作

3.正n邊形的外角計算與正n邊形的中心點計算

1.百分比配合怪異盒模型布局適配

2.animation的loading動畫

3.立體三稜柱製作

4.頁面絕對座標的獲取

5.ios 下3d 變換的相容問題及解決方案

1.滾動條比例計算

2.隨滾動條的按需載入

3.渲染優化-canvas(gpuuxanran加速)

4.transition 安卓卡頓 bug –3d硬體加速

1.雙指操作縮放和旋轉

2.安卓多指事件的相容解決

3.勾股定理與math.atan(與x軸的絕對夾角)

4.transform執行時的殘影問題解決

js移動端互動 移動端互動大綱篇

day01.基礎事件 1 touchstart介紹及使用 2 touchmove介紹及使用 3 touchend介紹及使用 4 案例分析 day02.event物件 1 取消預設事件 2 阻止冒泡 3 防止文字選中和阻止預設選單 4 滑鼠事件延遲 5 事件點透問題 6 案例分析 day03.觸控事件...

移動端事件

移動端事件 onclick 移動端也可以使用onclick事件,但是查閱資料上說會有300ms的延遲,究竟是不是有待考究。ontouchstart 相當於pc端的onmousedown,詳細可參照先前寫的文件 事件 下同 ontouchend 相當於pc端的onmouseup.ontouchmove...

移動端事件

一 touch 1 touchstart 當手指觸碰螢幕時發生,不管當前多少根手指 2 touchmove 當手指在螢幕上滑動時連續觸發,通常我們在滑屏頁面,會呼叫event的preventdefault 可以阻止預設情況的發生 阻止頁面滾動 3 touchend 當手指離開螢幕時觸發 4 touc...