21级计算机应用UI设计方向3班覃兆定的博客

1.前言

我最早学习的是java，之后很长一段时间都没有在进行深入的学习，直到毕业之后知道了网页框架制作开始接触vue.js框架h5 小程序 app对比，之后就开始深入了解网页框架，没有太多的代码,比较适合我这种记不住代码的人学习。了解了vue框架的基础知识之后，就开始学习uni-app的知识。uni-app是一款基于vue.js框架的跨平台开发工具，可用于H5、小程序、App等多端应用。在学校学习uni-app课程的这段时间，我学习到了很多关于uni-app技术的知识和技巧，使我对于网页框架的搭建和开发有了更加深入的了解。

2.遇见的问题和解决方法

1.问题一：如何在uni-app中使用java的知识和技能？

·解决方法：我发现uni-app支持使用nvue编写原生界面，nvue是一种类似于vue.js的语法，但是可以调用原生组件和API。我可以在nvue中使用java的知识和技能，比如使用java代码编写原生组件的逻辑和事件处理，或者使用java调用原生API。这样，我就可以在uni-app中利用我之前学习的java的心得与成果，这样我就可以在uni-app中使用java的知识和技能，提升开发效率。

2.问题二：如何在uni-app中使用复杂的交互和动画效果?

·解决方法：我发现uni-app中提供了很多的内置动画组件和API，比如transition、animation、canvas等，可以实现各种复杂的交互和动画效果。我可以通过配置动画属性和参数，或者使用javaScript代码编写动画逻辑，来实现我想要的效果，这样，我可以在uni-app中创建出富有表现力和吸引力的应用

3.问题三：如何在uni-app中适配不同的屏幕尺寸和分辨率？

·解决方法：uni-app中提供了一套响应式布局的方案，比如rpx单位、flex布局、media query等，可以实现不同的屏幕尺寸和分辨率的适配。我可以通过使用rpx单位来定义元素的大小和位置、或者使用flex布局来实现元素的自动排列和对齐，或者使用media query来根据屏幕宽度来应用不同的样式。这样，我可以在uni-app中保证应用能在不同的设备上都能正常显示

3.学习心得

1.对vue.js框架的深入了解：uni-app本身是基于vue.js框架构建的前端应用开发框架平台，随着我越来越深入的了解uni-app的同时，也加深了对vue.js框架的理解，包括一些vue组件、生命周期、指令等内容。

2.深入了解了uni-app的API文档：uni-app有一个完整且清晰的API文档，其中包含了该平台所支持的所有功能和用法。所以我需要耐心仔细的阅读并领悟文档的内容信息，并将其运用到实际的开发项目上，把所学的知识融会贯通。

3.基于实际项目的学习与练习：想要深入的学习uni-app，靠死记硬背是行不通的，要学会基于项目的学习，不断的完善和挖掘自己的学习能力h5 小程序 app对比，这样才能深入了解uni-app。

4.学会利用社区资源提升自己：uni-app有一个庞大的社区，其中很多开发者愿意为新手解决各种各样的问题并且提供一些帮助。在学习的过程中会遇到各种各样的问题，都可以去社区请教大佬。遇到瓶颈了也不要太过于担心，uni-app社区有许多开发者展示的项目，可以借鉴学习，突破自己。

5.学会利用各种各样的依赖包：在开发的过程中，有各种各样的依赖包可以给我们使用，学会使用这些依赖包能让开发项目变得事半功倍，减少误差。