本書(shū)由資深前端專(zhuān)家撰寫(xiě),7位知名專(zhuān)家聯(lián)袂推薦。本書(shū)的一大特點(diǎn)是采用一個(gè)案例兩套方案進(jìn)行講解,并總結(jié)其中異同,方便大家“遷移式”學(xué)習(xí),快速入門(mén)。另外,本書(shū)摒棄了框架和API知識(shí),帶領(lǐng)大家編寫(xiě)原生程序,以了解前端和移動(dòng)端異同的來(lái)龍去脈,方便后續(xù)進(jìn)一步學(xué)習(xí)。
本書(shū)內(nèi)容共分10章,具體如下。
第1章,總結(jié)大前端的生態(tài)、人才需求以及學(xué)習(xí)技巧,以便讀者從整體掌握行業(yè)需求與個(gè)人發(fā)展路線。
第2~9章,分別用移動(dòng)端和前端的技術(shù)方式實(shí)現(xiàn)一個(gè)微型電商項(xiàng)目,通過(guò)對(duì)比和關(guān)聯(lián)式講解,讓讀者快速掌握兩端技術(shù)的主要異同,如基礎(chǔ)頁(yè)面配置、通用頭部布局、列表基礎(chǔ)布局、布局嵌入、圖片、事件、數(shù)據(jù)更新等。
第10章,主要對(duì)比分析前端和移動(dòng)端的發(fā)布流程、內(nèi)存管理、系統(tǒng)權(quán)限以及設(shè)備的差異情況,為讀者今后的進(jìn)階學(xué)習(xí)提供指引。
本書(shū)贊譽(yù)
前言
第1章 快速了解大前端1
1.1 大前端能做什么1
1.2 前端和移動(dòng)端工程師的另一條路2
1.3 為什么要成為大前端技術(shù)人員2
1.4 前端和移動(dòng)端工程師面對(duì)的困難4
1.5 快速掌握大前端技術(shù)的方法5
1.6 小結(jié)7
第2章 前端頁(yè)面與移動(dòng)端頁(yè)面8
2.1 前端頁(yè)面HTML8
2.1.1 HTML使用場(chǎng)景8
2.1.2 HTML的常規(guī)配置9
2.1.3 HTML的跳轉(zhuǎn)方法11
2.1.4 HTML的生命周期14
2.2 移動(dòng)端頁(yè)面Activity15
2.2.1 Activity的使用場(chǎng)景15
2.2.2 Activity的常規(guī)配置19
2.2.3 Activity的跳轉(zhuǎn)方法22
2.2.4 Activity的生命周期27
2.3 微型電商項(xiàng)目:了解基礎(chǔ)頁(yè)面35
2.3.1 前端與移動(dòng)端頁(yè)面的對(duì)比35
2.3.2 商品列表頁(yè)的創(chuàng)建36
2.3.3 購(gòu)物車(chē)頁(yè)的創(chuàng)建39
2.3.4 商品詳情頁(yè)的創(chuàng)建41
2.4 小結(jié)43
第3章 前端與移動(dòng)端布局方式44
3.1 前端常用布局方式44
3.1.1 前端的5種布局方式44
3.1.2 前端度量單位與屬性48
3.2 移動(dòng)端常用布局方式:Relative-Layout與LinearLayout50
3.2.1 RelativeLayout的使用場(chǎng)景50
3.2.2 LinearLayout的使用場(chǎng)景58
3.2.3 移動(dòng)端度量單位61
3.3 布局差異與通用頭部布局62
3.3.1 前端和移動(dòng)端布局對(duì)比62
3.3.2 商城通用頭部布局的實(shí)現(xiàn)63
3.4 小結(jié)71
第4章 商品列表頁(yè)基礎(chǔ)布局72
4.1 通用頭部布局嵌入72
4.1.1 前端通用頭部布局嵌入72
4.1.2 移動(dòng)端通用頭部布局嵌入74
4.2 前端商品列表布局76
4.3 移動(dòng)端商品列表布局81
4.4 小結(jié)94
第5章 商品詳情頁(yè)基礎(chǔ)布局96
5.1 前端商品詳情頁(yè)布局96
5.2 移動(dòng)端商品詳情頁(yè)布局102
5.3 小結(jié)116
第6章 購(gòu)物車(chē)頁(yè)基礎(chǔ)布局118
6.1 前端購(gòu)物車(chē)頁(yè)布局118
6.2 移動(dòng)端購(gòu)物車(chē)頁(yè)布局121
6.3 小結(jié)128
第7章 前端圖片與移動(dòng)端圖片129
7.1 前端圖片標(biāo)簽
129
7.1.1 常規(guī)屬性和使用129
7.1.2 加載失敗及處理130
7.2 移動(dòng)端圖片標(biāo)簽
132
7.2.1 常規(guī)屬性和使用133
7.2.2 加載失敗及處理138
7.3 小結(jié)143
第8章 前端事件與移動(dòng)端事件145
8.1 前端事件145
8.1.1 常規(guī)事件145
8.1.2 事件綁定形式147
8.2 移動(dòng)端事件156
8.2.1 常規(guī)事件157
8.2.2 事件綁定形式157
8.3 小結(jié)163
第9章 數(shù)據(jù)更新166
9.1 前端數(shù)據(jù)更新166
9.1.1 數(shù)據(jù)獲取原理166
9.1.2 數(shù)據(jù)更新方式170
9.2 移動(dòng)端數(shù)據(jù)更新173
9.2.1 數(shù)據(jù)獲取原理173
9.2.2 數(shù)據(jù)更新方式177
9.3 小結(jié)180
第10章 前端和移動(dòng)端的巨大差異182
10.1 發(fā)布流程的差異182
10.2 內(nèi)存管理的差異185
10.3 系統(tǒng)權(quán)限的差異187
10.4 設(shè)備的差異189
10.4.1 前端各個(gè)瀏覽器的對(duì)比190
10.4.2 移動(dòng)端不同設(shè)備的差異192