uni-app跨领域开发心得体会

需求决定市场，市场决定产品，产品决定开发者....

但既然是有关于跨平台移动开发相关的讨论，这里就不在谈及业务问题了。

疫情原因，如果公司希望做一个多端的产品，但是要求是尽可能的减少开发上的成本~

了解到uni-app，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

何其幸哉，一个套代码解决多个端的问题！

然后早上花了一小时疯狂研究官网的文档：在这里把官网文档献上：https://uniapp.dcloud.io/README

首选我们要搭建框架：（hbuilder官网推荐的开发工具）

2、选择新建项目，项目类型为uni-app

这样一个项目就基本上创建成功了，这时，指定的文件目录会创建的是一个VUE项目，但是不一定能运行，小程序项目还要在开发者工具中配置项目的路径，把类似于vue中的文件目录里面的pages文件夹作为根目录引入开发者工具中，小编只测试过小程序项目以及H5，至于安卓以及IOS应用万变不离其中，各位开发者各自深入探讨

一下引入类似的配置路径~ 

 Hbuilder运行界面：

以下是我对整个uniapp技术框架的理解：

1、技术栈：vue+微信小程序部分技术知识，优点是你可以灵活运用vue的知识去实现小程序，而不是纯粹的小程序的按班就部~

2、uniapp和多年前的mpvue(基于美团开发的一款小程序框架)大同小异，但是uniapp生态更加丰富，更多的开发者参与项目的开发

3、没有小程序开发经验的前端工程师也能快速上手uniapp,实现一套代码生成多个端~

4、在这过程中会有些兼容问题，需要开发者根据不同的平台去判断，组件的兼容性也会各有差异，开发的时候需要细读各类开发文档

2、选择新建项目，项目类型为uni-app作为一款跨平台的移动应用开发框架，使用uniapp可以开发出同时支持多个平台（如iOS、Android、H5等）的应用程序。通过自身的开发实践，我总结出了以下uniapp学习心得：

1.掌握Vue.js基础知识

作为uniapp的基础底层框架，Vue.js的掌握程度直接决定了你能够如何使用uniapp，特别是在使用Vue的生命周期函数时，更是需要深入理解Vue的整个生命周期。此外，掌握slot（插槽）、computed（计算属性）和watch（监听属性变化）等Vue的高级特性也非常重要，这些高级特性可以大大简化你的开发流程和代码量。

2.熟悉uniapp框架的使用方法

uniapp框架提供了大量的组件和API，使用这些组件和API可以快速构建一个高质量的跨平台应用。其中，uniapp提供的页面结构以及页面数据传递的方式都很好用。凭借这些特性，你可以轻松地实现诸如路由跳转、数据通讯、组件订阅等功能。

3.注意跨平台的兼容性问题

uniapp可以构建出多个平台的应用，但是这同时也带来了一些兼容性问题。在开发过程中，你需要时刻关注不同平台的差异，特别是在样式和布局方面，不同平台的兼容性问题尤为突出。另外，uniapp还提供了平台差异性API，通过这些特定平台的API可以实现一些平台特定的功能。

4.合理利用第三方插件

在uniapp中可以使用大量的第三方插件，这些插件可以很方便地引入，减少了我们的开发成本。例如，引入vant-ui可以快速构建出一套美观的界面，引入echarts可以来绘制各种图表统计数据。当然，在使用第三方插件时也需要注意兼容性问题、引用方法、使用方式等。

在进行uniapp开发时，代码的质量及其可维护性非常重要。因此，在开发之前你需要详细地设计应用架构，并将代码分成多个相互独立的组件。同时，也需要时刻关注代码的性能问题，比如减少不必要的重绘、减少DOM的操作等。对于既有的代码，也需要不断地进行优化和重构，以达到更好的开发效率和应用性能。

在使用Uniapp之前，需要具备一些基本的前端开发技能。我们建议您首先学习Vue.js，因为UniApp是基于Vue构建的一个框架。此外，Weex也是一个需要学习的重要技术之一，因为它提供了JavaScript代码和原生UI组件之间的标准化转换方式。掌握这两个技术将为您提供更广泛的知识背景，使您更容易理解和使用Uniapp开发框架。

Uniapp是一个灵活的框架，它具有许多方便的功能，如跨平台UI组件、Native API、 Vuex状态管理和生命周期等诸多关键特点。这些特点直接体现了Uniapp开发的优势和灵活性。因此，我们建议您在掌握Vue.js和Weex之后再深入研究这些特点。并且请阅读Uniapp官方文档，在页面

总结：通过以上学习心得，我认为，掌握vue.js的基础知识和熟练使用uniapp框架、注意跨平台的兼容性问题、合理利用第三方插件、以及重视代码优化和重构，是成为一个优秀的uniapp开发者的基本条件。最后，需要说明的是，每个人的学习方式和经验各不相同，如有不同意见，敬请留言讨论