uni-app

uni-app课程是一门非常实用的课程，是了解 uni-app 开发平台的好途径，通过学习该课程，我获取了 uni-app 开发的知识和技能，并成功地运用到了实际工作中。在这里分享一下我的心得和体会。

通过学习 uni-app 的在线课程，我对 uni-app 开发平台有了更深刻的了解和认识。尤其是在实际的开发工作中，我能够快速运用 uni-app 平台的基础知识和要点，是我快速解决问题并完成项目的一个关键因素。同时，掌握高级特性能够提高代码的复用性和维护性，减少业务开发中的工作量，提高工作效率。作为一个多平台开发框架，它不仅可以跨平台开发，还可以快速搭建移动端、PC端、小程序等不同类型的应用程序。通过学习 uni-app 的在线课程，我对 uni-app 开发平台有了更深刻的了解和认识。尤其是在实际的开发工作中，我能够快速运用 uni-app 平台的基础知识和要点，是我快速解决问题并完成项目的一个关键因素。同时，掌握高级特性能够提高代码的复用性和维护性，减少业务开发中的工作量，提高工作效率。作为一个多平台开发框架，它不仅可以跨平台开发，还可以快速搭建移动端、PC端、小程序等不同类型的应用程序。

 课程设计和目标
该课程旨在让广大前端开发者能够快速掌握 uni-app 平台及跨平台开发的基础知识和技巧，并能够应用于实际项目的开发中。整个课程由基础知识、组件开发、实践案例和调试技巧等多个模块组成。在课程设计中，老师特别注重实际案例开发，通过实战演练带给学员更多的收获。

课程覆盖面广
uni-app课程涵盖了vue.js的基础知识和语法、uni-app的原理及使用、WebApi的使用和调用、组件库使用、实战课程等。通过学习uni-app课程，能够掌握基本的跨平台开发技能，并且能够应用到实际开发当中。

课程覆盖面广
uni-app课程涵盖了vue.js的基础知识和语法、uni-app的原理及使用、WebApi的使用和调用、组件库使用、实战课程等。通过学习uni-app课程，能够掌握基本的跨平台开发技能，并且能够应用到实际开发当中。

讲解详细、易懂、及时响应
uni-app课程中的所有知识点和难点老师都有详尽的讲解和说明，讲解方式生动、易懂、语言通俗易懂

学习UniApp课程的过程中，我对UniApp的应用开发也有了更加深刻的认识。尤其是在实践项目中，我发现UniApp非常适合开发企业级应用，可以快速地集成组件和插件，以及对数据和UI进行加工处理，最终可以实现完美的用户体验。

下图就是一个HBuilder的核心插件

 

下面是本人在学习过程中了了解的：

uni-app页面路由由框架统一管理，开发者需要在pages.json文件中配置每个页面路由的路径。uni-app有两种页面路由的跳转方式，即使用navigator组件跳转和API跳转。重点掌握：【打开新页面、页面重定向、页面返回、Tab切换、reLaunch】几种跳转方式。

通过使用 SCSS，UniApp 中的样式编写更加灵活、可维护，可以提高开发效率和代码质量。同时，UniApp 还支持使用 CSS、Less 等其他样式预处理器，可以根据项目需求选择合适的预处理器来编写样式。

 这样比不使用scss更加的简化和优化。

通过animation属性使用制定的动画。

uni-app为开发者提供了一系列基础组件，类似HTML里的基础标签元素，但uni-app的组件与HTML不同，而是与小程序相同，更适合手机端使用。虽然不推荐使用HTML标签，但实际上如果开发者写了div等标签，在编译到非H5平台时也会被编译器转换为view标签，类似的还有span转text、a转navigator等，包括css里的元素选择器也会转换。但为了管理方便、策略统一，写代码时建议使用view等组件。

view	类似于h5里面的div标签，用于包裹各种元素内容，是页面最常用的标签
scroll-view	(可视滚动区域)用于区域滚动，使用非常广泛，如内容溢出时滚动显示内容、横向滚动、纵向滚动、支持下拉刷新、上拉加载等
swiper	滑块视图容器。一般用于左右滑动或上下滑动，比如banner轮播图
text	文本组件，用于包裹文本内容；text组件不支持嵌套其它组件或自定义组件，否则会引发在不同平台的渲染差异
rich-text	富文本组件，可以解析HTML标签，通常用于显示商品介绍、文章内容等应用场景。
button	uni-app的button组件的功能性非常强大，可以实现获取用户信息、获取手机号码、分享等功能。
。。。。	其他组件使用到时可自行查看组件的官方文档即可，这里不做过多描述

 这些都是需要重点掌握的组件。

request发起请求

接口文档提供了一个get请求的接口，需要把接口的分类数据请求回来并渲染到页面当中。

具体的步骤如下

1、在method里面定义一个用于请求分类数据的方法 ，方法名为getClassifyList

 

2、在getClassifyList方法里面使用uni.request API请求接口的数据

3、把请求回来的数据渲染到页面上。

需要注意的是有些接口是需要认证的比如：

POST它是需要认证的

 这是运用到了POST认证的一个步骤。

数据缓存：数据缓存可以将数据存储到本地缓存中，实现长期保存数据的功能，在uni-app中，分为2种存储方式：异步存储和同步存储，在实际开发中，经常用于保存会员登录状态信息、购物车数据、历史记录等场景。

交互反馈：交互反馈包括信息提示框、loading提示框、模态弹窗、操作菜单，这些都是在开发中常用的功能

还了解到uni-app可以应用于多个领域，下面是我了解到uni-app的一些典型应用场景：

1. 移动应用

uni-app允许开发者使用同样的代码base在iOS、Android和Web等平台上进行开发。因为uni-app支持原生API的调用，所以可以在应用中使用原生功能。这使得移动应用的开发变得更加简单和高效。

2. 小程序

uni-app也支持小程序开发，开发者可以使用uni-app构建微信小程序、支付宝小程序、百度小程序等。这使得开发者能够用同一个代码base来编写多种小程序，提高开发效率，降低维护成本。

3. 跨平台H5应用

uni-app可以支持H5应用的开发，并且可以部署到浏览器中运行。因此，uni-app可以帮助开发者构建高质量的跨平台H5应用，从而满足不同场景和用户需求。

4. 桌面应用

除移动应用、小程序、跨平台H5应用之外，uni-app还可用于开发桌面应用。uni-app桌面应用可以用于Windows、Mac OS平台，这对开发者来说，也是一个非常有用的功能。

总之，UniApp作为一款多平台开发框架，可以帮助我们快速、高效地进行应用程序开发。其未来在线下市场会受到越来越多的开发者的认可。uni-app的应用场景非常广泛，可以应用于多个领域和多种应用场景。应用uni-app可以使开发者减少工作量，提高开发效率以及统一应用的多端体验。同时，uni-app作为一种新的开发模式，在未来的时间内一定还会不断地升级，优化它的性能和开发体验，相信在不断地探索和实践中，我们会有更多的收获和体会。