前端的一些工具笔记

强制换行：

width:100px;     /* 设置宽度兼容 */ 
white-space: pre-wrap;
word-break:break-all

单行省略：

width:100px;     /* 设置宽度兼容 */ 
white-space:nowrap;/* 规定文本是否折行 */  
overflow: hidden;/* 规定超出内容宽度的元素隐藏 */
text-overflow: ellipsis;
  /* 规定超出的内容文本省略号显示，通常跟上面的属性连用，因为没有上面的属性不会触发超出规定的内容 */

多行省略：

overflow: hidden;      
text-overflow: ellipsis;      
display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */      
-webkit-line-clamp: 4; /* 控制最多显示几行 */      
-webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */ 

去除滚动条：

元素::-webkit-scrollbar {
     width: 0 !important;
     -ms-overflow-style: none;
     overflow: -moz-scrollbars-none;
    }

计算当前时间:

    getTime() {
                var myDate = new Date;
                var year = myDate.getFullYear();
                var month = myDate.getMonth() + 1;
                var day = myDate.getDate();
                var hour = myDate.getHours();
                var minute = myDate.getMinutes();
                var second = myDate.getSeconds();
                if (month < 10) {
                    month = "0" + month
                }
                if (day < 10) {
                    day = "0" + day
                }
                if (hour < 10) {
                    hour = "0" + hour
                }
                if (minute < 10) {
                    minute = "0" + minute
                }
                if (second < 10) {
                    second = "0" + second
                }
        return year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second
    
        },

计算用时:

 DateDifference(start,end){
     
      // ‘-’ios可能不兼容，解决方法是把- 换成/  。.replace(/-/g, "/")
     // let currentTime = new Date().getTime(); 获取当前时间
      var stime =new Date(start).getTime();
      var etime = new Date(end).getTime();
      var time = ''
    var usedTime = etime - stime;  //两个时间戳相差的毫秒数
    var days = Math.floor(usedTime / (24 * 3600 * 1000));
    if (days > 0) {
      time = days + "天"
    }
    //计算出小时数
    var leave1 = usedTime % (24 * 3600 * 1000);    //计算天数后剩余的毫秒数
    var hours = Math.floor(leave1 / (3600 * 1000));
    if (hours > 0) {
      time = time + hours + "时"
    }
    //计算相差分钟数
    var leave2 = leave1 % (3600 * 1000);        //计算小时数后剩余的毫秒数
    var minutes = Math.floor(leave2 / (60 * 1000));
    if (minutes > 0) {
      time = time + minutes + "分"
    }
return time
}

loadScript:

loadscript 是使用js去请求一个 script 到文档里，这样不会在首次加载时去下载和执行script，就为浏览器减少了首次渲染的工作量

  //使用方法：
loadScript('js路径').then(() => {
                    //引入之后的操作
                })

//方法
loadScript(url) {
                return new Promise((resolve, reject) => {
                    let _script = document.createElement('script')
                    _script.setAttribute('charset', 'utf-8')
                    _script.setAttribute('type', 'text/javascript')
                    _script.setAttribute('src', url)
                    document.getElementsByTagName('head')[0].appendChild(_script)

                    var timeout = setTimeout(() => {
                        reject('timeout') //rejected
                    }, 5000)

                    _script.onload = () => { //加载完成
                        clearTimeout(timeout)
                        resolve() //fulfilled
                    }
                    _script.onerror = () => { //加载失败
                        reject('fail') //rejected
                    }
                })
            }