産品特色
編輯推薦
基礎的移動頁麵布局和常見前端框架,進階的移動頁麵動畫技術、Web API及性能優化,各類實戰案例剖析等技術層麵的各類知識和心得全分享;
包含H5在內的各種類型移動頁麵的開發要點,創意的技術手段完美呈現;
常用的數據分析方法輔助驗證項目效果。
內容簡介
本書基於TGideas團隊多年的研究、應用及沉澱,旨在嚮各位讀者介紹在移動前端開發的各類技術知識,幫助讀者在移動前端領域更上一層樓。本書從基礎的移動頁麵布局和常見前端框架,到進階的移動頁麵動畫技術、Web API及性能優化,再到各類實戰案例剖析等,詳細講解瞭技術層麵的各類知識和心得。另外,書中還介紹瞭常用的數據分析方法,以驗證項目效果。
本書適閤網頁重構和Web前端開發崗位的從業人員使用,也適閤有一定的移動頁麵開發基礎的讀者閱讀。更多延伸內容,我們會給齣官方文檔地址方便讀者進一步瞭解。
由於操作係統、瀏覽器內核的持續迭代及各類規則的調整,在本書齣版時,可能部分API的兼容性已經有瞭很大的改觀。請各位讀者在具體使用時,做好預研和測試工作。
因為篇幅原因,本書部分的CSS代碼及JavaScript代碼采用瞭左右的排版方式,請各位讀者閱讀時注意。
作者簡介
騰訊互動娛樂TGideas,TGideas隸屬於騰訊互動娛樂事業群,專注於體驗設計、營銷創新及內容創意。團隊由專業的內容企劃、項目管理、創意策劃、視覺設計、技術開發及多媒體人纔構成。“努力工作,拼命玩”是我們的信條,比起用“飛機稿”獲奬,我們更樂於通過多樣化的作品,幫助産品與用戶建立有效的溝通機製與情感鏈接,實現真正意義上的商業價值。
目錄
01移動頁麵開發 /007
1.1 頁麵布局 /008
1.1.1 Viewport /008
1.1.2 布局形式 /014
1.1.3 Media Queries /018
1.1.4 屏幕適應 /022
1.1.5 內容排布技巧 /034
1.2 頁麵調試 /03 7
1.2.1 Chrome開發者工具 /037
1.2.2 Mac電腦調試 /039
1.2.3 自研工具 /040
1.3 常用庫和框架 /042
1.3.1 jQuery Mobile /042
1.3.2 Zepto /05 5
1.3.3 Cocos2d /069
1.3.4 CreateJS /079
02技術創意形式 /087
2.1 動畫形式 /088
2.1.1 CSS3 /088
2.1.2 幀動畫 /094
2.1.3 Canvas /100
2.1.4 SVG /105
2.1.5 Three.js /110
2.2 移動設備Web API詳解 /114
2.2.1 視頻(Video)/114
2.2.2 音頻(Audio)/115
2.2.3 媒體流(getUserMedia)/119
2.2.4 Web Speech /120
2.2.5 Web Audio API /121
2.2.6 地理定位(Geolocation API)/123
2.2.7 陀螺儀 /126
2.2.8 設備震動(Vibration API)/128
2.2.9 電池狀態(Battery API)/129
2.2.10 環境光(Ambient Light)/130
2.2.11 網絡信息 /132
2.2.12 平颱JSSDK /133
2.3 WebVR /13 4
2.3.1 實現步驟 /134
2.3.2 常用WebVR解決方案 /135
2.4 創意點 /142
2.4.1 基於微信錄音接口 /142
2.4.2 基於微信語音識彆 /144
2.4.3 基於攝像頭和相冊 /145
2.4.4 基於人臉識彆 /147
2.4.5 基於陀螺儀 /148
2.4.6 基於手勢 /15 0
2.4.7 基於Websocket /15 1
03頁麵性能優化 /153
3.1 優化原理 /154
3.1.1 為什麼優化 /15 4
3.1.2 優化思路 /15 4
3.2 資源優化 /155
3.2.1 圖像 /15 5
3.2.2 音頻 /162
3.2.3 視頻 /166
3.2.4 代碼 /168
3.3 加載優化 /17 0
3.3.1 加載原理 /170
3.3.2 瀏覽器分析 /175
3.3.3 加載優化實戰 /179
3.4 腳本優化 /181
3.4.1 執行效率 /181
3.4.2 Web Worker /188
04頁麵效果驗證 /191
4.1 為何驗證 /192
4.2 數據埋點 /193
4.2.1 什麼是數據埋點 /193
4.2.2 什麼數據需要埋點 /193
4.2.3 數據分析平颱 /197
4.3 分析數據 /200
4.3.1 數據收集 /200
4.3.2 數據整理 /200
4.3.3 數據分析 /202
4.4 數據參考 /210
4.4.1 資源投放數據參考 /210
4.4.2 H5 用戶行為數據參考 /211
4.4.3 轉化率數據參考 /220
05大型項目實戰 /221
5.1 UP+2014邀請函 /222
5.1.1 設計風格定稿 /222
5.1.2 前端體驗定位 /223
5.1.3 單屏滑動 /224
5.1.4 CSS3動畫的應用 /226
5.1.5 SVG的應用 /230
5.2 TGA城市拉力賽 /232
5.2.1 地理位置的使用 /232
5.2.2 音頻的作用 /233
5.3 全民突擊明星隊長 /23 5
5.3.1 需求創意形式和技術點分析 /235
5.3.2 執行中的問題和解決方法 /236
5.3.3 微信視頻自動播放問題 /240
5.4 全民超神明星皮膚 /242
5.4.1 需求創意形式和技術點分析 /242
5.4.2 執行中的技術點和實踐 /242
5.4.3 執行中常見的兼容性問題和解決方法 /246
5.5 龍之榖手遊WebVR項目 /248
5.5.1 程序與用戶共同控製攝像頭 /248
5.5.2 多重濛版貼圖 /249
5.5.3 自適應長度文字提示 /253
5.5.4 Unity 地形導齣 /25 5
5.5.5 3ds M ax動畫導齣問題 /255
附錄 /257
1. 微信JSSDK /257
2. 手機QQ JSSDK /258
指尖上行 移動前端開發進階之路 下載 mobi epub pdf txt 電子書