2018-09-27 学习工作总结——微信小程序

App({
    https: "https://**.***.**"
})

var app = getApp();

wx.request({
  url: app.https + "/***",
  method: "POST",
  data: {
  },
  header: {
    'Content-Type': 'application/json'
  },
  success: function (res) {
    console.log(res,data);
  },
  fail: function () {
    wx.showToast({
      title: '网络连接失败',
      duration: 2000,
      icon: 'none'
    })
  }
})

randomNum: function (num1, num2){
    return Math.random() * (num2 - num1) + num1;
},

// 如果借口请求拿到时间 2018-09-26 14:34:07 ， 现在需要将它转成时间戳
Page({
    data{
    	time: '2018-09-26 14:34:07',
    }
    timeToTimestamp:function(){
		var that = this;
    	// 强行用 '/' 取代字符串中的 '-'
        var newTime = that.data.time.replace(new RegExp(/-/gm), "/");
    	// 获取标准时间
    	var standard = new Date(newTime);
    	// 时间转时间戳
    	var timestamp = standard.getTime();
    	
    	// timestamp 就是时间戳
    	console.log(timestamp);
    },
})

Page({
	onLoad: function (options) {
        // 获取当前时间的标准时间
        var nowTime = new Date();
        // 时间转时间戳
    	var timestamp = nowTime.getTime();
        
        // timestamp 就是时间戳
    	console.log(timestamp);
	},
})

// 时间戳转时间
timestampToTime: function (timestamp) {
    var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
    var Y = date.getFullYear() + '-';
    var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
    var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';
    // var D = date.getDate() + ' ';
    var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
    var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
    var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
    return Y + M + D + h + m + s;
    // return Y + M + D;
}

Page({
    data:{
        test:[
            { id: 2, name: '徐金琦', age: '22' },
            { id: 55, name: '徐金琦', age: '22' },
            { id: 3, name: '徐金琦', age: '22' },
            { id: 34, name: '徐金琦', age: '22' }
        ]
    },
    onLoad:function(){
    	var that = this;
        // 按key值id排序
        var test = that.data.test.sort(that.sortKey);
        console.log(test)
    },
    
    // 按 key 值排序的函数
    sortKey:function(a, b) {
        // 其中的 id 即为对应的 key 的名称
        return a.id > b.id ? 1 : -1;
    }
})

// 结果：
//    test:[
//        { id: 2, name: '徐金琦', age: '22' },
//        { id: 3, name: '徐金琦', age: '22' },
//        { id: 34, name: '徐金琦', age: '22' },
//        { id: 55, name: '徐金琦', age: '22' }
//    ]

// 写法二：
onLoad:function(){
    var that = this;
    // 按key值id排序
    var test = that.data.test.sort(function(a, b) {
        // 其中的 id 即为对应的 key 的名称
        return a.id > b.id ? 1 : -1;
    });
    console.log(test)
},

Page({
    data:{
        test:[
            {id:'',name:'徐金琦',age:'22'},            
            {id:'',name:'徐金琦',age:'22'}
        ]
    },
    onLoad:function(){
    	var that = this;
		var that = this;
        for (var i = 0; i < that.data.test.length; i++) {
            // 声明一个动态字符串代表 某个索引下的 id ********
            var id = 'test[' + i + '].id';
            // *****************************************
            that.setData({
            	[id]: i
            })
        }
    },
})

// 结果：
//    test:[
//        {id:0,name:'徐金琦',age:'22'},            
//        {id:1,name:'徐金琦',age:'22'}
//    ]

Page({

    /**
    * 页面的初始数据
    */
    data: {
        test: [
            { title: '这是测试' },
            { title: '这是测试' },
            { title: '这是测试' },
            { title: '这是测试' }
        ]
    },

    //手指触摸动作开始 记录起点X坐标
    touchstart: function (e) {
        //开始触摸时 重置所有删除
        this.data.test.forEach(function (v, i) {
            if (v.isTouchMove)//只操作为true的
                v.isTouchMove = false;
        })
        this.setData({
            startX: e.changedTouches[0].clientX,
            startY: e.changedTouches[0].clientY,
            test: this.data.test
        })
    },
    //滑动事件处理
    touchmove: function (e) {
        var that = this,
        index = e.currentTarget.dataset.index, //当前索引
        startX = that.data.startX, //开始X坐标
        startY = that.data.startY, //开始Y坐标
        touchMoveX = e.changedTouches[0].clientX, //滑动变化坐标
        touchMoveY = e.changedTouches[0].clientY, //滑动变化坐标
        //获取滑动角度
        angle = that.angle({ X: startX, Y: startY }, { X: touchMoveX, Y: touchMoveY });
        
        that.data.test.forEach(function (v, i) {
            v.isTouchMove = false
            //滑动超过30度角 return 
            if (Math.abs(angle) > 30) return;
            if (i == index) {
                if (touchMoveX > startX) //右滑
                    v.isTouchMove = false
                else //左滑
                    v.isTouchMove = true
            }
        })
        //更新数据
        that.setData({
        test: that.data.test
        })
    },
    // 触碰结束
    touchend: function () {
        var that = this;
        for (var i = 0; i < that.data.test.length; i++) {
            var showDel = 'test[' + i + '].showDel'
            if (that.data.test[i].isTouchMove) {
                that.setData({
                [showDel]: true
                })
            } else {
                that.setData({
                    [showDel]: false
                })
            }
        }
    },
    /**
    * 计算滑动角度
    * @param {Object} start 起点坐标
    * @param {Object} end 终点坐标
    */
    angle: function (start, end) {
        var _X = end.X - start.X,
        	_Y = end.Y - start.Y;
        //返回角度 /Math.atan()返回数字的反正切值
        return 360 * Math.atan(_Y / _X) / (2 * Math.PI);
    },

    //删除通知
    ignore: function (e) {
        var that = this;
        var delIndex = e.currentTarget.dataset.index;
        console.log(delIndex)
    },

})

onLoad: function (options) {
    var that = this;
    // 获取屏幕宽高
    wx.getSystemInfo({
        success: function (res) {
            that.setData({
                screenHeight: res.windowHeight,
                screenWidth: res.windowWidth,
            });
        }
    });
},
ballMoveEvent: function (e) {
    var that = this;
    // console.log('我被拖动了....');
    var touchs = e.touches[0];
    var pageX = touchs.pageX;
    var pageY = touchs.pageY;
    // console.log('pageX: ' + pageX)
    // console.log('pageY: ' + pageY)
    
    //防止坐标越界,view宽高的一般
    if (pageX < 30) return;
    if (pageX > that.data.screenWidth - 30) return;
    if (that.data.screenHeight - pageY <= 30) return;
    if (pageY <= 30) return;
    //这里用right和bottom.所以需要将pageX pageY转换
    var x = that.data.screenWidth - pageX - 30;
    var y = that.data.screenHeight - pageY - 30;
    // console.log('x: ' + x)
    // console.log('y: ' + y)
    that.setData({
        ballBottom: y,
        ballRight: x
    });
},
ballMoveEnd: function () {
    var that = this;
    console.log("我停止接触了")
    if (that.data.ballRight >= (that.data.screenWidth / 2) - 25) {
        that.setData({
        	ballRight: that.data.screenWidth - 55
        });
    } else {
        that.setData({
            ballRight: 5
        });
    }
},

// 请求所得数据
// [{ id: 2, age: '22' },
//  { id: 55, age: '22' },
//  { id: 3, age: '22' },
//  { id: 34, age: '22' }]

// 页面需要的数据
// [{ id: 2, name:'徐金琦' , age: '22' },
//  { id: 55, name:'徐金琦', age: '22' },
//  { id: 3, name:'徐金琦', age: '22' },
//  { id: 34, name:'徐金琦', age: '22' }]


data:{
    test: [],
},
forTest:function(){
    var that = this;
    // 第一次请求拿到所有数据与对应id
	wx.request({
        url: 'https://**.**/forTest', 
        data: {
            a:'**',
            b:'**'
        },
        header: {
        	'content-type': 'application/json'
        },
        success (res) {
        	console.log(res.data)
            var test = res.data;
            that.setData({
                test: test
            })
            // 触发 递归函数 
            that.forName(0)
        }
        fail (res) {
        	console.log(res.data)
        }
    })

},
forName:function(i){
	var that = this;
    // 备份第一次请求所得数据，防止之后操作对原始数据的影响
    var testBak = that.test.slice();
    // 第二次使用对应 id 逐个请求
    wx.request({
        url: 'https://**.**/forName', 
        data: {
            id: testBak[i].id
        },
        header: {
        	'content-type': 'application/json'
        },
        success (res) {
        	console.log(res.data)
            var key = 'name';
            var value = res.data;
            testBak[i][key] = value;
            that.setData({
                test: testBak
            })
            
            // 判断再次触发递归的条件，并将 i 自增 1
            if(++i < testBak.length){
                that.forName(i);
            } else {
                console.log(that.data.test)
            }
        },
        fail (res) {
            console.log(res.data)
        }
    })
},