编辑推荐
适读人群：《大前端入门指南》讲解了大前端方向中多个主流的技术栈，针对每个技术栈，《大前端入门指南》选取入门必需的内容进行详细讲解。同时，书中还提供了三个难度适中的实战项目，非常适合开发者学习和入门。
内容定位：《大前端入门指南》对大前端技术栈进行了全面的讲解，内容涉及HTML/CSS、JavaScript、ReactNative、Flutter和微信小程序等。
内容组织：采用理论和项目实战相结合的方式，帮助读者更好地入门大前端。
读者定位：《大前端入门指南》选取大前端主流技术栈入门必需的内容进行详细讲解。同时提供了三个难度适中的实战项目，非常适合想入门大前端的开发者学习。
内容简介
《大前端入门指南》是一本大前端入门书籍，对大前端技术栈进行了全面的讲解，内容涉及HTML/CSS、JavaScript、ReactNative、Flutter和微信小程序等。在内容组织上，采用理论和项目实战相结合的方式，来帮助读者更好地入门大前端。
《大前端入门指南》讲解了大前端方向中多个主流的技术栈，针对每个技术栈，《大前端入门指南》选取入门必需的内容进行详细讲解。同时，书中还提供了三个难度适中的实战项目，非常适合开发者学习和入门。
作者简介
任玉刚
微信公众号「玉刚说」作者，《Android开发艺术探索》作者，专家工程师，曾就职于腾讯、百度等一线大厂，热爱大前端技术。
曹建波
Android高级工程师，研究过Android、iOS、小程序，毕业于北京大学计算机系
目录
第1章大前端概述1
1.1什么是大前端1
1.2主流跨平台方案简介2
第2章HTML和CSS入门6
2.1HTML基础6
2.1.1HTML简介6
2.1.2基本结构6
2.1.3常用标签8
2.1.4图片12
2.1.5列表14
2.1.6超链接18
2.1.7表格23
2.1.8表单25
2.2CSS基础31
2.2.1选择器31
2.2.2常用属性40
2.2.3盒模型50
2.2.4定位59
2.2.5浮动69
2.2.6FlexBox布局77
第3章JavaScript入门84
3.1JavaScript初探84
3.1.1搭建开发环境84
3.1.2第一个程序85
3.2数据类型87
3.2.1变量、常量和字面量87
3.2.2基本类型和对象类型88
3.2.3内置类型89
3.2.4类型转换90
3.2.5标识符命名91
3.3运算符和表达式92
3.3.1运算符92
3.3.2运算符优先级98
3.4控制流98
3.4.1逻辑判断99
3.4.2循环控制流100
3.5函数和闭包104
3.5.1函数105
3.5.2闭包106
3.6程序异常108
3.6.1常见异常108
3.6.2异常捕获108
3.6.3异常抛出109
3.7ES6110
3.8Node.js110
3.8.1安装Node.js110
3.8.2NPM的使用111
第4章ReactNative入门115
4.1React语法基础115
4.1.1React简介115
4.1.2搭建React开发环境116
4.1.3JSX语法117
4.1.4组件118
4.1.5组件的生命周期122
4.2环境搭建124
4.2.1ReactNative开发环境搭建124
4.2.2WebStorm代码编辑器环境搭建127
4.2.3VisualStudioCode代码编辑器环境搭建127
4.2.4运行ReactNative项目128
4.3常用UI组件128
4.3.1View组件128
4.3.2Image组件130
4.3.3Text组件135
4.3.4TextInput组件140
4.3.5ScrollView组件144
4.3.6ListView组件147
4.3.7FlatList组件151
4.3.8SwipeableFlatList组件155
4.3.9SectionList组件158
4.4网络161
4.5导航器ReactNavigation168
4.6数据存储183
4.7原生模块开发187
4.7.1Android原生模块的封装187
4.7.2iOS原生模块的封装191
第5章ReactNative实战196
5.1项目创建196
5.1.1创建ReactNative项目196
5.1.2项目结构介绍197
5.2完善功能页面199
5.2.1登录注册199
5.2.2首页210
5.2.3个人中心页面215
5.2.4书单详情218
5.2.5侧滑页面222
5.3打包225
5.3.1Android打包225
5.3.2iOS打包227
第6章微信小程序入门229
6.1认识小程序229
6.1.1小程序简介229
6.1.2开发前的准备230
6.1.3创建小程序232
6.1.4代码构成233
6.1.5小程序的能力234
6.2小程序框架235
6.2.1小程序配置235
6.2.2小程序的生命周期236
6.2.3路由238
6.2.4视图层239
6.2.5动画243
6.3常用组件243
6.3.1视图容器243
6.3.2基础内容246
6.3.3表单组件247
6.3.4媒体组件251
6.3.5地图254
6.3.6web-view255
6.4常用API255
6.4.1网络255
6.4.2数据缓存257
6.4.3位置257
6.4.4设备258
6.4.5开放接口259
6.4.6更新261
第7章微信小程序实战262
7.1项目结构262
7.2项目实战263
7.2.1数据请求264
7.2.2登录与注册页面265
7.2.3首页269
7.2.4个人中心页面276
7.2.5图书详情页面281
7.2.6收藏页面292
7.3打包上线295
7.3.1上传代码295
7.3.2提交审核296
第8章Flutter入门299
8.1前期准备299
8.1.1Flutter简介300
8.1.2安装和配置编辑器300
8.1.3体验Flutter304
8.1.4Dart语法306
8.2构建用户界面312
8.2.1如何布局？布局文件跑哪去了312
8.2.2Widget组件介绍313
8.2.3添加交互316
8.2.4手势监测和事件处理318
8.2.5在Flutter中添加资源和图片320
8.3使用设备和SDKAPI相关321
8.3.1异步UI321
8.3.2页面跳转和生命周期事件323
8.3.3文件读写324
8.3.4网络和HTTP325
8.3.5JSON和序列化327
8.3.6数据库和本地存储327
8.3.7Flutter插件330
8.3.8封装新API331
8.3.9更多资料336
第9章Flutter实战337
9.1项目结构337
9.1.1结构目录337
9.1.2项目概述338
9.2项目代码339
9.2.1登录、注册页面339
9.2.2首页350
9.2.3个人中心页面365
9.2.4图书详情页面372
9.2.5侧滑页面377
9.3多平台打包381
9.3.1Android打包381
9.3.2iOS打包386
第10章Weex、PWA和快应用390
10.1Weex390
10.1.1Weex简介390
10.1.2Weex基础知识391
10.1.3Weex项目之HelloWorld392
10.2PWA395
10.2.1PWA简介395
10.2.2PWA基础知识395
10.2.3PWA项目之HelloWorld398
10.3快应用402
10.3.1快应用简介402
10.3.2快应用基础知识402
10.3.3快应用项目之HelloWorld406
10.4小结408
前言/序言
从目前的形势来看，大前端的概念越来越火热了，但什么是大前端，如何学习大前端，很多人都不甚了解。
大前端到底是什么呢？直接来说，大前端就是所有前端的统称。在后端眼里，最接近用户的那一层都叫前端，比如Android、iOS、Web、Watch等。站在后端的角度，其实并不需要对各个前端都有明确的感知，最好它们能统一起来，这一切就是大前端，除了这些平台，所衍生的跨平台方案及周围生态也是大前端的一部分。
大前端领域有很多技术方案，包括ReactNative、Flutter、小程序、PWA，到底谁才是未来胜出的那一个？谁知道呢！
其实事情并没有那么复杂，形势难以捉摸，与其猜测哪个方案会胜出，不如潜下心来，将各个技术方案都学习一下，以不变应万变。互联网上不缺学习资料，但是这些资料往往对初学者不友好，而《大前端入门指南》刚好就解决了这个问题，相信读者能从书中收获良多。
《大前端入门指南》适合移动开发者和Web前端开发者，以及其他对大前端技术感兴趣的读者阅读。
《大前端入门指南》内容
《大前端入门指南》共10章，每章的具体内容如下所述。
第1章讲述什么是大前端，并对主流跨平台方案进行简单的介绍。
第2章讲述HTML和CSS的入门知识，详细介绍相关语法及组件用法。
第3章讲述JavaScript的入门知识，详细介绍了JavaScript的语法及应用场景，丰富的小例子更加容易理解和学习。
第4章讲述ReactNative的入门知识，详细介绍ReactNative语法和环境搭建，介绍常用组件的用法及用例。
第5章针对ReactNative进行项目实战，理论结合实际项目，更快速地学习和理解ReactNative。
第6章讲述微信小程序的入门知识，详细介绍小程序的环境搭建、架构、组件及常用API。
第7章针对微信小程序进行项目实战，理论结合实际项目，更快速地学习和理解微信小程序。
第8章讲述Flutter的入门知识，详细介绍Flutter的环境搭建、Dart语法、常用组件，以及如何构建Flutter插件。
第9章针对Flutter进行项目实战，理论结合实际项目，更快速地学习和理解Flutter。
第10章简单地介绍Weex、PWA和快应用，帮助读者快速地了解它们。
通过这10章的学习，让读者对大前端有一个全面的理解，更快速地入门大前端，少走一些弯路。
致谢
感谢《大前端入门指南》的策划编辑陈晓猛，他的高效是《大前端入门指南》得以及时出版的一个重要原因。感谢我的公众号读者，他们为《大前端入门指南》提了许多宝贵的建议。
由于技术水平有限，书中难免有疏漏，欢迎读者向我反馈：singwhatiwanna@gmail.com。读者也可以关注我的微信公众号，我会定期在上面发布勘误信息。
任玉刚2019年5月于北京
