跨平台开发01-uni-app 基础语法.pdf

跨平台开发uni-app

刘军liujun

目录

1邂逅跨平台开发

content

2初体验uni-app

3uni-app全局文件

4内置组件和样式

5扩展组件uni-ui

6跨端兼容实现

7路由和生命周期

coderwhy邂逅跨平台开发

◼传统移动端开发方式

自从iOS和Android系统诞生以来，移动端开发主要由iOS和Android这两大平台占据。

早期的移动端开发人员主要是针对iOS和Android这两个平台分别进行同步开发。

原生开发模式优缺点：

✓原生App在体验、性能、兼容性都非常好，并可以非常方便使用硬件设备，比如：摄像头、罗盘等

✓但是同时开发两个平台，无论是成本上，还是时间，对于企业来说这个花费都是巨大，不可接受的。

✓纯原生开发效率和上线周期也严重影响了应用快速的迭代，也不利于多个平台版本控制等。

◼跨平台开发的诞生

因为原生App存在：时间长、成本高、迭代慢、部署慢、不利于推广等因素。

导致了跨平台开发的概念渐渐走进了人们的视野。

因此“一套代码，多端运行”的跨平台理念也应运而生。

coderwhy原生VS跨平台

◼原生开发的特点：

性能稳定，使用流畅，用户体验好、功能齐全，安全性有保证，兼容性好，可使用手机所有硬件功能等

但是开发周期长、维护成本高、迭代慢、部署慢、新版本必须重新下载应用

不支持跨平台，必须同时开发多端代码

◼跨平台开发的特点：

可以跨平台，一套代码搞定iOS、Android、微信小程序、H5应用等

开发成本较低，开发周期比原生短

适用于跟系统交互少、页面不太复杂的场景。

但是对开发者要求高，除了本身JS的了解，还必须熟悉一点原生开发

不适合做高性能、复杂用户体验，以及定制高的应用程序。比如：抖音、微信、QQ等。

同时开发多端兼容和适配比较麻烦、调试起来不方便。

coderwhy跨平台发展史

◼跨平台发展史

2009年以前，当时最要是使用最原始的HTML+CSS+JS进行移动端App开发。

2009-2014年间，出现了PhoneGap、Cordova等跨平台框架，以及Ionic轻量级的手机端UI库。

2015年，ReactNative（跨平台框架）掀起了国内跨平台开发热潮，一些互联网大厂纷纷投入ReactNative开发阵营。

2016年，阿里开源了Weex，它是一个可以使用现代化Web技术开发高性能原生应用的框架。

2017年GoogleI/O大会上，Google正式向外界公布了Flutter，一款跨平台开发工具包，用于为Android、iOS、Web、

Windows、Mac等平台开发应用。

2017年至今，微信小程序、uni-app、Taro等一系列跨平台小程序框架陆续流行起来了。

◼应该如何选择？个人建议

需要做高性能、复杂用户体验、定制高的APP、需硬件支持的选原生开发

需要性能较好、体验好、跨Android、iOS平台、H5平台、也需要硬件支持的选Flutter（采用Dart开发）

需要跨小程序、H5平台、Android、iOS平台、不太复杂的先选uni-app，其次选Taro

不需要扩平台的，选择对应技术框架即可。

coderwhy跨平台框架对比

coderw