者：西嵐

轉(zhuǎn)發(fā)鏈接：https://juejin.im/post/5dadd0236fb9a04de04d968e

項(xiàng)目為前幾天收費(fèi)幫學(xué)妹做的一個(gè)項(xiàng)目，Java EE JSP項(xiàng)目，在工作環(huán)境中基本使用不到，但是很多學(xué)校把這個(gè)當(dāng)作編程入門(mén)的項(xiàng)目來(lái)做，故分享出本項(xiàng)目供初學(xué)者參考。

一、項(xiàng)目描述

springboot開(kāi)發(fā)的悠點(diǎn)裝飾后臺(tái)管理系統(tǒng)

系統(tǒng)有1權(quán)限：管理員

二、主要功能

管理員信息
公司管理
案例管理
項(xiàng)目管理
招聘管理
福利管理
動(dòng)態(tài)管理
輪播圖管理
客戶列表
合作伙伴列表

三、系統(tǒng)運(yùn)行

登錄

http://127.0.0.1:8080/youdian/logout

賬號(hào)密碼

朱總 666666

四、項(xiàng)目截圖

者：叫我詹躲躲

轉(zhuǎn)發(fā)鏈接：https://juejin.im/post/5edb6c6be51d4578a2555a9b

目錄

細(xì)品269個(gè)JavaScript小函數(shù)，讓你少加班熬夜（一）「值得收藏」

細(xì)品269個(gè)JavaScript小函數(shù)，讓你少加班熬夜（二）「值得收藏」

細(xì)品269個(gè)JavaScript小函數(shù)，讓你少加班熬夜（三）「值得收藏」

細(xì)品269個(gè)JavaScript小函數(shù)，讓你少加班熬夜（四）「值得收藏」（本篇）

細(xì)品269個(gè)JavaScript小函數(shù)，讓你少加班熬夜（五）「值得收藏」

細(xì)品269個(gè)JavaScript小函數(shù)，讓你少加班熬夜（六）「值得收藏」

176.如何確定設(shè)備是移動(dòng)設(shè)備還是臺(tái)式機(jī)/筆記本電腦？

 const detectDeviceType = () =>
   /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
     ? 'Mobile'
     : 'Desktop';

 // 事例
 detectDeviceType(); // "Mobile" or "Desktop"
復(fù)制代碼

177.How to get the current URL?

 const currentURL = () => window.location.href

 // 事例
 currentURL() // 'https://google.com'
復(fù)制代碼

178.如何創(chuàng)建一個(gè)包含當(dāng)前URL參數(shù)的對(duì)象？

 const getURLParameters = url =>
   (url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce(
     (a, v) => ((a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1)), a),
     {}
   );

 // 事例
 getURLParameters('http://url.com/page?n=Adam&s=Smith'); // {n: 'Adam', s: 'Smith'}
 getURLParameters('google.com'); // {}
復(fù)制代碼

179.如何將一組表單元素轉(zhuǎn)化為對(duì)象？

 const formToObject = form =>
   Array.from(new FormData(form)).reduce(
     (acc, [key, value]) => ({
       ...acc,

[key]: value

?     }),
?     {}
   );

 // 事例
 formToObject(document.querySelector('#form')); 
 // { email: 'test@email.com', name: 'Test Name' }
復(fù)制代碼

180.如何從對(duì)象檢索給定選擇器指示的一組屬性？

 const get = (from, ...selectors) =>
   [...selectors].map(s =>
     s
       .replace(/\[([^\[\]]*)\]/g, '.$1.')
       .split('.')
       .filter(t => t !== '')
       .reduce((prev, cur) => prev && prev[cur], from)
   );
 const obj = { selector: { to: { val: 'val to select' } }, target: [1, 2, { a: 'test' }] };

 // Example
 get(obj, 'selector.to.val', 'target[0]', 'target[2].a'); 
 // ['val to select', 1, 'test']
復(fù)制代碼

181.如何在等待指定時(shí)間后調(diào)用提供的函數(shù)？

 const delay = (fn, wait, ...args) => setTimeout(fn, wait, ...args);
 delay(
   function(text) {
     console.log(text);
   },
   1000,
   'later'
 ); 

 // 1秒后打印 'later'
復(fù)制代碼

182.如何在給定元素上觸發(fā)特定事件且能選擇地傳遞自定義數(shù)據(jù)？

 const triggerEvent = (el, eventType, detail) =>
   el.dispatchEvent(new CustomEvent(eventType, { detail }));

 // 事例
 triggerEvent(document.getElementById('myId'), 'click');
 triggerEvent(document.getElementById('myId'), 'click', { username: 'bob' });
自定義事件的函數(shù)有 Event、CustomEvent 和 dispatchEvent
 // 向 window派發(fā)一個(gè)resize內(nèi)置事件
 window.dispatchEvent(new Event('resize'))


 // 直接自定義事件，使用 Event 構(gòu)造函數(shù)：
 var event = new Event('build');
 var elem = document.querySelector('#id')
 // 監(jiān)聽(tīng)事件
 elem.addEventListener('build', function (e) { ... }, false);
 // 觸發(fā)事件.
 elem.dispatchEvent(event);
CustomEvent 可以創(chuàng)建一個(gè)更高度自定義事件，還可以附帶一些數(shù)據(jù)，具體用法如下：
 var myEvent = new CustomEvent(eventname, options);
 其中 options 可以是：
 {
   detail: {
     ...
   },
   bubbles: true,    //是否冒泡
   cancelable: false //是否取消默認(rèn)事件
 }
其中 detail 可以存放一些初始化的信息，可以在觸發(fā)的時(shí)候調(diào)用。其他屬性就是定義該事件是否具有冒泡等等功能。
 內(nèi)置的事件會(huì)由瀏覽器根據(jù)某些操作進(jìn)行觸發(fā)，自定義的事件就需要人工觸發(fā)。
 dispatchEvent 函數(shù)就是用來(lái)觸發(fā)某個(gè)事件：
 element.dispatchEvent(customEvent);

 上面代碼表示，在 element 上面觸發(fā) customEvent 這個(gè)事件。
 // add an appropriate event listener
 obj.addEventListener("cat", function(e) { process(e.detail) });

 // create and dispatch the event
 var event = new CustomEvent("cat", {"detail":{"hazcheeseburger":true}});
 obj.dispatchEvent(event);
 使用自定義事件需要注意兼容性問(wèn)題，而使用 jQuery 就簡(jiǎn)單多了：

 // 綁定自定義事件
 $(element).on('myCustomEvent', function(){});

 // 觸發(fā)事件
 $(element).trigger('myCustomEvent');
 // 此外，你還可以在觸發(fā)自定義事件時(shí)傳遞更多參數(shù)信息：

 $( "p" ).on( "myCustomEvent", function( event, myName ) {
   $( this ).text( myName + ", hi there!" );
 });
 $( "button" ).click(function () {
   $( "p" ).trigger( "myCustomEvent", [ "John" ] );
 });
復(fù)制代碼

183.如何從元素中移除事件監(jiān)聽(tīng)器?

 const off = (el, evt, fn, opts = false) => el.removeEventListener(evt, fn, opts);

 const fn = () => console.log('!');
 document.body.addEventListener('click', fn);
 off(document.body, 'click', fn); 
復(fù)制代碼

184.如何獲得給定毫秒數(shù)的可讀格式？

 const formatDuration = ms => {
   if (ms < 0) ms = -ms;
   const time = {
     day: Math.floor(ms / 86400000),
     hour: Math.floor(ms / 3600000) % 24,
     minute: Math.floor(ms / 60000) % 60,
     second: Math.floor(ms / 1000) % 60,
     millisecond: Math.floor(ms) % 1000
   };
   return Object.entries(time)
     .filter(val => val[1] !== 0)
     .map(([key, val]) => `${val} ${key}${val !== 1 ? 's' : ''}`)
     .join(', ');
 };

 // 事例
 formatDuration(1001); // '1 second, 1 millisecond'
 formatDuration(34325055574); 
 // '397 days, 6 hours, 44 minutes, 15 seconds, 574 milliseconds'
復(fù)制代碼

185.如何獲得兩個(gè)日期之間的差異（以天為單位）？

 const getDaysDiffBetweenDates = (dateInitial, dateFinal) =>
   (dateFinal - dateInitial) / (1000 * 3600 * 24);

 // 事例
 getDaysDiffBetweenDates(new Date('2017-12-13'), new Date('2017-12-22')); // 9
復(fù)制代碼

186.如何向傳遞的URL發(fā)出GET請(qǐng)求？

 const httpGet = (url, callback, err = console.error) => {
   const request = new XMLHttpRequest();
   request.open('GET', url, true);
   request.onload = () => callback(request.responseText);
   request.onerror = () => err(request);
   request.send();
 };

 httpGet(
   'https://jsonplaceholder.typicode.com/posts/1',
   console.log
 ); 

 // {"userId": 1, "id": 1, "title": "sample title", "body": "my text"}
復(fù)制代碼

187.如何對(duì)傳遞的URL發(fā)出POST請(qǐng)求？

 const httpPost = (url, data, callback, err = console.error) => {
   const request = new XMLHttpRequest();
   request.open('POST', url, true);
   request.setRequestHeader('Content-type', 'application/json; charset=utf-8');
   request.onload = () => callback(request.responseText);
   request.onerror = () => err(request);
   request.send(data);
 };

 const newPost = {
   userId: 1,
   id: 1337,
   title: 'Foo',
   body: 'bar bar bar'
 };
 const data = JSON.stringify(newPost);
 httpPost(
   'https://jsonplaceholder.typicode.com/posts',
   data,
   console.log
 ); 

 // {"userId": 1, "id": 1337, "title": "Foo", "body": "bar bar bar"}
復(fù)制代碼

188.如何為指定選擇器創(chuàng)建具有指定范圍，步長(zhǎng)和持續(xù)時(shí)間的計(jì)數(shù)器？

 const counter = (selector, start, end, step = 1, duration = 2000) => {
   let current = start,
     _step = (end - start) * step < 0 ? -step : step,
     timer = setInterval(() => {
       current += _step;
       document.querySelector(selector).innerHTML = current;
       if (current >= end) document.querySelector(selector).innerHTML = end;
       if (current >= end) clearInterval(timer);
     }, Math.abs(Math.floor(duration / (end - start))));
   return timer;
 };

 // 事例
 counter('#my-id', 1, 1000, 5, 2000); 
 // 讓 `id=“my-id”`的元素創(chuàng)建一個(gè)2秒計(jì)時(shí)器
復(fù)制代碼

189.如何將字符串復(fù)制到剪貼板？

   const el = document.createElement('textarea');
   el.value = str;
   el.setAttribute('readonly', '');
   el.style.position = 'absolute';
   el.style.left = '-9999px';
   document.body.appendChild(el);
   const selected =
     document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
   el.select();
   document.execCommand('copy');
   document.body.removeChild(el);
   if (selected) {
     document.getSelection().removeAllRanges();
     document.getSelection().addRange(selected);
   }
 };

 // 事例
 copyToClipboard('Lorem ipsum'); 
 // 'Lorem ipsum' copied to clipboard
復(fù)制代碼

190.如何確定頁(yè)面的瀏覽器選項(xiàng)卡是否聚焦？

 const isBrowserTabFocused = () => !document.hidden;

 // 事例
 isBrowserTabFocused(); // true
復(fù)制代碼

191.如何創(chuàng)建目錄（如果不存在）？

 const fs = require('fs');
 const createDirIfNotExists = dir => (!fs.existsSync(dir) ? fs.mkdirSync(dir) : undefined);

 // 事例
 createDirIfNotExists('test'); 
這里面的方法大都挺實(shí)用，可以解決很多開(kāi)發(fā)過(guò)程問(wèn)題，大家就好好利用起來(lái)吧。
復(fù)制代碼

192.日期型函數(shù)封裝

function formatTime(date) {
  if(!!date){
    if(!(date instanceof Date))
    date = new Date(date);
    var month = date.getMonth() + 1
    var day = date.getDate()
    return `${month}月${day}日`;
  }
}

function formatDay(date) {
  if(!!date){
    var year = date.getFullYear()
    var month = date.getMonth() + 1
    var day = date.getDate()
    return [year, month, day].map(formatNumber).join('-');
  }
}

function formatDay2(date) {
  if(!!date){
    var year = date.getFullYear()
    var month = date.getMonth() + 1
    var day = date.getDate()
    return [year, month, day].map(formatNumber).join('/');
  }
}

function formatWeek(date){
  if(!!date){
    var day = date.getDay();
    switch (day) {
      case 0:
        return '周日'
        break;
      case 1:
        return '周一'
        break;
      case 2:
        return '周二'
        break;
      case 3:
        return '周三'
        break;
      case 4:
        return '周四'
        break;
      case 5:
        return '周五'
        break;
      case 6:
        return '周六'
        break;
    }
  }
}

function formatHour(date){
  if(!!date){
    var hour = new Date(date).getHours();
    var minute = new Date(date).getMinutes();
    return [hour, minute].map(formatNumber).join(':');
  }
}

function timestamp(date, divisor=1000){
  if(date == undefined){
    return;
  }else if(typeof date == 'number'){
    return Math.floor(date/divisor);
  }else if(typeof date == 'string'){
    var strs = date.split(/[^0-9]/);
    return Math.floor(+new Date(strs[0] || 0,(strs[1] || 0)-1,strs[2] || 0,strs[3] || 0,strs[4] || 0,strs[5] || 0)/divisor);
  }else if(Date.prototype.isPrototypeOf(date)){
    return Math.floor(+date/divisor);
  }
}

function detimestamp(date){
  if(!!date){
    return new Date(date*1000);
  }
}

function formatNumber(n) {//給在0-9的日期加上0
  n = n.toString()
  return n[1] ? n : '0' + n
}

module.exports = {
  formatTime: formatTime,
  formatDay: formatDay,
  formatDay2: formatDay2,
  formatHour: formatHour,
  formatWeek: formatWeek,
  timestamp: timestamp,
  detimestamp: detimestamp
}
復(fù)制代碼

193.時(shí)間戳轉(zhuǎn)時(shí)間

/** 
 * 時(shí)間戳轉(zhuǎn)化為年 月 日 時(shí) 分 秒 
 * number: 傳入時(shí)間戳 
 * format：返回格式，支持自定義，但參數(shù)必須與formateArr里保持一致 
*/  
function formatTime(number,format) {  
  
  var formateArr  = ['Y','M','D','h','m','s'];  
  var returnArr   = [];  
  
  var date = new Date(number * 1000);  
  returnArr.push(date.getFullYear());  
  returnArr.push(formatNumber(date.getMonth() + 1));  
  returnArr.push(formatNumber(date.getDate()));  
  
  returnArr.push(formatNumber(date.getHours()));  
  returnArr.push(formatNumber(date.getMinutes()));  
  returnArr.push(formatNumber(date.getSeconds()));  
  
  for (var i in returnArr)  
  {  
    format = format.replace(formateArr[i], returnArr[i]);  
  }  
  return format;  
} 

//數(shù)據(jù)轉(zhuǎn)化  
function formatNumber(n) {  
  n = n.toString()  
  return n[1] ? n : '0' + n  
}  

調(diào)用示例：

var sjc = 1488481383;//時(shí)間戳
console.log(time.formatTime(sjc,'Y/M/D h:m:s'));//轉(zhuǎn)換為日期：2017/03/03 03:03:03
console.log(time.formatTime(sjc, 'h:m'));//轉(zhuǎn)換為日期：03:03
復(fù)制代碼

194.js中獲取上下文路徑

js中獲取上下文路徑
    //js獲取項(xiàng)目根路徑，如： http://localhost:8083/uimcardprj
    function getRootPath(){
        //獲取當(dāng)前網(wǎng)址，如： http://localhost:8083/uimcardprj/share/meun.jsp
        var curWwwPath=window.document.location.href;
        //獲取主機(jī)地址之后的目錄，如： uimcardprj/share/meun.jsp
        var pathName=window.document.location.pathname;
        var pos=curWwwPath.indexOf(pathName);
        //獲取主機(jī)地址，如： http://localhost:8083
        var localhostPaht=curWwwPath.substring(0,pos);
        //獲取帶"/"的項(xiàng)目名，如：/uimcardprj
        var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
        return(localhostPaht+projectName);
    }
復(fù)制代碼

195.JS大小轉(zhuǎn)化B KB MB GB的轉(zhuǎn)化方法

function conver(limit){  
            var size = "";  
            if( limit < 0.1 * 1024 ){ //如果小于0.1KB轉(zhuǎn)化成B  
                size = limit.toFixed(2) + "B";    
            }else if(limit < 0.1 * 1024 * 1024 ){//如果小于0.1MB轉(zhuǎn)化成KB  
                size = (limit / 1024).toFixed(2) + "KB";              
            }else if(limit < 0.1 * 1024 * 1024 * 1024){ //如果小于0.1GB轉(zhuǎn)化成MB  
                size = (limit / (1024 * 1024)).toFixed(2) + "MB";  
            }else{ //其他轉(zhuǎn)化成GB  
                size = (limit / (1024 * 1024 * 1024)).toFixed(2) + "GB";  
            }  
              
            var sizestr = size + "";   
            var len = sizestr.indexOf("\.");  
            var dec = sizestr.substr(len + 1, 2);  
            if(dec == "00"){//當(dāng)小數(shù)點(diǎn)后為00時(shí) 去掉小數(shù)部分  
                return sizestr.substring(0,len) + sizestr.substr(len + 3,2);  
            }  
            return sizestr;  
}  
復(fù)制代碼

196.js全屏和退出全屏

function fullScreen() {
      var el = document.documentElement;
      var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;

?      //typeof rfs != "undefined" && rfs
?      if (rfs) {
?        rfs.call(el);
?      } else if (typeof window.ActiveXObject !== "undefined") {
?        //for IE，這里其實(shí)就是模擬了按下鍵盤(pán)的F11，使瀏覽器全屏
?        var wscript = new ActiveXObject("WScript.Shell");
?        if (wscript != null) {
?          wscript.SendKeys("{F11}");
?        }
?      }
?    }

?    //退出全屏
?    function exitScreen() {
?      var el = document;
?      var cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen;

?      //typeof cfs != "undefined" && cfs
?      if (cfs) {
?        cfs.call(el);
?      } else if (typeof window.ActiveXObject !== "undefined") {
?        //for IE，這里和fullScreen相同，模擬按下F11鍵退出全屏
?        var wscript = new ActiveXObject("WScript.Shell");
?        if (wscript != null) {
?          wscript.SendKeys("{F11}");
?        }
?      }
?    }
復(fù)制代碼

197.格式化時(shí)間，轉(zhuǎn)化為幾分鐘前，幾秒鐘前

 /**
     * 格式化時(shí)間，轉(zhuǎn)化為幾分鐘前，幾秒鐘前
     * @param timestamp 時(shí)間戳，單位是毫秒
     */
    function timeFormat(timestamp) {
        var mistiming = Math.round((Date.now() - timestamp) / 1000);
        var arrr = ['年', '個(gè)月', '星期', '天', '小時(shí)', '分鐘', '秒'];
        var arrn = [31536000, 2592000, 604800, 86400, 3600, 60, 1];
        for (var i = 0; i < arrn.length; i++) {
            var inm = Math.floor(mistiming / arrn[i]);
            if (inm != 0) {
                return inm + arrr[i] + '前';
            }
        }
    }
復(fù)制代碼

198 獲取n天之前的日期 getDaysBeforeDate(10) 10天前

/**
     * 獲取n天之前的日期 getDaysBeforeDate(10) 10天前
     * @param day 天數(shù)
     */
    function getDaysBeforeDate(day) {
        var date = new Date(),
            timestamp, newDate;
        timestamp = date.getTime();
        // 獲取三天前的日期
        newDate = new Date(timestamp - day * 24 * 3600 * 1000);
        var year = newDate.getFullYear();
        // 月+1是因?yàn)閖s中月份是按0開(kāi)始的
        var month = newDate.getMonth() + 1;
        var day = newDate.getDate();
        if (day < 10) { // 如果日小于10，前面拼接0
            day = '0' + day;
        }
        if (month < 10) { // 如果月小于10，前面拼接0
            month = '0' + month;
        }
        return [year, month, day].join('/');
    }
復(fù)制代碼

199.獲取跳轉(zhuǎn)的classId,通過(guò)hash方式獲取

 /**
     * 獲取跳轉(zhuǎn)的classId,通過(guò)hash方式獲取
     * @return 返回值
     */

    $scope.getQueryString = function() {
        var url= {},
            a = '';
        (a = window.location.search.substr(1)) || (a = window.location.hash.split('?')[1])
        a.split(/&/g).forEach(function(item) {
            url[(item = item.split('='))[0]] = item[1];
        })
        return url
    }
復(fù)制代碼

200.過(guò)濾器指定字段

function filterArrBySex(data, name) {
        if (!name) {
            console.log(name)
            return data;
        } else {
            return data.filter(function(ele, index, self) {
                if (ele.name.includes(name)) {
                    return ele
                }
            })
        }
    }
復(fù)制代碼

201.根據(jù)身份證獲取出生年月

 /**
     * 根據(jù)身份證獲取出生年月
     * @param idCard
     */
    function getBirthdayFromIdCard(idCard) {
        var birthday = "";
        if (idCard != null && idCard != "") {
            if (idCard.length == 15) {
                birthday = "19" + idCard.substr(6, 6);
            } else if (idCard.length == 18) {
                birthday = idCard.substr(6, 8);
            }

            birthday = birthday.replace(/(.{4})(.{2})/, "$1-$2-");
        }

        return birthday;
    }
復(fù)制代碼

202.根據(jù)身份證獲取年齡

/**
     * 根據(jù)身份證獲取年齡
     * @param UUserCard
     */
    function IdCard(UUserCard) {
        //獲取年齡
        var myDate = new Date();
        var month = myDate.getMonth() + 1;
        var day = myDate.getDate();
        var age = myDate.getFullYear() - UUserCard.substring(6, 10) - 1;
        if (UUserCard.substring(10, 12) < month || UUserCard.substring(10, 12) == month && UUserCard.substring(12, 14) <= day) {
            age++;
        }
        return age
    }
復(fù)制代碼

//vue購(gòu)物車(chē)金額結(jié)算
window.onload = function() {
    var vm = new Vue({
        el: '#app',
        data: {
            items: [{
                    id: 1,
                    name: "蘋(píng)果",
                    price: 10,
                    count: 1,
                    url: "http://www.jq22.com/img/cs/500x500-1.png"
                },
                {
                    id: 2,
                    name: "蝴蝶",
                    price: 8,
                    count: 5,
                    url: "http://www.jq22.com/img/cs/500x500-2.png"
                },
                {
                    id: 3,
                    name: "小狗",
                    price: 100,
                    count: 1,
                    url: "http://www.jq22.com/img/cs/500x500-3.png"
                },
                {
                    id: 4,
                    name: "鮮花",
                    price: 10,
                    count: 1,
                    url: "http://www.jq22.com/img/cs/500x500-4.png"
                }
            ],
            search: ""
        },
        methods: {

        },
        filters: { //過(guò)濾器
            numFilter: function(data, n) { //data==item.price 當(dāng)前過(guò)濾的數(shù)據(jù) n==2
                return "￥" + data.toFixed(n)
            }
        },
        computed: { //計(jì)算屬性
            totalCount: function() {
                var n = 0;
                this.items.forEach((v, i) => {
                    n += v.count
                });
                return n;
            },
            totalPrice: function() {
                var money = 0;
                this.items.forEach((v, i) => {
                    money += v.count * v.price
                });
                return money;
            },
            searchFor: function() {
                if (!this.search) {
                    return this.items
                }
                return this.items.filter((v, i) => {
                    if (v.name.indexOf(this.search) !== -1) { //匹配成功
                        return v
                    }
                })
            }

        }
    })
}

//設(shè)置iframe高度
function setIframeHeight(sonH) { //debugger;            
    var height = 0;
    //比較父子頁(yè)面高度，以高度更大的為準(zhǔn)
    var parentH = $(window).height(); //iframe最小高度應(yīng)為瀏覽器視口高度，否則門(mén)戶管理頁(yè)面彈窗大小會(huì)受限制
    height = parentH > sonH ? parentH : sonH;
    $('#mainIframe').height(height);

    //子頁(yè)面有傳值過(guò)來(lái)，覆蓋iframe的最小高度-2000px
    $("#mainIframe").css("min-height", 'auto');
    $(".body-bg").css("height", height + 200);
    try {
        var childBody = $("#mainIframe")[0].contentWindow.document.getElementsByTagName("body")[0];
        //childBody.style.minHeight = height + "px";
    } catch (error) {
        if (error.message.indexOf("Blocked from frame") > -1) console.warn("當(dāng)前頁(yè)面存在跨域！");
    }
}


(function($) {
    $("#username").keyup(function(event) {
        if (event.keyCode == 13) $("#password").focus().select();
    });
    $("#password").keyup(function(event) {
        if (event.keyCode == 13) $("#login-button").click();
    });
})(jQuery);


//回到頂部
function goTop() {
    window.scrollTo({
        top: 0,
        behavior: 'smooth',
    });
}

window.onscroll = function() {
    var t = document.documentElement.scrollTop;
    if (t > 50) {
        $(".toTop").fadeIn();
    } else {
        $(".toTop").fadeOut();
    }
}


function urlAnalysis() {
    var url = window.location.href;
    var paraString = url.substring(url.indexOf("?") + 1, url.length);
    var indexFirst = paraString.indexOf("&");
    var paraStringTitle = paraString.slice(0, indexFirst);
    paraStringElse = paraString.slice(indexFirst + 1, paraString.length);
    var paraStringUrl = paraStringElse;

    //區(qū)分是否傳參：functionId
    if (paraString.indexOf("functionId") > -1) {
        var indexSecond = paraStringElse.indexOf("&");
        var paraStringFId = paraStringElse.slice(0, indexSecond);

        var functionId = paraStringFId.split("=")[1];
        var $body = angular.element(document.body);
        var $rootScope = $body.scope().$root;
        $rootScope.navFunctionId = functionId;

        paraStringUrl = paraStringElse.slice(indexSecond + 1, paraStringElse.length);
    }

    var title = paraStringTitle.split("=")[1] === "undefined" ? "" : decodeURI(paraStringTitle.split("=")[1]);
    var indexUrl = paraStringUrl.indexOf("=");
    var iframeUrl = paraStringUrl.slice(indexUrl + 1, paraStringUrl.length);

    document.title = title;
    $("#mainIframe").attr("src", iframeUrl);
}



// 監(jiān)聽(tīng)enter按下事件，頁(yè)面跳轉(zhuǎn)
$scope.enterEvent = function(e) {
    var keycode = window.event ? e.keyCode : e.which;
    if (keycode == 13) {
        console.log($scope.searchVal)
        console.log('監(jiān)聽(tīng)成功')
        var baseUrl = '#/pages/knowlege/knowlegeSeach.html'
        window.open(baseUrl)
    }
};


function showDate() {
    var myDate = new Date();
    var year = myDate.getFullYear();
    var month = myDate.getMonth() + 1;
    month = month < 10 ? '0' + month : month;
    var date = myDate.getDate();
    date = date < 10 ? '0' + date : date;
    var weekDay = myDate.getDay();

    switch (weekDay) {
        case 0:
            weekDay = "天";
            break;
        case 1:
            weekDay = "一";
            break;
        case 2:
            weekDay = "二";
            break;
        case 3:
            weekDay = "三";
            break;
        case 4:
            weekDay = "四";
            break;
        case 5:
            weekDay = "五";
            break;
        case 6:
            weekDay = "六";
            break;
            "name"
    }

    $scope.year = year;
    $scope.month = month;
    $scope.date = date;
    $scope.weekDay = weekDay;
}


//獲取跳轉(zhuǎn)的classId,通過(guò)hash方式獲取
$scope.getQueryString = function() {
    var obg = {},
        a = '';
    (a = window.location.search.substr(1)) || (a = window.location.hash.split('?')[1])
    a.split(/&/g).forEach(function(item) {
        obg[(item = item.split('='))[0]] = item[1];
    })
    return obg
}
var classId = $scope.getQueryString();

本篇未完結(jié)，請(qǐng)留意下一篇

推薦JavaScript經(jīng)典實(shí)例學(xué)習(xí)資料文章

《細(xì)品269個(gè)JavaScript小函數(shù)，讓你少加班熬夜（一）「值得收藏」》

《細(xì)品269個(gè)JavaScript小函數(shù)，讓你少加班熬夜（二）「值得收藏」》

《細(xì)品269個(gè)JavaScript小函數(shù)，讓你少加班熬夜（三）「值得收藏」》

《深入JavaScript教你內(nèi)存泄漏如何防范》

《手把手教你7個(gè)有趣的JavaScript 項(xiàng)目-上「附源碼」》

《手把手教你7個(gè)有趣的JavaScript 項(xiàng)目-下「附源碼」》

《JavaScript 使用 mediaDevices API 訪問(wèn)攝像頭自拍》

《手把手教你前端代碼如何做錯(cuò)誤上報(bào)「JS篇」》

《一文讓你徹底搞懂移動(dòng)前端和Web 前端區(qū)別在哪里》

《63個(gè)JavaScript 正則大禮包「值得收藏」》

《提高你的 JavaScript 技能10 個(gè)問(wèn)答題》

《JavaScript圖表庫(kù)的5個(gè)首選》

《一文徹底搞懂JavaScript 中Object.freeze與Object.seal的用法》

《可視化的 JS：動(dòng)態(tài)圖演示 - 事件循環(huán) Event Loop的過(guò)程》

《教你如何用動(dòng)態(tài)規(guī)劃和貪心算法實(shí)現(xiàn)前端瀑布流布局「實(shí)踐」》

《可視化的 js：動(dòng)態(tài)圖演示 Promises & Async/Await 的過(guò)程》

《原生JS封裝拖動(dòng)驗(yàn)證滑塊你會(huì)嗎？「實(shí)踐」》

《如何實(shí)現(xiàn)高性能的在線 PDF 預(yù)覽》

《細(xì)說(shuō)使用字體庫(kù)加密數(shù)據(jù)-仿58同城》

《Node.js要完了嗎？》

《Pug 3.0.0正式發(fā)布，不再支持 Node.js 6/8》

《純JS手寫(xiě)輪播圖（代碼邏輯清晰，通俗易懂）》

《JavaScript 20 年 中文版之創(chuàng)立標(biāo)準(zhǔn)》

《值得收藏的前端常用60余種工具方法「JS篇」》

《箭頭函數(shù)和常規(guī)函數(shù)之間的 5 個(gè)區(qū)別》

《通過(guò)發(fā)布/訂閱的設(shè)計(jì)模式搞懂 Node.js 核心模塊 Events》

《「前端篇」不再為正則煩惱》

《「速圍」Node.js V14.3.0 發(fā)布支持頂級(jí) Await 和 REPL 增強(qiáng)功能》

《深入細(xì)品瀏覽器原理「流程圖」》

《JavaScript 已進(jìn)入第三個(gè)時(shí)代，未來(lái)將何去何從？》

《前端上傳前預(yù)覽文件 image、text、json、video、audio「實(shí)踐」》

《深入細(xì)品 EventLoop 和瀏覽器渲染、幀動(dòng)畫(huà)、空閑回調(diào)的關(guān)系》

《推薦13個(gè)有用的JavaScript數(shù)組技巧「值得收藏」》

《前端必備基礎(chǔ)知識(shí)：window.location 詳解》

《不要再依賴CommonJS了》

《犀牛書(shū)作者：最該忘記的JavaScript特性》

《36個(gè)工作中常用的JavaScript函數(shù)片段「值得收藏」》

《Node + H5 實(shí)現(xiàn)大文件分片上傳、斷點(diǎn)續(xù)傳》

《一文了解文件上傳全過(guò)程（1.8w字深度解析）「前端進(jìn)階必備」》

《【實(shí)踐總結(jié)】關(guān)于小程序掙脫枷鎖實(shí)現(xiàn)批量上傳》

《手把手教你前端的各種文件上傳攻略和大文件斷點(diǎn)續(xù)傳》

《字節(jié)跳動(dòng)面試官：請(qǐng)你實(shí)現(xiàn)一個(gè)大文件上傳和斷點(diǎn)續(xù)傳》

《談?wù)勄岸岁P(guān)于文件上傳下載那些事【實(shí)踐】》

《手把手教你如何編寫(xiě)一個(gè)前端圖片壓縮、方向糾正、預(yù)覽、上傳插件》

《最全的 JavaScript 模塊化方案和工具》

《「前端進(jìn)階」JS中的內(nèi)存管理》

《JavaScript正則深入以及10個(gè)非常有意思的正則實(shí)戰(zhàn)》

《前端面試者經(jīng)常忽視的一道JavaScript 面試題》

《一行JS代碼實(shí)現(xiàn)一個(gè)簡(jiǎn)單的模板字符串替換「實(shí)踐」》

《JS代碼是如何被壓縮的「前端高級(jí)進(jìn)階」》

《前端開(kāi)發(fā)規(guī)范：命名規(guī)范、html規(guī)范、css規(guī)范、js規(guī)范》

《【規(guī)范篇】前端團(tuán)隊(duì)代碼規(guī)范最佳實(shí)踐》

《100個(gè)原生JavaScript代碼片段知識(shí)點(diǎn)詳細(xì)匯總【實(shí)踐】》

《關(guān)于前端174道 JavaScript知識(shí)點(diǎn)匯總（一）》

《關(guān)于前端174道 JavaScript知識(shí)點(diǎn)匯總（二）》

《關(guān)于前端174道 JavaScript知識(shí)點(diǎn)匯總（三）》

《幾個(gè)非常有意思的javascript知識(shí)點(diǎn)總結(jié)【實(shí)踐】》

《都2020年了，你還不會(huì)JavaScript 裝飾器？》

《JavaScript實(shí)現(xiàn)圖片合成下載》

《70個(gè)JavaScript知識(shí)點(diǎn)詳細(xì)總結(jié)（上）【實(shí)踐】》

《70個(gè)JavaScript知識(shí)點(diǎn)詳細(xì)總結(jié)（下）【實(shí)踐】》

《開(kāi)源了一個(gè) JavaScript 版敏感詞過(guò)濾庫(kù)》

《送你 43 道 JavaScript 面試題》

《3個(gè)很棒的小眾JavaScript庫(kù)，你值得擁有》

《手把手教你深入鞏固JavaScript知識(shí)體系【思維導(dǎo)圖】》

《推薦7個(gè)很棒的JavaScript產(chǎn)品步驟引導(dǎo)庫(kù)》

《Echa哥教你徹底弄懂 JavaScript 執(zhí)行機(jī)制》

《一個(gè)合格的中級(jí)前端工程師需要掌握的 28 個(gè) JavaScript 技巧》

《深入解析高頻項(xiàng)目中運(yùn)用到的知識(shí)點(diǎn)匯總【JS篇】》

《JavaScript 工具函數(shù)大全【新】》

《從JavaScript中看設(shè)計(jì)模式(總結(jié))》

《身份證號(hào)碼的正則表達(dá)式及驗(yàn)證詳解(JavaScript，Regex)》

《瀏覽器中實(shí)現(xiàn)JavaScript計(jì)時(shí)器的4種創(chuàng)新方式》

《Three.js 動(dòng)效方案》

《手把手教你常用的59個(gè)JS類方法》

《127個(gè)常用的JS代碼片段，每段代碼花30秒就能看懂-【上】》

《深入淺出講解 js 深拷貝 vs 淺拷貝》

《手把手教你JS開(kāi)發(fā)H5游戲【消滅星星】》

《深入淺出講解JS中this/apply/call/bind巧妙用法【實(shí)踐】》

《手把手教你全方位解讀JS中this真正含義【實(shí)踐】》

《書(shū)到用時(shí)方恨少，一大波JS開(kāi)發(fā)工具函數(shù)來(lái)了》

《干貨滿滿!如何優(yōu)雅簡(jiǎn)潔地實(shí)現(xiàn)時(shí)鐘翻牌器(支持JS/Vue/React)》

《手把手教你JS 異步編程六種方案【實(shí)踐】》

《讓你減少加班的15條高效JS技巧知識(shí)點(diǎn)匯總【實(shí)踐】》

《手把手教你JS開(kāi)發(fā)H5游戲【黃金礦工】》

《手把手教你JS實(shí)現(xiàn)監(jiān)控瀏覽器上下左右滾動(dòng)》

《JS 經(jīng)典實(shí)例知識(shí)點(diǎn)整理匯總【實(shí)踐】》

《2.6萬(wàn)字JS干貨分享，帶你領(lǐng)略前端魅力【基礎(chǔ)篇】》

《2.6萬(wàn)字JS干貨分享，帶你領(lǐng)略前端魅力【實(shí)踐篇】》

《簡(jiǎn)單幾步讓你的 JS 寫(xiě)得更漂亮》

《恭喜你獲得治療JS this的詳細(xì)藥方》

《談?wù)勄岸岁P(guān)于文件上傳下載那些事【實(shí)踐】》

《面試中教你繞過(guò)關(guān)于 JavaScript 作用域的 5 個(gè)坑》

《Jquery插件（常用的插件庫(kù)）》

《【JS】如何防止重復(fù)發(fā)送ajax請(qǐng)求》

《JavaScript+Canvas實(shí)現(xiàn)自定義畫(huà)板》

《Continuation 在 JS 中的應(yīng)用「前端篇」》

作者：叫我詹躲躲
鏈接：https://juejin.im/post/5edb6c6be51d4578a2555a9b