HTML5觸摸界面設(shè)計(jì)與開發(fā)

時(shí)間：2023-03-04 10:21:01 | 來(lái)源：營(yíng)銷百科

時(shí)間：2023-03-04 10:21:01 來(lái)源：營(yíng)銷百科

HTML5觸摸界面設(shè)計(jì)與開發(fā)：目 錄

第1章 移動(dòng)設(shè)備概述 0
1.1 觸摸設(shè)備和桌面設(shè)備之間的差異 2
1.2 廣泛使用的設(shè)備 3
1.3 HTML 56
1.4 神秘谷，是什么讓觸摸界面反應(yīng)靈敏？ 7
1.5 總結(jié) 9

第2章 創(chuàng)建一個(gè)簡(jiǎn)單的內(nèi)容型網(wǎng)站 10
2.1 選擇一個(gè)觀念：移動(dòng)優(yōu)先或置后 12
2.2 創(chuàng)建標(biāo)記 13
2.3 奠定基礎(chǔ)的標(biāo)簽 15
2.4 理解 Viewport 15
2.5 響應(yīng)式的CSS 19
2.6 總結(jié) 24

第3章 提高第一次加載的速度 25
3.1 瀏覽器是如何加載頁(yè)面的 27
3.2 為什么頁(yè)面加載緩慢？ 27
3.3 用YSlow和PageSpeed提升速度 30
3.4 解決常見的問(wèn)題 33
3.5 將它們?nèi)糠旁谝黄?41
3.6 總結(jié) 41

第4章 加快下一次訪問(wèn)的速度 42
4.1 在HTTP中緩存 44
4.2 為移動(dòng)優(yōu)化45
4.3 使用網(wǎng)絡(luò)存儲(chǔ)(Web Storage) 46
4.4 應(yīng)用緩存(Application Cache) 53
4.5 總結(jié) 57

第5章 使用PJAX提升觸摸體驗(yàn) 58
5.1 頁(yè)面加載的代價(jià) 60
5.2 瀏覽器歷史API 62
5.3 添加PJAX 69
5.4 總結(jié) 77

第6章 輕觸VS單擊：基本的事件處理 78
6.1 是什么讓輕觸不同？ 80
6.2 觸摸事件簡(jiǎn)介 80
6.3 處理輕觸 83
6.4 總結(jié) 89
6.5 項(xiàng)目 89

第7章 CSS過(guò)渡、動(dòng)畫和變換 90
7.1 動(dòng)畫元素 92
7.2 CSS變換 105
7.3 總結(jié) 112
7.4 項(xiàng)目 112

第8章 JavaScript性能最優(yōu)化 113
8.1 性能測(cè)試和調(diào)試 115
8.2 只寫入DOM 116
8.3 給用戶反饋的優(yōu)先級(jí)是最高的 117
8.4 將它們一起使用：無(wú)限滾動(dòng) 118
8.5 總結(jié) 127
8.6 項(xiàng)目 127

第9章 手勢(shì)的基本內(nèi)容 128
9.1 為什么用手勢(shì)呢？ 130
9.2 創(chuàng)建一個(gè)循序漸進(jìn)增強(qiáng)的觸摸控制 131
9.3 創(chuàng)建一個(gè)觸摸控制的燈箱(lightbox) 136
9.4 總結(jié) 150
9.5 項(xiàng)目 150

第10章 滾動(dòng)與滑動(dòng) 151
10.1 滾動(dòng) 153
10.2 布局失效 159
10.3 讓鳥類瀏覽工具可滑動(dòng) 161
10.4 總結(jié) 176
10.5 項(xiàng)目 177

第11章 雙指縮放和其他復(fù)雜的手勢(shì) 178
11.1 了解多點(diǎn)觸摸的限制和支持情況 180
11.2 處理多點(diǎn)觸摸 180
11.3 處理雙指縮放 185
11.4 總結(jié) 195
11.5 項(xiàng)目 195