最容易理解的CSS的position教程——十步图解CSS的position

CSS的positon,我想做为一个Web制作者来说都有碰到过,但至于对其是否真正的了解呢?那我就不也说了,至少我自己并不非常的了解其内核的运行。今天在Learn CSS Positioning in Ten Steps一文中分十步介绍了CSS的“position”中的“static、relative、absolute、float”使用,觉得蛮有意思的。整理了一下贴上来与大家一起分享。希望大家能喜欢。

继续阅读“最容易理解的CSS的position教程——十步图解CSS的position”

html5实现ajax上传文件

var formData = new FormData();
formData.append('name', tr.find('input[name="name"]').val());

if (tr.find('input[name="logo"]')[0].files[0] !== undefined) {
    formData.append('logo', tr.find('input[name="logo"]')[0].files[0]);
}
$.ajax('http://example.com/abc/upload/', {
    type: 'POST',
    cache: false,
    data: formData,
    dataType: 'json',
    processData: false,
    contentType: false,
    success: function(result) {
        console.log('保存成功');
    },
    error : function (msg) {

    },
});

html前端处理GET参数两个基类方法备忘

function ObjectToStr(obj) {
    var result = '';
    $.each(obj, function(k, v){
        if (result === '') {
            result = '?' + k + '=' + v;
        } else {
            result += '&' + k + '=' + v;
        }
    });
    return result;
}


function getParams() {
    var url = window.document.location.href.toString();
    var u = url.split("?");
    if(typeof(u[1]) == "string"){
        u = u[1].split("&");
        var get = {};
        for(var i in u){
            var j = u[i].split("=");
            get[j[0]] = j[1];
        }
        delete get.page;
        return get;
    } else {
        return {};
    }
}