js常見問題

ThinkSNS 發布于2019-08-23 15:09 / 559人閱讀

摘要：滾動加載防止觸發多次請求數據成功后獲取特定對象的值，忽略大小寫獲取地址中的參數值格式化時間格式化時間時間參數，傳入字符串時間顯示格式，版本號比較將兩個版本號拆成數字當前比較位當前為位比較是否相等逐個比較如果當前位相等則繼續比較下一位

1.滾動加載

    function onScroll() {
        if (this.curPage > this.totalPage) return;
        var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
        var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
        var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        if (scrollTop + windowHeight > scrollHeight - 100) {
            // flagData防止觸發多次
            if (!this.flagData) return;
            this.flagData = false;
            this.getSingerList();//請求數據成功后 page+1, this.flagData = true;
        }
    }

2.獲取特定對象的值，key忽略大小寫

let options={
    shareUserId:123,
}
// let shareUserId=options.shareUserid||options.shareUserId||options.shareUserID;

for (let item in options){
    if(item.toLowerCase()=="shareuserid"){
        let shareUserId=options[item];
        console.log(shareUserId);//123
    }
}

3. 獲取地址中的參數值

function getUrlParam(name, url) {
  if (!url) url = location.href;
  name = name.replace(/[[]/, "[").replace(/[]]/, "]");
  var regexS = "[?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(url);
  return results == null ? null : results[1];
}

4.格式化時間

/**
 * 格式化時間
 * @ date 時間參數，傳入字符串
 * @ fmt 時間顯示格式，‘yyyy-MM-dd hh:mm:ss’
 */
function formatDate(time, fmt) {
    if(!time) return "";
    var date = new Date(time);
    var o = {
        "y+": date.getFullYear(),
        "M+": date.getMonth() + 1,
        "d+": date.getDate(),
        "h+": date.getHours(),
        "m+": date.getMinutes(),
        "s+": date.getSeconds()
    };
    for (var k in o) {
        if (new RegExp("(" + k + ")").test(fmt)) {
            var str = o[k] + "";
            fmt = fmt.replace(RegExp.$1, (str.length === 1) ? ("0" + str) : str);
        }
    };
    return fmt;
}

5.版本號比較

function versionCompare(curV, reqV) {
        var arr1 = curV.split(".");
        var arr2 = reqV.split(".");
        //將兩個版本號拆成數字 
        var maxL = Math.max(arr1.length, arr2.length);
        var pos = 0; //當前比較位
        var diff = 0; //當前為位比較是否相等
        //逐個比較如果當前位相等則繼續比較下一位
        while (pos < maxL) {
            diff = parseInt(arr1[pos]||0) - parseInt(arr2[pos]||0);
            if (diff != 0) break;
            pos++;
        }
        if (diff >= 0) {
            return true;
        } else {
            return false;
        }
    }

GPU云服務器云服務器 js 循環問題 js 2048 問題新手js問題 js常見方法

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101610.html

Node.js 如何找出循環依賴的文件？如何解決循環依賴問題？

摘要：本文重點是講解如何解決循環依賴這個問題。如何找到循環依賴的的文件上文的示例代碼很簡單，個文件，很容易找出循環依賴。如果有十幾個文件，手工去找循環依賴的文件，也是非常麻煩的。本文重點是講解如何解決循環依賴這個問題。關心這個問題是如何產生的，可以自行谷歌。如何重現這個問題 // a.js const {sayB} = require(./b.js) sayB() function ...

Panda 2019-08-23 12:33 評論0 收藏0
精讀《現代 js 框架存在的根本原因》

摘要：官方規范估計很難出現現代框架的設計了，因為官方設計中前端三劍客是相互分離的方案，為了解決現階段前端框架的問題，必須由完全接管，這幾乎就是，或者支持語法的，可這與最初網頁設計思路是違背的。現代前端框架正在告訴我們新的三劍客虛擬虛擬。 1 引言深入思考為何前端需要框架，以及 web components 是否可以代替前端框架？原文地址，建議先閱讀原文，或者閱讀概述。 2 概述現在前端...

coordinate35 2019-08-22 17:23 評論0 收藏0
hexo+css遇到的unexpected token問題

摘要：問題背景使用模擬實現文檔，頁面和的語法差異遇到問題。文檔中的效果如下分析問題報錯信息寫的很明確，，是不被期望的。遇到問題時，解決思路可以考慮下轉義碼標簽。問題背景使用hexo+css模擬實現weex文檔，頁面Weex 和 Vue 2.x 的語法差異遇到問題。問題描述新建頁面，copy進去內容，hexo server運行，控制臺報錯： FATAL Somethings wrong...

haoguo 2019-08-29 13:22 評論0 收藏0
工作中常見問題匯總及解決方案

摘要：注本文是我在開發過程中遇到問題及解決方法的總結，之后會持續更新，希望幫助到更多的學習者。文中有不妥的地方希望指出共同學習，同時歡迎一起補充。注：本文是我在開發過程中遇到問題及解決方法的總結，之后會持續更新，希望幫助到更多的學習者。文中有不妥的地方希望指出共同學習，同時歡迎一起補充。 npm篇 npm安裝依賴報錯：permission denied，錯誤信息大致如下： npm ERR!...

ddongjian0000 2019-08-21 18:41 評論0 收藏0
Node.js 入門你需要知道的 10 個問題

摘要：什么是在中什么時候需要是中的包管理器。允許我們為安裝各種模塊，這個包管理器為我們提供了安裝刪除等其它命令來管理模塊。 showImg(https://user-gold-cdn.xitu.io/2019/7/11/16bde5b2df52a924?w=4000&h=2667&f=jpeg&s=450648); 本文為您分享「Node.js 入門你需要知道的 10 個問題」這些問題可能也...

szysky 2019-08-23 18:36 評論0 收藏0