uni-app学习心得

一、uni-app框架介绍

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

二、uni-app框架优势

1.uni-app是一套可以适用于多终端的开源框架、真正实现一套代码可以同时生成ios、android、H5、微信小程序、支付宝小程序、百度小程序等。

2.uni-app对前端开发人员比较友好，学习成本比较低。首先，uni-app是基于vue.js的；其次，封装的组件和微信小程序的组件非常相似，所以对于现在的主流前端人员来说学习几乎零成本。

3.uni-app使用hbuilder x进行开发，hbuilder x开发工具完美支持vue语法，开发效率大幅度提升。

4.uni-app拓展能力强，封装了h5+，支持nvue。也支持原生Android，ios开发，可以将原有的移动应用和h5应用改写称uni-app应用。

三、个人uni-app项目介绍

1.项目介绍：

经过系统的学习，我完成了一个基于uni-app框架的电商类小程序开发，下面是我的项目介绍

小程序名称：便利Go

开发项目类型：网上商城小程序

项目愿景：它将实现用户通过微信移动端选购自己需要的商品，商家后台获取用户订单信息来完成商品配送、核销的流程。同时商城内包含商品分类管理、商品管理、线下订单管理、数据汇总功能。

功能描述(小程序):

1、选择店铺:用户选择对应店铺，进入店铺商城。

2、商城首页:展示对应店铺的所有商品分类及商品，用户选择自己需要的商品进行支付购买。

3、订单:展示用户的所有历史订单(待付款、待收货、待评价、售后)，在商家未受理前，用户可提出订单取消。

4、我的:展示累计消费、累计订单、收货地址管理。

 四、学习心得

学习uni-app的过程对我来说是非常有收获的。

首先，uni-app使得我可以使用一套代码同时开发多个平台的应用，这样可以节省我很多时间和精力。不需要重复编写相同的代码或调用不同的API，而是基于一份基础代码，通过各个平台的差异点来实现不同平台的适配。这样可以让我同时开发出更好的应用，同时也可以提高我的专业素质。

其次，uni-app的组件化开发也帮助我更好地理解了Vue.js的组件化思想，通过组件化开发，可以快速地实现页面的编写和布局，同时也减少了代码的冗余度，增加了代码的复用性，从而提高了我的开发效率。

最后，学习uni-app也让我更加了解了如何设计良好的用户体验。在学习和实践过程中，我不断地调整和优化应用程序的UI界面和功能，使得应用程序变得更加符合用户需求和习惯，这也使我更加注重用户体验设计的重要性。

五、总结

学习uni-app的过程中，我得到了很多的经验和收获，以下是我的uni-app学习总结：

1. 学好Vue.js是前提：uni-app是基于Vue.js框架开发的，所以优先掌握好Vue.js是学好uni-app的前提。

2. 掌握各平台的API和规范：uni-app支持多端的应用开发，掌握各平台的API和规范是非常重要的，这样可以实现对各个平台的快速适配。

3. 学会组件化开发：uni-app提供了丰富的内置组件和自定义组件的支持，并且组件化开发可以有效地提升代码的复用性和灵活性。

4. 多研究优秀案例：多研究一些优秀的uni-app应用程序，可以帮助自己更深入地学习和掌握uni-app的开发技巧。

5. 不断实践：通过多做项目和练手小程序，不断地实践和尝试新的技术，可以积累更多的经验和技能，提升自己的uni-app开发水平。

总的来说，学习uni-app需要不断地学习和实践，需要掌握好Vue.js、各平台的API和规范、组件化开发等技术，同时也需要注重良好的UI界面设计和用户体验设计。希望我的总结对其他学习uni-app的同学们有所帮助。