#day01.基礎事件
1)touchstart介紹及使用
2)touchmove介紹及使用
3)touchend介紹及使用
4)案例分析
#day02.event物件
1)取消預設事件
2)阻止冒泡
3)防止文字選中和阻止預設選單
4)滑鼠事件延遲
5)事件點透問題
6)案例分析
#day03.觸控事件(touchevent)
1)touches介紹及使用
2)changedtouches介紹及使用
3)targettouches介紹及使用
4)案例分析
#day04.滑屏處理
1)拖拽原理分析
2)滑屏幻燈片簡版
3)案例分析及介紹
#day05.2d變換(transform2d)
1)rotate()、scale()、skew()、translate()
2)left和top引起的回流問題及優化
3)處理transform中不能通過計算後樣式獲取的問題
4)案例分析及介紹
#day06. 動畫(transition)
1) transition基本知識點
2) 貝賽爾曲線運動
3) transitionend事件
4) transition 不執行的bug
5)案例分析及介紹
#day07.例項：移動端版音悅台首頁製作
1) rem布局適配
2) 橫豎屏切換適配
3) fixed定位的bug及替代方案
4) 滑屏導航緩衝回彈動畫的實現
5) 完整版無縫滾動的滑屏幻燈片
6) 滑屏選項卡
7)案例分析及介紹
#day08.3d動畫(transform3d)
1) 滑動旋轉的方塊
2) 3d多邊體制作
3) 正n邊形的外角計算與正n邊形的中心點計算
4)案例分析及介紹
#day09. 3d桌面切換
1) 百分比配合怪異盒模型布局適配
2) animation的loading動畫
3) 立體三稜柱製作
4) 頁面絕對座標獲取
5) ios下3d變換的相容問題及解決方案
7)案例分析及介紹
#day10.自定義滾動條
1) 滾動條比例計算
2) 隨滾動條的按需載入
3) 渲染優化-canvas(gpu渲染加速)
4) transition安卓卡頓bug–3d硬體加速
5)案例分析及介紹
#day11.多指觸控事件
1) 雙指操作縮放和旋轉
2) 安卓多指事件的相容解決
3) 勾股定理與math.atan2(與x軸的絕對夾角)
3) transform執行時的殘影問題解決
4)案例分析及介紹
#day13.原生例項專案
1)完整版的移動端相簿
移動端資料互動
和移動端對接沒有明確的介面文件可謂是，瞎子摸馬啊！但是最終還是搞定了。json decode file get contents php input r true 這樣移動端post提交給後端的 json資料就可以正常接收處理了。關聯陣列 echo json encode array a aaa b...
移動端互動優化
1 移動web頁面上click事件響應有300ms延遲 原因 移動裝置訪問的web頁面都是pc上的頁面。在預設viewport 980px 的頁面往往需要 雙擊 或 捏開 放大頁面。而正是為了確認使用者是 雙擊 還是 單擊 safari 需要300ms 的延遲來判斷。而後來的iphone,andro...
移動端互動直播 入門篇
rtmp real time messaging protocol 實時訊息傳送協議 工作在tcp之上的明文協議，使用埠1935 rtmpt封裝在http請求之中，可穿越防火牆 rtmps類似rtmpt，但使用的是https連線 客戶端支援 h264編碼 mkv俄文 是 俄羅斯套娃 的誤讀，因為ma...