小白实战大前端:移动端与前端的互通之路:the guide to front end and android development

陈辰，前贝壳找房前端架构师，具有多年开发、架构经验，涉猎前端、移动端、后端等多个方向，熟悉性能监控、跨端应用。曾供职于百度、阿里巴巴、贝壳找房。热爱技术分享，工作之余在慕课网任教，开设了多门前端性能课程，学员近10万名。他是2019年GMTC（优选大前端技术大会）明星讲师、2019年GIAC（优选互联网架构大会）讲师、2019年ArchSummit（优选架构师峰会）讲师，另著有《从零开始搭建前端监控平台》一书。

本书赞誉

 前言

 第1章 快速了解大前端

 1.1 大前端能做什么

 1.2 前端和移动端工程师的另一条路

 1.3 为什么要成为大前端技术人员

 1.4 前端和移动端工程师面对的困难

 1.5 快速掌握大前端技术的方法

 1.6 小结

 第2章 前端页面与移动端页面

 2.1 前端页面HTML

 2.1.1 HTML使用场景

 2.1.2 HTML的常规配置

 2.1.3 HTML的跳转方法

 2.1.4 HTML的生命周期

 2.2 移动端页面Activity

 2.2.1 Activity的使用场景

 2.2.2 Activity的常规配置

 2.2.3 Activity的跳转方法

 2.2.4 Activity的生命周期

 2.3 微型电商项目：了解基础页面

 2.3.1 前端与移动端页面的对比

 2.3.2 商品列表页的创建

 2.3.3 购物车页的创建

 2.3.4 商品详情页的创建

 2.4 小结

 第3章 前端与移动端布局方式

 3.1 前端常用布局方式

 3.1.1 前端的5种布局方式

 3.1.2 前端度量单位与属性

 3.2 移动端常用布局方式：Relative-Layout与LinearLayout

 3.2.1 RelativeLayout的使用场景

 3.2.2 LinearLayout的使用场景

 3.2.3 移动端度量单位

 3.3 布局差异与通用头部布局

 3.3.1 前端和移动端布局对比

 3.3.2 商城通用头部布局的实现

 3.4 小结

 第4章 商品列表页基础布局

 4.1 通用头部布局嵌入

 4.1.1 前端通用头部布局嵌入

 4.1.2 移动端通用头部布局嵌入

 4.2 前端商品列表布局

 4.3 移动端商品列表布局

 4.4 小结

 第5章 商品详情页基础布局

 5.1 前端商品详情页布局

 5.2 移动端商品详情页布局

 5.3 小结

 第6章 购物车页基础布局

 6.1 前端购物车页布局

 6.2 移动端购物车页布局

 6.3 小结

 第7章 前端图片与移动端图片

 7.1 前端图片标签

 7.1.1 常规属性和使用

 7.1.2 加载失败及处理

 7.2 移动端图片标签

 7.2.1 常规属性和使用

 7.2.2 加载失败及处理

 7.3 小结

 第8章 前端事件与移动端事件

 8.1 前端事件

 8.1.1 常规事件

 8.1.2 事件绑定形式

 8.2 移动端事件

 8.2.1 常规事件

 8.2.2 事件绑定形式

 8.3 小结

 第9章 数据更新

 9.1 前端数据更新

 9.1.1 数据获取原理

 9.1.2 数据更新方式

 9.2 移动端数据更新

 9.2.1 数据获取原理

 9.2.2 数据更新方式

 9.3 小结

 第10章 前端和移动端的巨大差异

 10.1 发布流程的差异

 10.2 内存管理的差异

 10.3 系统权限的差异

 10.4 设备的差异

 10.4.1 前端各个浏览器的对比

 10.4.2 移动端不同设备的差异

第1章快速了解大前端

我第一次听到“大前端”这个词的时候，还是在2009年的D2大会上，当时并不知道这个词的具体含义。后来随着我对手机应用的了解越来越多，才理解了“大前端”。本章将带领读者快速了解大前端的含义以及大前端工程师要解决的问题。

1.1大前端能做什么

有人把前端+移动端称为大前端，也有人把前端+服务端称为大前端，或者把“前端+移动端+后端”称为大前端，后来又出现了全栈工程师的概念，以及所谓的泛前端概念。我们不争论具体哪个概念或者定义是正确的，只需要确认本书中所描述的大前端的含义是前端+移动端即可。

前端工程师是开发浏览器中的应用的工程师。这些应用包括电脑上的浏览器中的应用、手机上的浏览器中的应用、车载设备上的浏览器中的应用或者其他设备上的类似浏览器中的应用，使用的编程工具大多为JavaScript、HTML、CSS等。React、Angular等仅仅是为了提升前端工程师开发效率而发明的框架，理论上前端工程师还是在使用JavaScript这门语言进行开发工作。

移动端工程师是指为iOS系统、Android系统或者其他移动终端系统开发应用的程序员。他们使用的主要编程语言是Obiective-C、Java或者Swift，主要是进行手机端、Pad端或者智能设备（电视、冰箱、门锁等）端的原生App的开发。

“大前端”就是指直接面向客户的应用或者系统，比如网页、手机App、Pad、桌面客户端的组合。大前端工程师就是能够开发其中两种或者两种以上系统应用的工程师。

1.2前端和移动端工程师的另一条路

我之前作为一名前端工程师，在成长之路上也有很多的困惑，尤其在工作了5~8年之后，相信很多前端工程师都有这种困惑。有的前端工程师已经成为某个前端领域的专家或转向管理方向，但是大部分前端工程师还是找不到方向，又没有办法在技术上更进一步，只能被迫转行。因为超过一定年龄不再从事一线研发任务是一些公司的招聘法则。大多数前端工程师不是幸运儿，当前端工程师无法在技术深度上讲一步成长，则获得职业广度上的成长就变成了另一条重要的成长道路，虽然这条路看起来也并不好走。

其实“端”上的技术学习有很多相似之处，尤其是前端和移动端的技术有非常多的共同点。比如：前端和移动端都有用户操作事件；移动端有用户展示界面和各种标签，而前端也有这些东西；前端工程师和移动端工程师的数据来源都是从后端工程师提供的接口获取的，有的公司里甚至前端和移动端工程师所使用的数据接口都是同一个。所以，前端、移动端工程师去学习对方知识会相对容易很多，因为前端和移动端大部分的知识点是类似的。

（1）写给小白的大前端书，帮你拓宽职业广度 （2）7位知名专家鼎力推荐，资深专家撰写 （3）直击跨端学习痛点，对比式讲解前端和移动端方案，让读者快速掌握异同并入门大前端

本书由资深前端专家撰写，7位知名专家联袂推荐。本书的一大特点是采用一个案例两套方案进行讲解，并总结其中异同，方便大家“迁移式”学习，快速入门。另外，本书摒弃了框架和API知识，带领大家编写原生程序，以了解前端和移动端异同的来龙去脉，方便后续进一步学习。
 本书内容共分10章，具体如下：
 第1章，总结大前端的生态、人才需求以及学习技巧，以便读者从整体掌握行业需求与个人发展路线。
 第2～9章，分别用移动端和前端的技术方式实现一个微型电商项目，通过对比和关联式讲解，让读者快速掌握两端技术的主要异同，如基础页面配置、通用头部布局、列表基础布局、布局嵌入、图片、事件、数据更新等。
 第10章，主要对比分析前端和移动端的发布流程、内存管理、系统权限以及设备的差异情况，为读者今后的进阶学习提供指引。