小程序学习过程中遇到的问题 整理1

• view标签下hover必须为true时，设置hover-class才有效，hover-start-time和hover-stay-time的形式如下：

< view class="v1" hover="true" hover-class="v1_changed" hover-start-time="1000" hover-stay-time="500">1< /view>

• 关于Flex属性的总结：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

• 完成scroll-x例子的过程中，用flex-warp元素没办法在一排，用white-space能得到想要的效果；

/* pages/index/scroll_view.wxss*/
.scroll-x{
flex-direction: row;
display: -webkit-flex;
display: block;
white-space: nowrap;
/*flex-wrap: nowrap;/*
width: 500rpx;
}

• white-space属性
  normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行；
  pre: 保持HTML源代码的空格与换行,等同与pre标签；
  nowrap: 强制文本在一行,除非遇到br换行标签；

• ===和==的区别：==用于一般比较，===用于严格比较，==在比较的时候可以转换数据类型，===严格比较，只要类型不匹配就返回flase；简而言之就是 "==" 只要求值相等; "===" 要求值和类型都相等；

• scroll-into-view
  值应为某子元素id，则滚动到该元素，元素顶部对齐滚动区域顶部;此属性只对纵向排列的元素生效

• 小程序下拉刷新上拉加载的两种实现方法
  1.直接在js文件里写入onPullDownRefresh:function(){}和onReachBottom:function(){};
  2.在scroll-view里设定bindscrolltoupper和bindscrolltolower，然后在js里写好触发事件；

• swiper滑块视图容器
  其中swiper-item仅可以放在swiper组件中，且宽高自动被设置为100%；

< swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" current='1' interval="1000" duration="10a00" circular="{{cicular}}">
< swiper-item>
< view style="background-color: blue; height: 300rpx"></view>
< swiper-item>
< swiper-item>
<view style="background-color: red; height: 300rpx"></view>
< swiper-item>
< swiper-item>
< view style="background-color: green; height: 300rpx"></view>
< swiper-item>

< swiper>

• 元素展示技巧

<block wx:for="{{type}}">
<icon type="{{item}}" size="40" color="red"></icon>
< block>

• function(e)
  e是event，代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
  事件通常与函数结合使用，函数不会在事件发生前被执行！

• 常见写法

var textnow = "这是一个关于text的例子"
var textdata = [];
Page({
data:{
tex:textnow
},
add:function(e){
textdata.push('push')
this.setData({
tex:textnow+textdata[0]
})
},
remove:function(){
textdata.pop()
this.setData({
tex:textnow
})
}
})