●第1章快速了解大前端1
1.1大前端能做什麼1
1.2前端和移動端工程師的另一條路2
1.3為什麼要成為大前端技術人員2
1.4前端和移動端工程師面對的困難4
1.5快速掌握大前端技術的方法5
1.6小結7

●第2章前端頁面與移動端頁面8
2.1前端頁面HTML8
2.1.1HTML使用場景8
2.1.2HTML的常規配置9
2.1.3HTML的跳轉方法11
2.1.4HTML的生命周期14
2.2移動端頁面Activity15
2.2.1Activity的使用場景15
2.2.2Activity的常規配置19
2.2.3Activity的跳轉方法22
2.2.4Activity的生命周期27
2.3微型電商項目：了解基礎頁面35
2.3.1前端與移動端頁面的對比35
2.3.2商品列表頁的創建36
2.3.3購物車頁的創建39
2.3.4商品詳情頁的創建41
2.4小結43

●第3章前端與移動端布局方式44
3.1前端常用布局方式44
3.1.1前端的5種布局方式44
3.1.2前端度量單位與屬性48
3.2移動端常用布局方式：Relative-Layout與LinearLayout50
3.2.1RelativeLayout的使用場景50
3.2.2LinearLayout的使用場景58
3.2.3移動端度量單位61
3.3布局差異與通用頭部布局62
3.3.1前端和移動端布局對比62
3.3.2商城通用頭部布局的實現63
3.4小結71

●第4章商品列表頁基礎布局72
4.1通用頭部布局嵌入72
4.1.1前端通用頭部布局嵌入72
4.1.2移動端通用頭部布局嵌入74
4.2前端商品列表布局76
4.3移動端商品列表布局81
4.4小結94

●第5章商品詳情頁基礎布局96
5.1前端商品詳情頁布局96
5.2移動端商品詳情頁布局102
5.3小結116

●第6章購物車頁基礎布局118
6.1前端購物車頁布局118
6.2移動端購物車頁布局121
6.3小結128

●第7章前端圖片與移動端圖片129
7.1前端圖片標簽 129
7.1.1常規屬性和使用129
7.1.2加載失敗及處理130
7.2移動端圖片標簽132
7.2.1常規屬性和使用133
7.2.2加載失敗及處理138
7.3小結143

●第8章前端事件與移動端事件145
8.1前端事件145
8.1.1常規事件145
8.1.2事件綁定形式147
8.2移動端事件156
8.2.1常規事件157
8.2.2事件綁定形式157
8.3小結163

●第9章數據更新166
9.1前端數據更新166
9.1.1數據獲取原理166
9.1.2數據更新方式170
9.2移動端數據更新173
9.2.1數據獲取原理173
9.2.2數據更新方式177
9.3小結180

●第10章前端和移動端的巨大差異182
10.1發布流程的差異182
10.2內存管理的差異185
10.3繫統權限的差異187
10.4設備的差異189
10.4.1前端各個瀏覽器的對比190
10.4.2移動端不同設備的差異192

【為什麼要寫本書】

目前，前端工程師、移動端工程師的進階之路尤為崎嶇，很多前端工程師、移動端工程師不知道後續的技術發展方向，也有一些工程師沒有辦法在技術深度上更進一步。那麼是否有一條技術拓廣之路呢？答案當然是有的，這就是“大前端工程師”，或者叫“泛前端工程師”“端工程師”。有些公司還設有大前端負責人崗位，這個崗位的本質就是引導、管理前端和移動端工程師完成具體的業務或技術任務。但是大多數工程師都是一條技術棧做到底，很少會有移動端、前端技術都掌握的人纔。本書旨在解決讓一名前端或者移動端工程師快速入門成為大前端工程師的問題。

【本書特色】
本書涵蓋前端、移動端的常規開發知識，並借用對比的方法幫助讀者快速掌握另一端的知識。通過已知領域對比學習未知領域的知識也是大部分人容易接受的學習方法。

 
在接觸陌生知識或者事物的時候，我總是期望在記憶中找尋類似的東西來嘗試理解，比如嘗試一個新美食的時候，會覺得這個味道像我之前喫過的某種美食。再比如，我個人在使用一個新的電子產品的時候，就會在腦海裡回憶之前自己是否用過類似的電子產品。 

本書也會著重介紹移動端、前端開發的不同點，力求讓讀者理解大前端開發的差異。書中多個前端與移動端案例的對標，也可以作為讀者日後進行大前端開發的參考文檔。

【讀者對像】
本書為大前端工程師的入門讀物，前端、移動端工程師在閱讀本書時，可以略過自己擅長的技術的相關內容。
本書主要面向以下三類讀者。
●類，完全沒有基礎但想要入門大前端的讀者。本書通過“保姆式”教學，確保這類讀者在對前端和移動端沒有任何認知的情況下能夠快速入門，培養學習興趣，避免入門勸退。
●第二類，工作一兩年的前端或者移動端工程師，想要學習大前端技能，雖有一些技術基礎但感覺完全無從下手。本書能夠帶領這類讀者以非常平滑的方式進入學習，通過一個項目把常規大前端所要掌握的雙端技術結合起來對比學習，達到事半功倍的效果。
●第三類，有一端的技術但又想在自己不擅長的另一端有所突破的讀者。本書可以幫助這類讀者快速入門並建立信心。
閱讀本書之前，期望你具備一定的前端、後端開發經驗，至少有接口級別的後端服務經驗。因為在第9章的數據請求環節，需要自己開發後端接口。

【實例代碼】

本書的實例代碼是以GitHub上的開源項目BigFont為基礎的。BigFont項目遵循MIT協議開源，讀者可以從GitHub平臺上直接下載BigFont項目（https://github.com/qq978563552/ BigFont），任何人都可以直接使用它或將它改造成自己想要的項目。建議對照開源項目代碼閱讀本書。

●這本書可以作為零基礎的前端或移動端工程師掌握另一端技術的入門級讀物。

廖雪峰開課吧合伙人，前火幣網技術專家

●本書結合實際案例，深入淺出地介紹了跨端領域常見的一些技術方案，對於前端及客戶端的從業人員都有比較高的參考價值。

李玉北字節跳動 Web Infra負責人

●本書對於想從頭開始學習另一端技術的前端或移動端工程師來說，是非常明智的選擇。推薦給想進入或者了解大前端領域的讀者學習。

曾探騰訊文檔前端技術負責人、《JavaScript設計模式與開發實踐》作者

●俗話說：“師傅領進門，修行靠個人。”相信本書一定能夠成為廣大讀者進入大前端的好幫手。大前端的世界無比精彩，前景無比繁榮，希望廣大讀者能夠盡快加入大前端的世界，一起把大前端建設得更加美好。

梁士興美團買菜終端負責人、美團研究員

●作者陳辰經驗豐富，之前寫的《從零開始搭建前端監控平臺》廣受贊譽，如今這本新書也是不可多得的好書，推薦給所有大前端技術入門者。

桑世龍（花名狼叔）Node.js布道者、《狼書》作者

●這本書的意義就在於它提供了全局視角，讓你從更全面的角度看待跨端問題，從而突破自我，達到新高度。

月影字節跳動前端工程師、掘金社區負責人

●如果你是一名前端或移動端工程師，想要從零開始學習另一端的技術，那麼你確實應該從本書開始入門。

梁東傑滴滴高級專家工程師、滴滴國際化大前端負責人