uni-app跨平台开发与应用从入门到实践DCloud

（1）官方作序：专注于uni-app跨平台开发中实际用到的技术知识，内容经典、实用。

（2）实例为王：没有高深的理论，每一章都以实例为主。读者参考源码，修改实例，一步一步跟着操作，就能得到自己想要的结果。

（3）实训模块：本书大多数章节包含实训模块，读者在学完章节中的知识后，通过练习能够尽快进行巩固，举一反三。

本书以“零基础”为起点，系统地介绍了uni-app的跨平台开发与应用。全书内容分为3篇，共12章，具体安排如下。

第一篇：基础篇，包括第1~4章，主要介绍了uni-app的特点和优势、环境搭建、HBuilderX开发工具的安装和使用，以及uni-app的一些基础知识。

第二篇：进阶篇，包括第5~9章，主要介绍了uni-app的基础配置、相关组件、导航栏、高效开发技巧，以及uniCloud云开发平台。

第三篇：实战篇，包括第10~12章，通过第一个实战，介绍了如何使用uni-app开发小程序；通过第二个实战，介绍了如何使用uni-app进行跨平台开发；通过第三个实战，介绍了如何使用uniCloud云开发这种新的开发方式。

在学习本书内容前，建议读者先掌握基本的前端编程知识、常用的npm命令和Vue的基本知识；然后将本书通读一遍，了解本书的大概内容；最后跟随示例进行操作。

本书既适合希望从事uni-app跨平台开发的用户学习，也适合作为广大职业院校相关专业的参考用书，还可以作为相关培训班的教材用书。

欧阳江涛，高级前端工程师，曾于派点、美圈、贝多分等多家创业公司担任技术主管，有着十余年的项目开发经验，对于移动应用开发有着独到的理解。擅长使用Weex、React Native、Flutter以及uni-app等跨端开发框架，对APP开发、Web前端项目、小程序开发、软件架构设计、性能优化及多平台混合开发有着丰富的经验，曾通过各类开发项目帮助公司获得BAT战略投资。

第一篇 基础篇

第1章 uni-app简介与使用方法

1.1 uni-app简介

1.2 uni-app开发环境搭建

1.3 HBuilderX

1.4 vue-cli命令行

新手问答

N01：uni-app有哪些独有的优势？

N02：使用vue-cli和使用HBuilderX创建项目有什么区别？

新手实训：使用HBuilderX开发工具创建模板项目并运行

第2章 uni-app开发基础知识

2.1 uni-app开发规范

2.2 uni-app文件目录结构

2.3 外部资源的引入

2.4 uni-app的生命周期

2.5 uni-app的路由操作

2.6 运行环境的判断

2.7 uni-app的页面样式与布局

新手问答

NO1：如何编写多端样式？

NO2：如何快速创建组件？

新手实训：实现一个简单的导航页面切换效果

第3章 uni-app中Vue的使用

3.1 使用Vue的注意事项

3.2 Vue特性支持表

新手问答

NO1：如何获取上个页面传递的数据？

NO2：如何设置全局数据和全局方法？

新手实训：使用uni-app内置表单组件替代Vue表单

第4章 使用Nvue进行高性能开发

4.1 Nvue简介

4.2 Nvue的适用场景

4.3 Nvue的编译模式

4.4 快速上手Nvue

4.5 Nvue开发与Vue开发的区别

新手问答

NO1：如何处理Android平台阴影（boxshadow）显示异常的问题？

NO2：如何解决iOS端内容太少，无法下拉刷新的问题？

新手实训：使用Nvue纯原生渲染模式运行App

第二篇 进阶篇

第5章 uni-app的基础配置

5.1 全局配置

5.2 应用配置

5.3 页面配置

5.4 小程序插件配置

5.5 快应用配置

新手问答

NO1：常用的配置有哪些？

NO2：配置时有哪些注意事项？

新手实训：配置底部导航栏和标题栏

第6章uni-app的相关组件

6.1 uni-app组件基础信息

6.2 uni-ui扩展组件

6.3 其他组件

新手问答

NO1：如何判断开发过程中是否有必要使用第三方组件？

NO2：如何使用小程序插件？

新手实训：制作属于自己的组件并上传到插件市场

第7章 导航栏的定制

7.1 取消导航栏

7.2 导航栏样式

7.3 添加自定义按钮

7.4 原生搜索框

7.5 动态修改样式

7.6 绘制App端导航栏

7.7 使用前端标签组件模拟绘制导航栏

新手问答

NO1：使用原生导航栏好还是自行绘制导航栏好？

NO2：自定义导航栏时可能遇到哪些问题？

新手实训：创建一个导航栏组件

第8章 uni-app高效开发技巧

8.1 全局变量的使用方式

8.2 npm第三方库的引用

8.3 微信小程序的第三方SDK

8.4 使用HBuilderX内置浏览器调试H5

8.5 启动App的debug调试模式

8.6 性能优化建议

8.7 宽屏适配指南

8.8 使用第三方服务

8.9 实现网络通信

8.10 数据缓存接口

新手问答

NO1：如何优化App安装包体积？

NO2：如何优化项目的启动速度？

新手实训：对项目进行分包优化

第9章 uniCloud云开发平台

9.1 uniCloud简介

9.2 uniCloud的使用

9.3 云数据库

9.4 云函数

9.5 拓展能力

9.6 前端网页托管

新手问答

NO1：在H5中使用uniCloud时如何处理跨域问题？

NO2：uniCloud和微信小程序云开发、支付宝小程序云开发有何区别？

NO3：在uniCloud中如何使用formdata？

新手实训：使用uni-id实现手机、支付宝和微信登录功能

第三篇 实战篇

第10章 项目实战：开发一款视频小程序

10.1 开发前的准备

10.2 创建项目

10.3 页面开发

10.4 小程序发布

新手问答

NO1：小程序发布时有哪些注意事项？

NO2：发布小程序体积过大应如何处理？

第11章 项目实战：开发一款手机商城App和小程序

11.1 开发前的准备

11.2 创建项目

11.3 页面开发

11.4 其他功能实现

11.5 项目发布上线

新手问答

NO1：如何制作自定义调试基座？

NO2：App上架应用商店需要什么条件？

第12章 项目实战：使用uniCloud搭建新闻资讯平台

12.1 开发前的准备

12.2 创建项目

12.3 页面开发

12.4 管理后台开发

12.5 项目发布上线

新手问答

NO1：使用uniCloud在小程序中无法联网应怎么解决？

NO2：如何控制云函数数量？

为什么写这本书？

小程序在用户规模及商业化方面都取得了极大的成功。截至2021年12月，微信小程序日活超过4.5亿，支付宝、百度、头条小程序的月活也都超过了3亿。

对应小程序开发领域，开发框架从单纯的微信小程序开发过渡到多端框架成为标配，进一步提升开发效率成为开发者的强烈需求。

DCloud公司作为小程序的开创者和先行者，推出了uni-app开源框架，为开发者抹平了各平台的差异，实现了编写一套代码，可以发布到iOS、Android、Web（响应式），以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。uni-app凭借强大的跨平台能力，当仁不让地成为跨端开发的首选框架。

uni-app是当前主流的开发框架，uni-app手机端月活达到12亿，有数千款插件、70多个微信或QQ技术交流群，阿里小程序官方工具内置了uni-app，腾讯课堂官方为uni-app录制了培训课程。uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等方面拥有极大的优势。

本书从uni-app框架基础出发，带领读者重点学习如何使用uni-app进行App、小程序、H5等多平台的开发，以及如何进行云开发等，以简单明了的方式让读者用最低的成本快速掌握相关技术。

这本书有什么特点？

本书力求简单实用、深入浅出、快速上手，坚持以实例为主、理论为辅。

全书内容分为3篇，共12章，从uni-app环境搭建和框架基础到组件的使用及实践开发技巧和uniCloud云开发平台的使用，覆盖了uni-app跨平台开发的全部流程。

本书主要有以下特点。

（1）没有高深的理论，每一章都以实例为主。读者参考源码，修改实例，一步一步跟着操作，就能得到自己想要的结果。

（2）专注于uni-app跨平台开发中实际用到的技术知识。相比大而全的书籍资料，本书能让读者快速上手，开始项目开发。

（3）本书大多数章节包含实训模块，编写该模块的目的是让读者在学完章节中的知识后能够尽快进行巩固，举一反三，学以致用。

通过这本书能学到什么？

（1）uni-app基础：了解uni-app的基本概念、特点、发展历史等背景知识，掌握Vue语法和nvue的使用方法，了解uni-app的相关配置和接口。

（2）HBuilderX的使用：掌握HBuilderX的安装方式，掌握通过HBuilderX开发工具进行项目创建和打包发布的方法。

（3）uni-app组件：掌握uni-app组件的引入和使用方法，掌握编写自己的组件并发布到插件市场的方法，学习对现有组件进行改造的方法。

（4）uni-app高效开发：掌握uni-app的高效开发技巧，结合本书实例，加快项目开发。

（5）uniCloud云开发：掌握uniCloud云开发平台的使用方法，掌握云函数、云数据库的基本概念，了解云开发在项目中的实际应用。

（6）跨端项目开发：熟练使用uni-app框架，综合运用各类组件，独立完成项目开发；掌握基本的跨端开发技术。

这本书中的组件版本和阅读时的注意事项

1. 核心组件版本

HBuilderX：3.1.9

Node.js：14.15.1

npm：6.14.8

jdk：1.8.0

其中，jdk的安装过程相对复杂，版本不匹配容易出错。建议读者使用与本书一致的版本，待精通大数据平台的使用方法后，再选择其他版本。

2. 注意事项

在实训模块中，建议读者根据主题回顾章节内容，进行思考后再设计自己的方案，并与书中的方案进行对比，以强化学习效果。

学习资源下载

（1）赠送：案例源代码。提供书中完整的案例源代码，方便读者参考学习、分析使用。

（2）赠送：书中相关网址索引表。主要收录了书中知识讲解中涉及的相关网站网址，读者打开网址索引文件，即可点击链接使用，不必输入复杂的网址。

（3）赠送：职场高效人士学习资源大礼包，包括《微信高手技巧随身查》《QQ高手技巧随身查》《手机办公10招就够》三本电子书，以及《5分钟学会番茄工作法》《10招精通超级时间整理术》两部视频教程，让您轻松应对职场那些事。

温馨提示：以上资源，请用微信扫描下方二维码关注公众号，输入本书77页的资源下载码，获取下载地址及密码。