小程序开发笔记----本地环境以及块居中

之前对微信小程序也有过一些了解，最近有机会可以深入接触小程序，由于第一次彻底接触，过程中遇到许多的问题，如下做一些记录：
服务端用的是PHP语言。
首先是如何在本地环境下开发测试小程序：

其实很简单只需要勾选开发者工具中的一个按钮就好了，开发者工具可以预览效果，手机无法预览。

勾选如图红框的地方

之后在app.js中设置

  data: {
    localhost:"http://192.168.1.45"  
  },

     wx.request({
       url: getApp().data.localhost + '/text/index.php/WxText/index',  // 前面就是本地url后面跟上路径
       method: 'post',
       data: {},
       header: {
         'content-type': 'application/x-www-form-urlencoded' // 尽量使用这个 x-www-form-urlencoded
       },
       success: function (res) {
         // console.log(res.data)
     
       }
     })

最后补充一点是在小程序前端布局的时候遇到一个块居中问题，在web开发中可以用margin：auto 0；来使内部块居中显示，可是在小程序中方法不起作用，小程序内部的方法展示如下：

<view class="out-container">
    
  <view class="in-container">
居中显示
</view>

</view>

.out-container{
  width: 99%;
  height: 250px;
  border: 2px solid #f00;

  display: flex;  
  flex-direction: row; 
  justify-content: center; 
}

.in-container{
  width: 50%;
  height: 150px;
  border: 2px solid #000;
}

这里主要就是CSS加上了这三行样式。

  display: flex;  
  flex-direction: row; 
  justify-content: center;