Uniapp基本语言和开发规范

概念简介

基本语言和开发规范

基本语言：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

引用静态资源

引用原生插件

编译器（条件编译）

什么是编译器

条件编译处理多端差异

环境变量

编译器配置

运行调试

APP（安卓）：真机调试

微信小程序：真机调试