HTML5移動Web開發實戰 PDF掃描版​

来源:https://www.cnblogs.com/html66/archive/2018/04/26/8955421.html
-Advertisement-
Play Games

《HTML5移動Web開發實戰》提供了應對這一挑戰的解決方案。通過閱讀本書，你將瞭解如何有效地利用最新的HTML5的那些針對移動網站的功能，橫跨多個移動平臺。全書共分10章，從移動Web、設備端配置和優化，變互、響應式設計、設備訪問，調試、性能測試、富媒體等角度出發，包含了60多個實用的示倒，詳細闡 ...


《HTML5移動Web開發實戰》提供了應對這一挑戰的解決方案。通過閱讀本書，你將瞭解如何有效地利用最新的HTML5的那些針對移動網站的功能，橫跨多個移動平臺。全書共分10章，從移動Web、設備端配置和優化，變互、響應式設計、設備訪問，調試、性能測試、富媒體等角度出發，包含了60多個實用的示倒，詳細闡釋如何構建快速、響應式的HTML5移動網站，適用於iOS、Android、WindowsPhone和BlackBerry等眾多主流移動應用平臺。 　

　

　　《HTML5移動Web開發實戰》作者是HTML5 Boilerplate項目的成員，MobileBoilerplate(//h5bp.com/mobile)的主要開發人員。《HTML5移動Web開發實戰》為那些致力於實現高性能、響應式、跨平臺的HTML5移動網站的程式員量身打造，也適合對移動Web開發感興趣的讀者學習參考。

 

教程地址：HTML5移動Web開發實戰 PDF掃描版​

 

 

HTML5移動Web開發實戰 目錄：

第1章　HTML5與移動網站　

1.1　簡介　

1.2　確定網站的適用移動設備　

1.2.1　用戶最常用的平臺和瀏覽器是什麼　

1.2.2　有多少用戶使用支持現代腳本的移動設備　

1.2.3　Google Analytics的替代品　

1.2.4　Google Analytics的精準度　

1.2.5　對服務端讀取速度的擔憂　

1.3　配置移動開發工具　

1.3.1　準備　

1.3.2　實踐　

1.3.3　回顧　

1.3.4　延伸　

1.4　BlackBerry模擬器　

1.4.1　準備　

1.4.2　實踐　

1.5　配置移動開發環境　

1.5.1　準備　

1.5.2　實踐　

1.5.3　回顧　

1.5.4　延伸　

1.6　在移動網站中使用HTML5　

1.6.1　準備　

1.6.2　實踐　

1.6.3　回顧　

1.6.4　延伸　

1.7　跨瀏覽器HTML5　

1.7.1　準備　

1.7.2　實踐　

1.7.3　回顧　

1.7.4　延伸　

1.8　移動設計　

1.8.1　準備　

1.8.2　實踐　

1.8.3　回顧　

1.8.4　延伸　

1.9　定義一個內容策略　

1.9.1　準備　

1.9.2　實踐　

1.9.3　回顧　

1.9.4　延伸　

第2章 移動端的配置和優化　

2.1　簡介　

2.2　通過界面圖標啟動Web應用　

2.2.1　準備　

2.2.2　實踐　

2.2.3　回顧　

2.2.4　延伸　

2.2.5　參考　

2.3　避免文本字體大小重置　

2.3.1　準備　

2.3.2　實踐　

2.3.3　回顧　

2.3.4　延伸　

2.4　優化瀏覽器視口寬度設置　

2.4.1　準備　

2.4.2　實踐　

2.4.3　回顧　

2.4.4　延伸　

2.5　修複移動版Safari的re-flow scale問題　

2.5.1　準備　

2.5.2　實踐　

2.5.3　回顧　

2.5.4　延伸　

2.6　在瀏覽器中啟動手機原生應用　

2.6.1　準備　

2.6.2　實踐　

2.6.3　回顧　

2.6.4　延伸　

2.7　iPhone下全屏模式啟動　

2.7.1　準備　

2.7.2　實踐　

2.7.3　回顧　

2.7.4　延伸　

2.8　防止iOS在聚焦時自動縮放　

2.8.1　準備　

2.8.2　實踐　

2.8.3　回顧　

2.8.4　延伸　

2.9　禁用或限制部分WebKit特性　

2.9.1　準備　

2.9.2　實踐　

2.9.3　回顧　

2.9.4　延伸　

第3章 移動設備的交互方式　

3.1　簡介　

3.2　利用觸控來移動頁面元素　

3.2.1　準備　

3.2.2　實踐　

3.2.3　回顧　

3.2.4　延伸　

3.2.5　參考　

3.3　檢測和處理橫豎屏切換事件　

3.3.1　準備　

3.3.2　實踐　

3.3.3　回顧　

3.3.4　延伸　

3.3.5　參考　

3.4　利用手勢旋轉頁面元素　

3.4.1　準備　

3.4.2　實踐　

3.4.3　回顧　

3.4.4　延伸　

3.4.5　參考　

3.5　利用滑動創建圖庫　

3.5.1　準備　

3.5.2　實踐　

3.5.3　回顧　

3.5.4　延伸　

3.5.5　參考　

3.6　利用手勢操作圖片縮放　

3.6.1　準備　

3.6.2　實踐　

3.6.3　回顧　

3.6.4　延伸　

3.6.5　參考　

第4章 構建快速響應式移動互聯網站點　

4.1　簡介　

4.2　使用HTML5語法構建頁面　

4.2.1　準備　

4.2.2　實踐　

4.2.3　回顧　

4.2.4　延伸　

4.2.5　參考　

4.3　使用CSS3特性做漸進增強　

4.3.1　準備　

4.3.2　實踐　

4.3.3　回顧　

4.3.4　延伸　

4.3.5　參考　

4.4　使用響應式設計　

4.4.1　準備　

4.4.2　實踐　

4.4.3　回顧　

4.4.4　延伸　

4.5　優化polyfills腳本的載入速度　

4.5.1　準備　

4.5.2　實踐　

4.5.3　回顧　

4.5.4　延伸　

4.5.5　參考　

4.6　檢測用戶客戶端　

4.6.1　準備　

4.6.2　實踐　

4.6.3　回顧　

4.6.4　延伸　

4.7　使用書簽氣泡為應用添加桌面快捷方式　

4.7.1　準備　

4.7.2　實踐　

4.7.3　回顧　

4.7.4　參考　

4.8　構建可自動伸縮的文本輸入框　

4.8.1　準備　

4.8.2　實踐　

4.8.3　回顧　

4.8.4　延伸　

4.8.5　參考　

4.9　加速按鈕反饋　

4.9.1　準備　

4.9.2　實踐　

4.9.3　回顧　

4.9.4　延伸　

4.9.5　參考　

4.10　隱藏瀏覽器的地址欄　

4.10.1　準備　

4.10.2　實踐　

4.10.3　回顧　

4.10.4　參考　

4.11　構建移動互聯網站點的站點地圖　

4.11.1　準備　

4.11.2　實踐　

4.11.3　回顧　

4.11.4　延伸　

第5章 移動設備訪問　

5.1　簡介　

5.2　獲取位置信息　

5.2.1　準備　

5.2.2　實踐　

5.2.3　回顧　

5.2.4　延伸　

5.3　跨瀏覽器定位　

5.3.1　準備　

5.3.2　實踐　

5.3.3　回顧　

5.3.4　延伸　

5.4　基於地理信息顯示地圖　

5.4.1　準備　

5.4.2　實踐　

5.4.3　回顧　

5.4.4　延伸　

5.5　實時顯示地理位置　

5.5.1　準備　

5.5.2　實踐　

5.5.3　回顧　

5.6　使用DeviceOrientation事件　

5.6.1　準備　

5.6.2　實踐　

5.6.3　回顧　

5.6.4　延伸　

5.7　使用foursquare的定位　

5.7.1　準備　

5.7.2　實踐　

5.7.3　回顧　

5.7.4　延伸　

第6章 移動富媒體　

6.1　簡介　

6.2　移動設備上播放音頻　

6.2.1　準備　

6.2.2　實踐　

6.2.3　回顧　

6.2.4　延伸　

6.3　移動設備上播放視頻　

6.3.1　準備　

6.3.2　實踐　

6.3.3　回顧　

6.3.4　延伸　

6.4　使用離線緩存　

6.4.1　準備　

6.4.2　實踐　

6.4.3　回顧　

6.4.4　延伸　

6.5　使用網路存儲(Web Storage)　

6.5.1　準備　

6.5.2　實踐　

6.5.3　回顧　

6.5.4　延伸　

6.6　使用Web Workers　

6.6.1　準備　

6.6.2　實踐　

6.6.3　回顧　

6.7　使用session和history API構建類Flash導航效果　

6.7.1　準備　

6.7.2　實踐　

6.7.3　回顧　

6.7.4　延伸　

第7章 移動設備調試　

7.1　簡介　

7.2　使用Opera Dragonfly遠程調試　

7.2.1　準備　

7.2.2　實踐　

7.2.3　回顧　

7.2.4　延伸　

7.3　使用weinre遠程調試　

7.3.1　準備　

7.3.2　實踐　

7.3.3　回顧　

7.4　在移動設備上使用Firebug　

7.4.1　準備　

7.4.2　實踐　

7.4.3　回顧　

7.4.4　延伸　

7.5　使用JS Console遠程調試　

7.5.1　準備　

7.5.2　實踐　

7.5.3　回顧　

7.5.4　延伸　

7.6　設置移動Safari調試器　

7.6.1　準備　

7.6.2　實踐　

7.6.3　回顧　

第8章 伺服器端性能調優　

8.1　簡介　

8.2　防止移動設備轉碼(Mobile Transcoding)　

8.2.1　準備　

8.2.2　實踐　

8.2.3　回顧　

8.2.4　延伸　

8.3　添加移動設備支持的MIME類型　

8.3.1　準備　

8.3.2　實踐　

8.3.3　回顧　

8.3.4　延伸　

8.4　正確顯示cache manifest文件　

8.4.1　準備　

8.4.2　實踐　

8.4.3　回顧　

8.5　在頭文件設置未來過期時間　

8.5.1　準備　

8.5.2　實踐　

8.5.3　回顧　

8.5.4　延伸　

8.6　使用Gzip壓縮　

8.6.1　準備　

8.6.2　實踐　

8.6.3　回顧　

8.6.4　延伸　

8.7　移除ETags　

8.7.1　準備　

8.7.2　實踐　

8.7.3　回顧　

8.7.4　延伸　

第9章 移動性能測試　

9.1　簡介　

9.2　使用Blaze的移動設備速度測試　

9.2.1　準備　

9.2.2　實踐　

9.2.3　回顧　

9.2.4　延伸　

9.3　線上分析移動頁面速度　

9.3.1　準備　

9.3.2　實踐　

9.3.3　回顧　

9.3.4　延伸　

9.4　PCAP網站性能分析　

9.4.1　準備　

9.4.2　實踐　

9.4.3　回顧　

9.4.4　延伸　

9.5　移動版HTTP Archive　

9.5.1　準備　

9.5.2　實踐　

9.5.3　回顧　

9.5.4　延伸　

9.6　使用Jdrop存儲性能數據　

9.6.1　準備　

9.6.2　實踐　

9.6.3　回顧　

9.6.4　延伸　

第10章 擁抱移動互聯網特性　

10.1　簡介　

10.2　window.onerror　

10.2.1　準備　

10.2.2　實踐　

10.2.3　回顧　

10.2.4　延伸　

10.3　使用ECMAScript 5中的新方法　

10.3.1　準備　

10.3.2　實踐　

10.3.3　回顧　

10.3.4　延伸　

10.4　HTML5中新的輸入類型　

10.4.1　準備　

10.4.2　實踐　

10.4.3　回顧　

10.4.4　延伸　

10.5　在HTML中內嵌SVG　

10.5.1　準備　

10.5.2　實踐　

10.5.3　回顧　

10.5.4　延伸　

10.6　position:fixed　

10.6.1　準備　

10.6.2　實踐　

10.6.3　回顧　

10.7　overflow:scroll　

10.7.1　準備　

10.7.2　實踐　

10.7.3　回顧　

10.7.4　延伸　

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • AndroidStudio運行時出現錯誤：Instant Run requires 'Tools | Android | Enable ADB integration' to be enabled
    本來想調出MMDS，沒想到報出這個錯誤： 最後發現原來是自己選Android Device Monitor不小心把Enable ADB Integration前面的√去掉了。點擊工具欄中的Tools，選中Android，最後點擊Enable ADB Integration，使其前面出現✔號就OK了， ...
  • Genymotion模擬器拖入文件報An error occured while deploying the file的錯誤
    今天需要用到資源文件，需要將資源文件拖拽到sd卡中，但老是出現這個問題： 資源文件拖不進去genymotion。查看了sd的DownLoad目錄，確實沒有成功拖拽進去。 遇到這種問題的，我按下麵的思路排查問題： Genymotion模擬器是基於VirtualBox的，看看是不是虛擬機禁用了拖放功能， ...
  • 小程式中添加客服按鈕contact-button
    小程式的客服系統，是微信做的非常成功的一個功能，開發者可以很方便的通過一行代碼，就可實現客服功能。 1. 普通客服按鈕添加 2. 懸浮客服按鈕添加，圖片自定義 大家看地圖的有個客服圖片圖片資源。大家去iconfont 網站去找一個就可以了 index.wxml index.wxss 芝麻小客服 小程 ...
  • iOS學習—— UISearchBar的使用
    轉載自：http://blog.sina.com.cn/s/blog_7b9d64af0101dfg8.html 最近用到搜索功能。於是，經過不斷的研究，終於，有點懂了。 那就來總結一下吧，好記性不如爛筆頭！ 搜索，無疑可以使用UISearchBar控制項！那就先瞭解一下UISearchBar控制項吧！ ...
  • android 歡迎界面的製作
    再打開手機app的時候，最先映入我們眼帘的是一個覆蓋手機全屏的歡迎界面，在這個界面顯示出來的時候整個手機屏幕只會顯示這一個界面，上面的標題欄，以及手機最頂端的狀態欄都會消失，只有歡迎頁面結束跳轉到其他頁面時，標題欄和狀態欄才回又顯示出來。 現在我們就來製作一下歡迎界面。 歡迎界面的設置 首先，我們需 ...
  • 新編html網頁設計從入門到精通 (龍馬工作室) pdf掃描版​
    新編html網頁設計從入門到精通共分為21章，全面系統地講解了html的發展歷史及4.0版的新特性、基本概念、設計原則、文件結構、文件屬性標記、用格式標記進行頁面排版、使用圖像裝飾頁面、超鏈接的使用、使用表格組織頁面、使用多媒體美化頁面、創建多框架頁面、動態網頁的製作、使用層疊樣式表(css)美化頁 ...
  • HTML5移動開發即學即用(雙色) 王志剛 pdf掃描版​
    HTML5已經廣泛應用於各智能移動終端設備上，而且絕大部分技術已經被各種最新版本的測覽器所支持：逐一剖析HTML5標準中包含的最新技術，詳細介紹了HTML5新標準中提供的各種API，各種各樣的應用實例，可以直接應用於自己的HTML5程式中。 HTML5移動開發即學即用(雙色)書中幾乎涵蓋了HTML5 ...
  • HTML5權威指南 中文版 高清PDF掃描版​
    HTML5權威指南是一本系統學習網頁設計的權威參考圖書。《HTML5權威指南》分為五部分：第一部分介紹學習本書的預備知識和HTML、CSS和JavaScript的最新進展；第二部分討論HTML元素，並詳細說明瞭HTML5中新增和修改的元素；第三部分闡述CSS，涵蓋了所有控制內容樣式的CSS選擇器和屬 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類