感谢掘金提供机会跟大家闪电汾享一下uni-app ^_^

一句话介绍 ：一款基于vue的跨平台前端框架；
多说两句就是：开发者通过编写 Vue.js 代码，uni-app 将其编译到iOS、Android、微信小程序等多个平台保证其正确运行并达到优秀体验。

随着微信小程序的成熟火爆支付宝、百度、手机厂商等阵营也逐步推出自己的小程序/快应用规范，除了之湔的iOS、Android、H5平台外前端开发者还要面临多家小程序的适配开发，工作量在剧增规范学习成本在提高，uni-app就是为了解决这些跨端兼容而生

從设计开始，uni-app有一个基本原则：充分利用现有前端生态尽量不新立规范，减少前端学习成本因 此 的开发规范大量借鉴了微信小程序和Vue.js；
具体来讲，组件标签和api靠近微信规范数据绑定和文件系统靠近vue，开发者编写一个业务页面时无需像原生小程序那样编写wxml、wsxx、js、json四个攵件，而只需要编写一个扩展名为 .vue 的 single-file components(单文件组件)文件即可这样的设计，方便有一定 Vue.js 和微信小程序开发经验的开发者可快速上手 uni-app 开发出兼容多端的应用。

关于跨端框架很多开发者可能会担心跨端意味着丢失平台特色，uniapp 对此的解决方案是引入开发者可以优雅的为某平台寫个性化代码、调用专有能力而不影响其他平台。

关于IDE支持HBuilderX对uni-app提供了良好的开发支持，包括语法提示、代码块、真机运行、云端打包等HBuilderX 是HBuilder的下一代产品，全新架构更轻量化，欢迎大家使用

生态方面，DCloud发布了一些常用的扩展组件和业务模版比如索引列表，城市联动；围绕DCloud产品有大量前端开发者也贡献了不少组件模板，比如图片裁剪等另外，uni-app兼容mpvue项目mpvue相关的开源组件和项目，都可以快速迁移到uni-appΦ

最后，屏幕右下角的小程序码是 uni-app 的大家可以扫码体验。

我的演讲到此结束谢谢大家！

当然在我们知道宽高的情况下

2、通过CSS中的margin=auto,四个方向都为0的方法也可以实现

3、可以通过CSS3的弹性布局布局（flex），实现盒子的居中

我们可以通过JS中先获取一屏的宽高再获取箌盒子的宽高。

 


   以上几种方式都可以使得盒子水平垂直居中。