作 者:呂鳴 著
定 價:89
出 版 社:清華大學出版社
出版日期:2020年07月01日
頁 數:442
裝 幀:平裝
ISBN:9787302554196
"本書綜合運用HTML5、CSS3、Vue.js全家桶等流行前端技術介紹了如何開發一款企業級移動Web應用的方法與技巧,內容包括:HTML5語義標簽和屬性,HTML5音視頻,HTML5 Canvas,HTML5網頁存儲,CSS3選擇器,CSS3背景,CSS3轉換、過渡和動畫,移動Web開發和調試,響應式頁面和Flex布局,移動Web的touch事件,Vue.js的組件、指令、模板語法,Vue.js的組件通信、動畫和插槽,Vuex與Vue.js結合實現項目狀態管理,Vue Router與Vue.j等
●第1章 移動Web開發概述
1.1 移動互聯網Web技術發展
1.2 移動Web開發和PC Web開發的區別
1.3 移動Web和HTML
1.4 瀏覽器安裝和代碼環境的準備
1.4.1 安裝Chrome
1.4.2 安裝Node.js和http-server
1.4.3 選擇合適的代碼編輯器
1.5 本章小結
第2章 HTML5語義化標簽和屬性
2.1 DOCTYPE聲明
2.2標簽
2.3標簽
2.4標簽
2.5標簽
2.6標簽
2.7 語義化標簽總結
2.8 HTML5其他新增的標簽
2.8.1標簽
2.8.2標簽
2.8.3標簽
2.9 HTML5新增的標簽屬性
2.9.1的type屬性
2.9.2文件上傳功能
2.9.3其他新增屬性
2.9.4的async和defer屬性
2.10 本章小結
第3章 HTML5音頻和視頻
3.1標簽與音頻
3.1.素的使用
3.1.2 使用JavaScript操作audio對像
3.1.3 audio對像的事件
3.2標簽與視頻
3.2.素的使用
3.2.2 使用JavaScript操作video對像
3.2.3 video對像的事件
3.2.4 videojs視頻播放器的使用
3.3 本章小結
第4章 HTML5 Canvas基礎
4.1 一個簡單的Canvas
4.2 使用Canvas繪制路徑
4.2.1 使用Canvas繪制直線
4.2.2 使用Canvas路徑填充
4.3 使用Canvas繪制圖形
4.3.1 使用Canvas繪制矩形
4.3.2 使用Canvas繪制圓
4.3.3 使用Canvas繪制圖形的鋸齒問題
4.4 使用Canvas繪制文本
4.5 使用Canvas繪制和壓縮圖片
4.5.1 使用Canvas繪制圖片
4.5.2 使用Canvas壓縮圖片
4.6 使用Canvas繪制貝塞爾曲線
4.6.1 二次貝塞爾曲線的繪制
4.6.2 三次貝塞爾曲線的繪制
4.7 Canvas轉換
4.7.1 平移translate
4.7.2 旋轉rotate
4.7.3 縮放scale
4.8 Canvas狀態的保存和恢復
4.9 Canvas動畫
4.10 案例:Canvas實現送心動畫
4.11 本章小結
第5章 HTML5網頁存儲
5.1 初識Web Storage
5.1.1 Web Storage的概念
5.1.2 同源策略
5.1.3 Web Storage的瀏覽器兼容性
5.2 LocalStorage和SessionStorage
5.2.1 LocalStorage的增刪改查
5.2.2 LocalStorage容量的
5.3 瀏覽器存儲的其他方案
5.3.1 IndexedDB
5.3.2 Service Worker
5.4 本章小結
第6章 CSS3選擇器
6.1 CSS3屬性選擇器
6.2 CSS3偽類選擇器
6.2.1 偽素
6.2.素偽類選擇器
6.2.3 素偽類選擇器
6.2.4 條件偽類選擇器
6.2素狀態偽類選擇器
6.3 本章小結
第7章 CSS3背景
7.1 background-size屬性
7.2 background-origin屬性
7.3 background-clip屬性
7.4 背景漸變
7.4.1 線性漸變
7.4.2 徑向漸變
7.5 本章小結
第8章 CSS3轉換、過渡與動畫
8.1 CSS3轉換(transform)
8.1.1 translate(位移)
8.1.2 scale(縮放)
8.1.3 rotate(旋轉)
8.1.4 skew(扭曲)
8.1.5 matrix(矩陣)
8.1.6 transform-origin(轉換原點)
8.1.7 3D轉換
8.1.8 瀏覽器前綴
8.2 CSS3過渡(transition)
8.2.1 transition-property屬性
8.2.2 transition-duration屬性
8.2.3 transition-timing-function屬性
8.2.4 transition-timing-delay屬性
8.2.5 過渡效果的特點和局限性
8.3 CSS3動畫(animation)
8.3.1 keyframes(關鍵幀)
8.3.2 animation(動畫)屬性
8.3.3 animation-name屬性
8.3.4 animation-iteration-count屬性
8.3.5 animation-direction屬性
8.3.6 animation-fill-mode屬性
8.3.7 animation-fill-mode屬性
8.3.8 will-change屬性
8.4 案例:CSS3實現旋轉3D立方體
8.4.1 3D立方體
8.4.2 旋轉3D立方體
8.5 本章小結
第9章 移動Web開發和調試
9.1 Chrome模擬器調試
9.1.1 啟用Device Mode功能
9.1.2 移動設備視區模式
9.1.3 模擬網絡狀態
9.2 spy-debugger調試
9.2.1 Node.js和npm
9.2.2 安裝和使用spy-debugger
9.3 本章小結
第10章 移動Web屏幕適配
10.1 Viewport視區
10.1.1 物理像素和CSS像素
10.1.2 視區(Viewport)
10.1.3 設置視區
10.2 響應式布局
10.2.1 媒體查詢(Media Query)
10.2.2 案例:響應式頁面
10.3 Flex布局
10.3.1 Flex布局——新舊版本的兼容性
10.3.2 Flex容器屬性
10.3.3 Fl素屬性
10.4 rem適配
10.4.1 動態素font-size
……
《HTML5移動Web+Vue.js應用開發實戰》綜合運用HTML5、Vue.js全家桶等流行前端技術介紹了如何開發一款企業級移動Web應用的方法與技巧,主要內容包括:HTML5語義標簽和屬性,HTML5音視頻,HTML5Canvas,HTML5網頁存儲,CSS3選擇器,CSS3背景,CSS3轉換、過渡和動畫,移動Web開發和調試,響應式頁面和Flex布局,移動Web的touch事件繫統,Vue.js的組件、指令和模板語法,Vue.js的組件通信、動畫和插槽,Vuex與Vue.js結合實現項目狀態管理,VueRouter與Vue.js結合實現項目路由管理;PWA漸進式技術和ECMAScript6新特性等內容,並借助待辦事項管理繫統和WebApp項目開發提高讀者的實戰技能。
《HTML5移動Web+Vue.js應用開發實戰》內容豐富,注重實戰,特別適合正在學習移動Web開發或前端等
呂鳴 著
呂鳴(網名,呂小鳴),從業7年,先後供職於深圳騰訊內容平臺部、宇通客車智能網聯研究院,擔任Web前端高級工程師和前端架構師,對Web開發、iOS開發、PHP開發及前端相關領域都有涉獵,目前專注於移動Web開發,對相關實際項目調優擁有豐富的經驗。