小白实战大前端:移动端与前端的互通之路
上QQ阅读APP看书,第一时间看更新

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

其实学习一种新的知识(不论是技术栈,还是新的脚手架等),最快的方法就是通过对比未知知识与已知知识进行学习。

比如在前端开发中经常会出现的概念页面,页面之间可以相互跳转,并且在跳转的过程中可以通过URL的方式进行参数传递,也叫传值。

在移动端也有一个页面的概念,在Android系统中是Activity,不同Activity之间也是可以相互跳转的,Activity跳转的过程中也可以进行参数传递,也叫传值,只不过传值的方式稍有不同,Activity的传值方式是通过Intent类进行,并且Intent同样支持以Key/Value的方式传值。Intent所能传递的值的类型更多样化,如图1-2所示。

图1-2 Intent支持的传值类型

图1-2是我们开发Android端应用时所用到的IDE截图,这个IDE叫Android Studio。我们观察到,Intent可以传递各种类型的数据,比如Serializable(Java特性)或者Parcelabel(Android特性)这种序列化数据,还有boolean(布尔型)数据。

除了页面之外,前端和移动端还有非常多的类似知识点,比如:前端文本与移动端文本、前端布局方式与移动端布局方式、前端图片与移动端图片、前端事件与移动端事件等。有了这些相同点,大家理解大前端就容易多了。

2020年3月的“数据中国”给出的国内手机操作系统占比中,Android系统占比为78.4%,iOS系统占比为21.5%,还有剩下的0.1%为Windows系统。此外,在德国、美国、日本等世界上多数国家中Android系统占比也都远远超过iOS系统占比。所以本书中的移动端开发将以Android为例讲解。

现在市面上优秀的前端框架比比皆是,如React、Angular等,但是由于移动端读者可能没有接触过前端开发,因此除了掌握HTML、CSS、JavaScript之外,还需要学习开发框架如何使用,这会大大增加读者的学习成本。本书建议读者在掌握最基础的前端技能之后,再去尝试掌握框架层面的应用,所以本书不会讨论框架层面的问题。所有的前端知识、移动端知识均以“原生”为准,也就是除了官方提供的API之外,不使用任何第三方框架或脚手架。

提示

本章以后的内容在提及移动端时,如无特殊说明,均为Android端。

研发人员在学习新的技术栈时,肯定需要通过实现一个需求来学习的,在本书中我们会以一个微型电商的案例来分析。

在掌握了本书所讲述的技能之后,读者就具备搭建一个微型电商Web前端页面和一个Android客户端的能力,并且在思考跨端技术方案或者大前端技术方案时有更开阔的思路。

注意

对技术人员来讲,一项新技术的掌握要靠长期的技术打磨,切不可认为读了本书后就万事大吉,本书仅仅是为了帮助大家跨过“入门门槛”。