微信小程序的界面介绍

最近微信小程序比较火，如何能凑个热度哪，或许这篇文章能帮到你。

官方开发文档：https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=2017111

首先微信更新到最新版本，然后在发现界面的最下面有没有小程序这个选项，没有的话只能找别人给你传一下。

然后获得appid后，微信的开发界面如下，和前端的编程界面很像。

其实微信的开发界面和前端是极其相似的，都是html+css+js结构，其中css可能稍微新一点，有很多css3属性。

比如：  display: flex;
       flex-direction: column;
             align-items: center;

咱们一个一个讲啊，其实他们都是最新的css3属性，

display: flex; 多栏多列布局浏览器支持情况：火狐直接支持w3c无前缀写法，谷歌和opera支持-webkit- 前缀写法，比较适合移动端开发使用。他配合 flex-direction来使用，flex-direction是指列表布局的垂直方向，这两个很像安卓的线性布局和垂直方向。

 align-items: center;属性定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式，居中对齐。

想详细了解的可以参考这个： http://blog.youkuaiyun.com/u012538990/article/details/52587276