uni-app学习心得

对Vue的理解：

uni-app 是基于 Vue.js 的跨平台开发框架，从底层引擎到UI渲染都使用了 Vue.js，因此理解 Vue.js 对于学习uni-app至关重要。我通过一遍Vue.js的官方教程后，对 Vue.js 的核心概念和语法有了更深的理解，进而更好地学习和使用 uni-app。

uni-app可以同时开发多个平台 (如微信小程序、H5、App等)，但不同平台之间存在差异性，如界面排版、API调用方式等。因此在享受跨平台开发带来便捷同时，我们必须小心翼翼处理不同平台的差异，以便实现真正的统一开发。

在这个学期，我通过学习uni-app，深刻地认识到了移动应用开发的重要性和技术难度。uni-app是一种跨平台的移动应用开发框架，通过它可以轻松地实现iOS、Android等多个平台的应用开发。

在学习过程中，我遇到了不少问题。首先是对vue.js框架的不熟悉，需要特别花时间来学习。其次是uni-app中的一些特有的语法和组件，需要我们仔细地了解和掌握。最后是在项目开发中，遇到一些复杂的功能需求，需要更深入地理解移动应用开发和uni-app框架的特性。

然而，学习uni-app也给我带来了很多收获。首先，我对移动应用的开发流程和技术栈有了更深入的了解。其次，我学会了如何使用uni-app的组件和API来快速地实现一些常见的功能。最后，通过项目实践，我也掌握了一些实战技巧，比如如何处理多个平台之间的差异性，如何优化应用性能等。

总的来说，学习uni-app是一项有意义的工作。虽然遇到了不少困难，但通过努力克服，我获得了很多实用的技能和经验。我相信，在今后的开发工作中，我可以更加游刃有余地运用uni-app来实现更好的移动应用。

一、学习目的

作为一名计算机专业的学生，在今天移动应用市场的蓬勃发展下，是否会考虑学习一些跨平台的移动应用开发技术呢？因此，我们选择了uni-app框架作为学习的目标。uni-app是一种跨平台的移动应用开发框架，通过它可以快速地实现iOS、Android等多个平台的应用开发。本次学习的目的主要有以下几点：

1.了解跨平台移动应用开发的优点和难点

2.熟悉uni-app框架的开发流程，了解其语法和组件

3.实践开发，掌握uni-app的使用技巧和注意事项

4.综合评估uni-app在移动应用开发中的适用性和可行性

二、学习过程

1.前置知识的学习

在开始学习uni-app之前，我们需要先学习Vue.js框架，因为uni-app是基于Vue.js开发的。Vue.js是一种流行的JavaScript框架，它是构建单页面和多页面Web应用程序的理想选择，并且易于上手。因此，在学习uni-app之前，我们花费了一些时间学习Vue.js的基础知识。

2.框架的学习

由于uni-app是基于Vue.js框架开发的，因此在学习uni-app时，我们可以很快地掌握其基本语法和组件的使用。uni-app框架具有良好的模块化设计，拥有完整的开发工具链和社区支持，使得开发者可以更加高效地进行开发和维护。学习过程中，我们通过官方文档和实际项目开发来掌握uni-app框架的特性和技能。

3.项目实践

在学习和掌握uni-app框架之后，我们开始进行项目实践。我们选择了一款微信小程序，在uni-app框架下进行了重构和移植。在项目中，我们遇到了一些实际问题，例如如何处理iOS和Android平台之间的差异、如何优化应用性能、如何实现常见的功能等，通过解决这些问题，我们更加深入地了解和掌握了uni-app框架开发的技巧和注意事项。

4.定位异常与调试优化

在实际开发中，总是会遇到各种问题，比如代码逻辑不正确、不兼容新的API、应用程序在某些设备上表现不良等等，因此需要通过调试和优化来解决这些问题。在uni-app中，我们可以使用各种调试工具和技巧来快速定位异常，如weex-debugger、HBuilder X等。同时也可以通过优化JS代码、减少不必要的HTTP请求、合理使用图片和资源文件等方法来提高应用程序的运行效率。

2.熟悉uni-app框架的开发流程，了解其语法和组件

总之，学习uni-app是一项充满挑战的任务。需要我们投入大量的时间和经历，不断尝试和突破困难。但是，这个过程也是充满乐趣和成就感的。随着学习的不断深入，我掌握了移动应用开发的基本技能，并学会了如何快速构建跨平台应用。

uni-app (一套代码,多端发行)

诞生背景

多端泛滥 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉)多套平台,多套文档,加大开发维护成本

uni-app特点

1、跨平台

一套代码多端发行,而不失优雅(条件编译,保留不同平台独有特色功

一、找到创建项目uni里面的项目目录

二、找到 manifest.js文件输入

目录介绍

与小程序配置相似

pages //存放分页目录
static //存放应用引用静态资源
main.js //入口文件
mainfest.json //跨平台所有配置项文件
pages.json //全局配置文件,类似App.json 
uni.scss//全局scss文件,在分页任何位置,注意 style lang="scss" 需要设置 scss
App.vue // 应用配置，用来配置App全局样式以及监听

统一参照uni-app官方文档