前端神级框架uni-app详解（一）初学者
uni-app 框架演示
第 1 部分 - 如何学习
官网学习
地址
官网地址
您可以在这里了解 uni-app
基本准备
下载工具
下载链接
Uni-app的专用编程工具，我亲自体验过，编程感觉很好
缺点
对于git和svn的支持不够完善，依赖-git工具进行提交和pull，虽然功能可以实现，但是体验不佳，不过弊大于利。
优势
我最喜欢的代码智能提示是中文的，还支持F1直接跳转到方法讲解的网页。
用这个工具很大一个原因是用来运行包的，在这个工具里可以一键直接运行到网页、手机、模拟器上。
新建项目可以直接生成一些优秀的模板，用于学习或者cv
速度比较快，不像idea导入项目很慢，这里直接把文件夹拖进去就可以了，速度超快。
下载小程序工具
uni-app的本质是一个逃逸过程，编写好的uni-app程序会被编译成h5、小程序等，运行还是要依赖第三方工具，所以如果要运行微信小程序，请下载微信小程序开发工具，不需要自己打开，只要配置运行目录就可以了
视频学习
学习地址
请点击上一个链接进入官方推荐教程视频页面。官方推荐的学习也写了第一步，第二步等。先看基础
如果你是uni-app的初学者，我还是推荐阅读腾讯课堂出品的《uni-app商业应用实践》
我想看完这篇的人应该有学习uni-app的想法了，所以给大家留个福利，这个腾讯视频本身是要花钱的，所以在这里给大家留个网盘资源。
第二部分-框架介绍
生命周期
应用程序生命周期
最有可能被使用
页面生命周期
最有可能被使用...
当心
只能在App.vue中写
路由
新手可能会遇到的一个问题是，新建一个页面，因为没有匹配的.json文件，无法访问。你需要使用的页面必须在.json中配置，第一个配置项是启动页。
点击前面的链接自己查看
确定操作环境
这个跟vue类似，可以用来区分环境，本地运行时会使用开发环境，打包时会自动使用生产环境
页面样式和布局
页面样式和布局尺寸单位
uni-app 自身提供了动态单位 upx，宽度固定为 750 upx，因此可以用类似百分比的方式设置宽高；vh 为窗口高度的百分比
动态修改upx需要使用uni.函数，否则不生效
弹性布局
这个布局确实好用，学会这个之后感觉至少静态布局不难，uni-app也推荐使用这个布局。
推荐观看阮一峰的flex教程，点击链接
阮一峰的 flex 教程
支持npm安装第三方包
NPM 支持
小程序组件支持
有一定的规格。如果您需要定制相应的组件，请阅读此
第 3 部分 - Vue 说明
官方建议使用 而不是，为了通用性和可读性，建议遵循官方的做法。
如何实现全局变量
全局变量的几种实现方式
推荐 Vuex
带绑定
带绑定
这个绑定语法和 vue 稍有不同，本质上 uni-app 是帮忙转义的，不过官方的 uni-app 更有用，推荐大家看一下。
v-html 不支持
跨端非h5不支持v-html，所以这里不支持，不过有第三方解决方案，点击链接
富文本/渲染/显示/图文混合排版方案。富文本和
全局组件
有时可能需要使用可能全局使用的组件，例如自定义加载、404页面包
常见问题提示
常见问题
获取上一个页面传递的参数
Weex/nvue 使用注意事项
这个应该是一个比较大的话题，不过我自己没开发过Weex/nvue，就不教大家怎么做了，如果需要用到这个的话，大家可以自己研究一下。
常见问题解答可在此处找到
如果一个页面路由下同时有vue页面和nvue页面，那么在App端，会优先使用nvue页面，非App端，暂时不会编译nvue。
+ 备注
这里要注意，新手可能会忽略这个很重要的部分，在uni-app中，可以直接使用plus模块，可以扩展h5的很多新功能，这里是h5的plus文档地址。
H5加
注意plus模块是用于app端的，直接在浏览器运行可能会报找不到plus。
Uni-app 不需要 plus，如果用了就不行。
uni-app中的事件监控
注意uni-app中没有这个，h5+项目中监控都是用.，uni-app中则是用加..来代替。
第 4 部分 - 开发技术
条件编译
这个在开发中经常用到，因为要兼容多终端，所以有些只能在特定终端上使用的代码需要用条件编译包裹起来。
静态文件选择编译
在文件下创建环境目录，用于自动编译
性能优化
优化建议
data中定义的数据每次发生变化都会通知视图层重新渲染页面。所以如果不是视图需要的变量，可以定义在data中。可以将变量定义在外部，也可以直接挂载在vue实例上，避免浪费资源。
nvue页面利用weex相关组件实现原生页面渲染能力，提升页面流畅度，如果对页面性能要求较高，可以使用此开发
防范措施
H5开发注意，如果部署服务器上网站路径是，记得在.json中填写基础路径
H5开发笔记
app 和 h5 中原生实现不同，会造成元素坐标不同。uni-app 增加了 ---top 和 ---，分别代表页面内容区域距离顶部和底部的距离。例如:var(---) 表示元素位于底部，顶部到底部的距离为 0。
高效的开发技能
uni-app 常用的代码都是以 u 开头的代码块封装起来的，所以输入 u 会提示很多 uni-app 封装的代码块，按回车生成
浏览器h5调试
使用调试H5
第 5 节 - 增值服务
运营服务
统一推送
它是由 推出的一体化统一推送服务，内置系统级推送和苹果、华为、小米、OPPO、魅族等手机厂商的个别推送等第三方推送。
广告盈利
包装时直接勾选广告即可
运营统计数据
所开发的App附带免费的统计平台。
创建统一的发布页面
将App、小程序、H5等呈现在一个URL中，以统一、简单的方式传播给用户
在菜单-- 页面，需要填写发布信息
加入交易所联盟
uni-app作为原生应用发布后，可以加入流量交换平台，与其他开发者进行交叉交换、互相推广
开放生态系统
uni-app拥有自有插件市场，打造强大开放生态
插件市场
兼容微信小程序JS SDK
支持npm包管理系统
支持项目组件
支持.js直接调用原生API，支持第三方原生SDK
应用程序支持Weex
App支持原生插件云打包
评选评估
开源项目资源汇总
第六部分 - 常见问题
在线资源升级
uni-app资源在线升级/热更新