- 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
})
}
})
网友评论