关于微信小程序的点滴

1,如何创建列表.使用wx.for={{数组名称}} wx.for-index='当前下标变量名称' wx.for-item='当前item的变量名'

例如:

< view class= 'city-item' wx:for= '{{citys}}' wx:for-index= 'current' wx:for-item= 'next'>

< text >{{next.citysName}} </ text >

< view class= 'line'></ view >

</ view >

data: {

currentLoca: '北京',

citys: [{citysName: "石家庄市"},{citysName: "邯郸市"},{citysName: "唐山市"},{citysName: "保定市"},{citysName: "秦皇岛市"},{citysName: "邢台市"}]

}

2，<view bindTap = 'click'></view>,在click方法中获取数据时，

需要在标签中添加<view bindTap = 'click' data-name = '你的数据'></view>，然后在click函数中：

click: function (e) {

var city = e.target.dataset.name;

},

3，小程序中如何处理<view>布局呢。

在程序里面有display:flex 和 block两种布局，而<view> <scroll-view> <swiper>这三种容器默认都是block布局.

那么flex布局如何调整其位置呢。除了使用正常css3中的一些属性外，小程序中使用的自己的规范。

那就是：justify-content 、flex-direction 、align-items 、 align-self。

上面四种属性基于主轴和侧轴类定位，如果flex-direction：column；那么垂直从上到下就是（justify-content）主轴，从左向右就是（align-items ）侧轴。

align-items一看就是在父容器添加的属性，因为其后面带有items，而align-self则是为子控件设计的属性。

4,小程序中wx:if 与hidden的区别。

wx:if需要保证每次在条件值变化时都会重新渲染其内部的模板，在页面初始化时，对于初始条件为false的模板是不会渲染的。

而hidden就简单多了，只是控制其模板的显示与隐藏，在页面初始化时，也一样会渲染其内部的模板。