uni-app移动应用开发

首先，uni-app给开发者带来了巨大的便利性。由于uni-app采用了一套代码多端运行的架构，我们无需为不同平台编写独立的代码，只需编写一次就可以在多个平台上运行。这种特性减少了开发工作量和时间成本，提高了开发效率。对于初学者或有开发经验的Vue.js开发者来说，上手uni-app相对容易，因为它采用了Vue.js的开发模式，包括数据响应式和组件化开发等，这也使得开发过程更为灵活和高效。

HBuilder X提倡使用快捷键开发，所以尽量使用快捷键。这点在视频中有提到。我觉得还是非常好的一款编辑器。

如果是练习项目，可以选择hello 模版。也可以在hello模版基础上二次开发。

新建空白的项目需要拷贝uni.css和uni.js，保存到common目录。照着视频做，直接拷贝，非常方便

其次，uni-app拥有非常丰富的插件生态系统。uni-app官方提供了插件市场，其中有众多优秀的第三方插件可供选择。这些插件包括地图、支付、推送通知等各种功能，通过引入合适的插件，我们可以快速丰富应用的功能和用户体验。对于没有相关开发经验的开发者来说，这些插件能够提供一些现成的解决方案，帮助开发者更快速地实现业务需求。

 

uni-app在性能方面表现出色。uni-app使用自定义的渲染引擎，在不同平台上具备较好的性能表现。应用程序在不同设备上的运行流畅且响应速度较快，能够提供良好的用户体验。当然，由于不同平台的差异性，uni-app在某些特定平台的原生功能支持可能有限。如果需要使用一些特殊平台的功能，我们还是需要进行平台相关的原生开发。

另外，uni-app提供了强大的开发工具支持。HBuilderX是uni-app官方提供的开发工具，它集成了代码编辑、调试、测试、打包发布等功能。我们可以在这个统一的开发环境中完成整个开发过程，并且HBuilderX也提供了一些便利的开发工具，如代码片段、模板生成等，可大大提高开发效率和质量。

导航栏需要注意的一个问题就是要处理兼容问题，导航栏可以自定义，用原生，框架，插件但是兼容性都不同，多端需求一定要在不同设备跑一下看效果。

例如在小程序和 APP 中，原生导航栏取消不了，就不能用自定义的导航栏，要在 pages.json 中配置原生导航栏。

兼容方法就是用 uni-app 提供的条件编译，处理各端不同的差异，我们支付的业务逻辑也是通过条件编译，区分不同端调用不同的支付方式。

分为 应用的生命周期、页面的生命周期、组件的生命周期。写过小程序和 Vue 的很好理解，大致上和 Vue 的还是差不多的，页面生命周期针对当前的页面，应用生命周期针对小程序、APP。这些过程可能都要踩一下！

官方的 uni.request 虽然封装好了基本的请求，但是没有拦截，我们开始也是自己在这基础上加了层壳，简单的封装发送请求。当然也可以选择第三方库的使用，如 flyio、axios。

我们是前端自己封装了 HTTP 请求，并且统一接口的请求方式，所有的接口放到 api.js 文件中进行统一管理。这样大家在页面请求接口的时候风格才统一，包括约定好请求拦截和响应拦截，具体拦截的参数和后台约定好。

在 uni-app 中使用 Web-View，可以使用本地的资源和网络的资源，不同平台也是有差异的，小程序不支持本地 HTML，且小程序端 Web-View 组件一定有原生导航栏

首先 VueBus，像公交车一样灵活便捷，随时都可以乘坐；表现在代码里，很轻便，召之即来，缺点就是不好维护，没有一个专门的文件去管理这些变量。想象平时等公交车的心情，知道它回来，但不知道它什么时候来，给人一种很不安的感觉。

而 Vuex，它像飞机，很庄重，塔台要协调飞机运作畅顺，飞机随时向地面报告自己的位置，适合用在大型项目。表现代码中，就是集中式管理所有状态，并且以可预测的方式发生变化。也对应着飞机绝对不能失联的特点。

第三种方式是全局 import，分三种类型，分别是：new Vue()、Vue.use()、Vue.prototype。可以用网约车来比喻，三种类型分别对应：专车、快车、顺风车。都足够灵活，表现在代码里：一处导入，处处可用。

再分别说明：

new Vue() 就像滴滴的礼橙专车，官方运营，安全可靠。表现在代码里，就是只有 Vue 官方维护的库才能使用这种方式。

Vue.use() 就像快车，必须符合滴滴的规范，才能成为专职司机。表现在代码中，就是导入的插件（或者库）必须符合 Vue 的写法（即封装了 Vue 插件写法）。

Vue.prototype 像顺风车，要求没上面两个那么严，符合一般 js 写法就行，就像顺风车的准入门槛稍稍低一点。

当然，uni-app 的项目里还有可以用 globalData 定义全局变量，非要比喻，可以用地铁，首先比 vue-bus 更好管理维护，想象地铁是不是比公交更可靠；其次比 Vuex 更简单，因为 globalData 真的就是简单的定义一些变量。

开发效率提高：Uniapp 是一个跨平台的开发框架，通过它可以使用 Vue 技术栈开发原生APP和小程序，相比其他开发方式有更佳的使用体验和开法效率。Uniapp 提供了一整套的组件、工具和API，可以加速开发进程，从而节省时间和资源，让我更加高效地完成开发工作。

跨平台兼容性：Uniapp 的跨平台兼容性非常好，可以将一个代码库用于多个平台的开发，包括 iOS、Android 和 Web 等多个平台，这降低了开发成本并提高了代码的重用性。

用户交互体验提高：Uniapp 在提供跨端支持的同时，还提供了丰富的组件和样式等功能，使得应用界面美观、交互良好。

设计规范优良：Uniapp 遵循了Material Design和Apple iOS设计规范，使得应用的设计更加规范和易于导航。

技术进阶：Uniapp 的开发方式和技术栈与Vue的开发一致，因此在项目中，我得到了更深入的Vue技术锻炼和进阶。

在完成项目后，我深感到了在团队合作、开发、测试、部署和功能上的种种挑战，但同时也认为这一过程带给我很多新的心得体会。

首先，团队合作的重要性不可忽略。每个人都有不同的观点、意见、经验和想法，但我们需要协作以实现共同的目标。通过学习协同工作，我获得了更多开放、包容、包容性和团队精神等意识。

其次，在完成项目过程中，作为开发者，要始终以用户需求和使用体验为中心。通过回顾用户反馈和测试结果，我们能够確保我们的应用程序具有更好的性能和质量，能够更好地满足用户需求。

另外，在项目开发和版本迭代中，要始终处理代码品质的问题。无论是格式、规范性、冗余代码还是缺陷，我们都要时常审查代码，使其规范性和可读性表现尽善尽美。

最后，完成项目过程也让我学到了历程管理的技术。这包括了如何制定日程表、制定任务计划、跟踪任务进度和与团队成员合作等等。学会这些方法能够使我在未来的项目管理和实施中更加敏锐和精进