uniapp基本概念以及使用

uniapp常用标签
div 改成 view
span改成 text
a 改成 navigator
img 改成 image
scroll-view 可滚动区域视图容器

1.video的使用

video中可以直接使用视频流，无需使用flv.js

app-vue和小程序框架，渲染引擎是webview的。但为了优化体验，部分组件如map、video、textarea、canvas通过原生控件实现，原生组件层级高于前端组件（类似flash层级高于div）。为了能正常覆盖原生组件，设计了cover-view。
在video上放自定义的内容，cover-view需放在video标签内部

 <video class="video" controls muted :autoplay="true" src="">
      <cover-view class="controls-title">简单的自定义 controls</cover-view>
      <cover-image class="controls-play" @click="play" src="/static/play.png"></cover-image>
      <cover-image class="controls-pause" @click="pause" src="/static/pause.png"></cover-image>
</video>

2.tabBar的使用

1.当设置 position 为 top 时，将不会显示 icon
2.tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。
3.tabbar 切换第一次加载时可能渲染不及时，可以在每个tabbar页面的onLoad生命周期里先弹出一个等待雪花（hello uni-app使用了此方式）
4.tabbar 的页面展现过一次后就保留在内存中，再次切换 tabbar 页面，只会触发每个页面的onShow，不会再触发onLoad。

3.路由跳转的使用

uni.navigateTo()
保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。

uni.switchTab()
跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

uni.redirectTo()
关闭当前页面，跳转到应用内的某个页面。

更多组件详见