Uniapp 数据存储
Bitgeek 2023-02-05 uniapp前端
# 概念简介
# 基本语言和开发规范
基本语言:html,js,vue,css。
# 注:js网页的行为;css网页布局;vue,是一套构建用户界面的渐进式框架。渐进式:有选择的使用,不强求你一次性接受并使用全部功能特性。比如一些基础操作,页面渲染、表单提交,或者直接使用vue去写组件,项目规模越来越大的时候,可能会用到前端路由、状态集中管理,最终就是为了实现一个高度工程化的前端项目;官方解释:Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。
# 编译器
编译器将开发者的代码编译成每个平台支持的特有代码。运行在电脑开发环境,一般都是内置在hbuilderx工具当中
# 运行时
运行在真正的终端
runtime包括3部分:基础框架、组件、api
# 逻辑层和渲染层分离
因为性能原因,所以逻辑层和渲染层做了分离,因为基于webview的app性能不是很好,大部分原因是js运算和界面渲染抢资源导致卡顿。
分离以后,逻辑层独立了单独的js引擎,渲染层任然是webview。
# 代码目录结构
┌─uniCloud 云空间目录,阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb(详见uniCloud)
│─components 符合vue组件规范的uni-app组件目录
│ └─comp-a.vue 可复用的a组件
├─utssdk 存放uts文件
├─pages 业务页面文件存放的目录 (*)
│ ├─index
│ │ └─index.vue index页面
│ └─list
│ └─list.vue list页面
├─static 存放应用引用的本地静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此 (*)
├─uni_modules 存放[uni_module](/uni_modules)。 (*)
├─platforms 存放各平台专用页面的目录,详见
├─nativeplugins App原生语言插件 详见
├─nativeResources App端原生资源目录
│ └─android Android原生资源目录 详见
├─hybrid App端存放本地html文件的目录,详见
├─wxcomponents 存放小程序组件的目录,详见
├─unpackage 非工程代码,一般存放运行或发行的编译结果 (*)
├─AndroidManifest.xml Android原生应用清单文件 详见
├─main.js Vue初始化入口文件 (*)
├─App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期 (*)
├─manifest.json 配置应用名称、appid、logo、版本等打包信息,详见 (*)
├─pages.json 配置页面路由、导航条、选项卡等页面类信息,详见 (*)
└─uni.scss 这里是uni-app内置的常用样式变量 (*)
# 页面
# 页面简介
一个页面就是一个符合Vue SFC规范的.vue文件
# 注:Single-File Component,简称 SFC。每个 .vue 文件包含三种类型的顶级语言块 <template>(模板)、<script>(脚本) 和 <style>(样式),还允许添加可选的 自定义块
# 新建页面
在pages.json中注册。
# 删除页面
在pages.json中删除注册。
# 应用首页
在pages.json中pages配置项第一个页面作为工程首页
# 页面生命周期
onLoad
onShow
onHide
onUnload
# 组件生命周期
# 页面调用接口
# 页面通讯
# 路由
在pages.json里配置每个路由页面的路径及页面样式
# 路由跳转
navigateTo
redirectTo
navigateBack
# 页面栈
# 页面代码规范介绍
# nvue 开发与 vue 开发的常见区别
# 相互引用
引用组件
引用js
引用css
引用静态资源
引用原生插件
# 运行与调试
# 编译器(条件编译)
什么是编译器
条件编译处理多端差异
环境变量
编译器配置