分享一下项目中用到过的小知识

Cheng_Gang 发布于2019-08-22 16:57 / 3288人阅读

摘要：上传进度必须才会自动加上正确的计算百分比排序获取天时间日期前天日期判断页面滚动到底部到底了相同值加入新数组启用浏览器的极速模式避免使用兼容模式针对手持设备优化，主要是针对一些老的不识别的浏览器，比如黑莓

1、jq上传进度

var xhrOnProgress = function (fun) {
xhrOnProgress.onprogress = fun;
return function () {
    var xhr = $.ajaxSettings.xhr();
    if (typeof xhrOnProgress.onprogress !== "function")
        return xhr;
    if (xhrOnProgress.onprogress && xhr.upload) {
        xhr.upload.onprogress = xhrOnProgress.onprogress;
    }
    return xhr;
}
};
$.ajax({
    type: "POST",
    url: "http://180.97.83.70:30990/wxapp/addUserPhotoAlbumCmd/",
    data: formData,
    processData: false, //必须false才会自动加上正确的Content-Type
    contentType: false,
    xhr: xhrOnProgress(function (e) {
        var percent = 100 * e.loaded / e.total;//计算百分比
        $("#upinfo").html(Math.floor(percent) + "%");
    }),
    success: function (res) {
        
    },
    error: function (e) {

    }
});
});

2、json排序

var testList = [
    {n: "1"},
    {n: "2"},
    {n: "3"},
    {n: "4"},
    {n: "5"}
];

function sortList(a, b) {
    return b.n - a.n
}
testList.sort(sortList)
console.log(testList)

3、获取7天时间日期

var dates=[];
var datestr;
function getDate() {
    var myDate = new Date();
    myDate.setDate(myDate.getDate()-6); //前7天
    for (var i = 0; i < 7; i++) {
        datestr=Number(myDate.getMonth()) + 1 + "-" + myDate.getDate();
        dates.push(datestr);
        myDate.setTime(myDate.getTime() + 1000*60*60*24);
        //console.log(datestr);
    }
    //$scope.proSevDay=dates;//日期
    //console.log(dates);
}

4、判断页面滚动到底部

$(document).ready(function () {
$(window).scroll(function () {
    if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
        console.log("到底了")
    }
});
});

5、相同key值加入新数组

    var b = {};
    result.forEach(function (obj) {
        var array = b[obj["time"]] || [];
        array.push(obj);
        b[obj["time"]] = array;
    });
    console.log(b);

6、meta

海外云主机私有云关于网络安全的小知识 java的小项目游戏私藏项目实操分享使用 JavaScri 到过

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/94712.html

分享一下项目中用到过的小知识

摘要：上传进度必须才会自动加上正确的计算百分比排序获取天时间日期前天日期判断页面滚动到底部到底了相同值加入新数组启用浏览器的极速模式避免使用兼容模式针对手持设备优化，主要是针对一些老的不识别的浏览器，比如黑莓 1、jq上传进度 var xhrOnProgress = function (fun) { xhrOnProgress.onprogress = fun; return functio...

Ethan815 2019-08-02 10:20 评论0 收藏0
Eruda 一个可能被人遗忘的调试神器

摘要：引言日常工作中再牛逼的大佬都不敢说自己的代码是完全没有问题的，既然有问题，那就也就有调试，说到调试工具，大家可能对于还有远程调试等比较熟悉，甚至有些是我可能也没有用过的这里喷一句吧，谁都别给我提啊，那个不叫调试工具，那叫坑爹神器，话说最近不 showImg(https://segmentfault.com/img/bVbk8zn?w=1008&h=298); 引言　　日常工作中再牛...

mingzhong 2019-08-23 14:15 评论0 收藏0
零门槛的全栈体验小程序云开发完整项目分享

摘要：在这里详细介绍一下操作云函数提取数据库的流程这里我们以获取首页数据为例先在云函数目录新建一个函数打开该云函数的我这里用的是环境。写在前面：小程序云开发发布有一段时间了，最近着手做了一个基于云开发的小程序项目--仿《微博鲜知》，来自新浪的这款全新风格的小程序虽然界面非常简约清新，但是内部还是内藏了很多玄机，在实现的路上遇上了不少坎坷，在这里分享给大家。希望给大家提供一些思路。 ...

huayeluoliuhen 2019-08-23 13:02 评论0 收藏0
从命令式到响应式（十）

摘要：加上以后的操作符大都是直接将输入流映射到一个输出流，并且它们都不关心输入流上的值。如果输入流没发出任何值，只发出完成通知，那么发出一个默认值。与错误相关的一些操作符，如已经提到的当输入流上有错误时，可以发出重试，传入的参数就是重试的次数。这个系列不知不觉已经写到10了，单纯从使用上来说的话，大部分的知识点也都讲过了，本来不打算写了，刚好今天有同学在群里说希望能总结一下常用的操作符，那...

kycool 2019-08-23 11:39 评论0 收藏0