1、圖片之間有空隙

問題： 使用富文字編輯上傳圖片後，小程式渲染後圖片之間有空隙

// 解決辦法：
vertical-align: top;
outline-width: 0px;
複製程式碼

2、阿里雲部署個人靜態頁面無法訪問

問題：ngnix部署成功，ping成功頁面外網還是無法訪問？

1、靜態資源不能放到root // 根目錄下的資料夾中沒有許可權訪問，
2、記得開啟伺服器防火牆和阿里雲控制檯防火牆
複製程式碼

3、如何去除陣列中重複的值

Array.prototype.dupRemove = function(){
    var arr=[];
    for(var i=0;i<this.length;i++){
        if(arr.indexOf(this[i]) == -1){
           arr.push(this[i]);
        }
    }
    return arr;
}
let arr = [1,2,3,4,5,6,1,12,1]
arr.dupRemove() // [1,12]

複製程式碼

4、vue中點選按鈕返回頁面頂部

var timer = null
var scroll = {
  methods: {
    scrollToTarget (target,animation = true) {
      if (!animation) {
        document.body.scrollTop = document.documentElement.scrollTop = 0
        return
      }
      let currentNum = document.body.scrollTop || document.documentElement.scrollTop
      let t = 0
      clearInterval(timer)
      let dir = 1
      if (target > currentNum) {
        dir = -1
      }
      timer = setInterval(() => {
        // 勻加速運動
        t++
        currentNum -= (2 * t * dir)
        document.body.scrollTop = document.documentElement.scrollTop = currentNum
        if ((dir === 1 && currentNum <= target) || (dir === -1 && currentNum >= target)) {
          document.body.scrollTop = document.documentElement.scrollTop = target
          clearInterval(timer)
        }
      },16.7)
    }
  }
}

export { scroll }
複製程式碼

前端微信群