上拉加载更多

 
  • 第一个
  • 第二个
$(function(){
    var counter = 2;//开始加载
    var num = 6;//每页数量
    //容器外层
    $('#content_drop').dropload({
        scrollArea : window,
        loadDownFn : function(me){
            $.ajax({
                type: 'GET',
                url: 'index.php?p='+ counter,
                dataType: 'json',
                success: function(data){
                	if(data.status  !=0){
                        // 锁定
                        me.lock();
                        // 无数据
                        me.noData();
                    } else {
                    	var result = '';
                        counter++;
                        for(var i = 0; i < num; i++){
                        	//处理内容
                        }
                        $('#content_list').append(result);
                        me.resetload();
                    }
                },
                error: function(xhr, type){
                    console.log('Ajax error!');
                    me.resetload();
                }
            });
        }
    });
});

参考:https://github.com/ximan/dropload

关于制作手机网页笔记

1、px和rem换算
em 的计算是基于父级元素的,在实际使用中给我们的计算带来了很大的不便
rem 的出现就可以避免这类计算的问题,再也不用担心父级元素的 font-size 了,因为它始终是基于根元素(html) 的!
html{font-size:62.5%; /* 10÷16=62.5% */} body{font-size:12px;font-size:1.2rem ; /* 12÷10=1.2 */}
如果你设定html { font-size:100%;} 那么计算的时候就是用px的值除以16就是rem的结果
2、切面保存成透明
需要将背景隐藏掉再切片
3、查看切片宽和高
邮件编辑切面即可看到
4、查看psd原始像素
图像-图像大小