1. 程式人生 > 實用技巧 >應用(2)——

應用(2)——

1.豆瓣 電影評星

//wxml
用的wx:for="{{6}}"
//wxss
.film-list{
width:100%;
white-space:nowrap;
}
.film-item{
display:inline-block;
width:200rpx;
padding:0 12rpx;
}

2.豆瓣 文字過長省略號處理

.film-name{
    white-space:nowrap;
    overflow:hidden;
    text-flow:ellipsis;
}

3.JS 裡的promise
官方:
new Promise( funciton(resolve, reject) {...} );

var isLiForget = false; //是否生日送了禮物
var getCloth = new Promise(fucntion (resolve, reject){
      if(!isLiFroget){ //沒忘記
            var cloth = {
            color: 'red',
            price: '$20'
      };
      resolve(cloth); //得到衣服
      }else{
            var err = new Error("forgot the promise"); //忘了
            reject(err);
      }
});
 //呼叫Promise
var testFn = function(){
      getCloth.then(function(fulfilled){
            console.log(fulfilled);
      }).catch(function(rejected){
            console.log(rejected.message);
      });
}
testFn();

4.將功能加在非同步操作之後(豆瓣——上拉載入的細節處理——10:29)

loadListData(){ 
      return content...  //content是一個非同步操作loadListData的內容,給加一個renturn可以實現目的
}

this.loadListData().then => (() => {  //在loadListData之後執行setData
      this.setData({
            showLoading:false
      })
})