分享一下項目中用到過的小知識

Cheng_Gang 發布于2019-08-22 16:57 / 3483人閱讀

摘要：上傳進度必須才會自動加上正確的計算百分比排序獲取天時間日期前天日期判斷頁面滾動到底部到底了相同值加入新數組啟用瀏覽器的極速模式避免使用兼容模式針對手持設備優化，主要是針對一些老的不識別的瀏覽器，比如黑莓

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

云服務器 GPU云服務器關于網絡安全的小知識 java的小項目游戲私藏項目實操分享使用 JavaScri 到過

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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