uniapp概述
uni-app(uni,读you ni,意为“统一”)是一个使用Vue.js开发所有前端应用的框架。它允许开发者编写一套代码,然后发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。
uniapp优点
1.跨平台能力
uni-app提供了统一的开发语法和组件化规范,使开发者可以使用一套代码覆盖多个平台。这大大提高了开发效率,减少了跨平台开发的复杂性。
2.性能优秀
uni-app采用了基于Native渲染的方式,在不同平台上实现了原生级别的性能体验。通过将代码转换为对应平台的原生组件来实现高性能渲染,并提供了针对各个平台的性能优化策略。
3.开发便捷
uni-app基于Vue.js,开发者可以直接使用熟悉的Vue.js语法进行开发。同时,uni-app还提供了丰富的内置组件和插件,简化了常见功能的开发过程,使开发更加便捷。
4.生态丰富
uni-app拥有庞大的生态系统,包括内置组件、插件以及第三方组件库。开发者可以根据项目需求选择合适的组件和插件,快速构建功能丰富的应用程序。同时,开发者也可以通过社区的支持与交流,获得更多帮助和解决方案。
uniapp优势
在使用uni-app进行开发时,开发者可以选择使用cli方式或HBuilder X方式创建项目。HBuilder X是DCloud推出的开发工具,类似于VS Code,可用于开发uni-app项目。在创建项目后,开发者可以通过HBuilder X进行项目运行和调试,包括在浏览器、真机、微信开发者工具等平台上运行和预览应用程序。
总之,uni-app是一个功能强大、易于使用和跨平台的开发框架,适合用于构建各种类型的前端应用程序。
uniapp生命周期
生命周期的概念:一个对象从创建、运行、销毁的整个过程 被成为生命周期。
生命周期函数:在生命周期中每个阶段会伴随着每一个函数 的触发,这些函数被称为生命周期函数
应用的生命周期
uni-app 支持如下应用生命周期函数:
页面的生命周期
uni-app 支持如下页面生命周期函数:
组件的生命周期函数
项目目录和文件作用
pages.json 文件用来对 uni-app 进行全局配置,决定页面文件 的路径、窗口样式、原生的导航栏、底部的原生tabbar 等
manifest.json 文件是应用的配置文件,用于指定应用的名称、 图标、权限等。
App.vue是我们的根组件,所有页面都是在`App.vue`下进行切换 的,是页面入口文件,可以调用应用的生命周期函数。
main.js是我们的项目入口文件,主要作用是初始化`vue`实例并 使用需要的插件。
uni.scss文件的用途是为了方便整体控制应用的风格。比如按钮 颜色、边框风格,`uni.scss`文件里预置了一批scss变量预置。
unpackage 就是打包目录,在这里有各个平台的打包文件
pages 所有的页面存放目录 static静态资源目录,例如图片等
components组件存放目录