2018-03-26小程序学习分享

1.margin-left 与margin-right不能同时使用，效果会失效
默认750 * 1334rpx布局
可以使用界面绝对布局，即使使用绝对布局，依然可以实现居中排列

2.小程序每个界面最外层的是page
所以必须把page高度设置为100%，否则某些背景图会出不来
尤其是splash的界面，背景只有一张图片的场景，不设置高度时会导致默认的高度为0
但是其他的界面不设置，不会出现这个问题，所以具体情况我也不知道。

3.层级布局
很多时候，我们需要做上下层次的布局，如背景图、悬浮窗等。
而小程序默认的是flex:column的布局，纵向排列的布局。（flex：row 横向布局）。这时候，我们使用

4.this指针
我们常常会在代码里用到这个指针，但是在请求或者其他类似block的代码块时，我们最好
将这个指针重命名。因为同名作用域覆盖的问题，会导致在block的代码块中有一个指向自己的this指针。例如：var that = this;
同时，补充：ES5的写法需要注意这点，而ES6的最先写法没有这个问题，大致样式如下：

()=>{
//代码区
.......
}

5.常用的数据或者方法的公共文件导入

const constant = require('./utils/constant.js');
//同时要在app.js的page{}中注册一下

6.在js文件对外公开变量与放方法的代码：

module.exports = {
  login:  "sys/login";
  function();
}

7.微信小程序的三种跳转机制：

wx.navgateTo//保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。
wx.redirectTo//关闭当前页面，跳转到应用内的某个页面。
wx.switchTab//跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
wx.navigateBack//关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages()获取当前的页面栈，决定需要返回几层。
wx.reLaunch//关闭所有页面，打开到应用内的某个页面。

注意如果pageA做了tabBarA的首页，PageB做了tabBarB的首页，
这时候如果想从pageA直接跳到pageB，只能使用wx.switchTab,其他跳转方式好像都失效了。
Ps: 不好意思，我不知羞耻地又更新了。没办法，谁让好的技术知识点，这么让我着迷呢