你是否有一个梦想？用JavaScript开发一款自定义配置视频播放器

 
 
 
 

  
  
  
  
 
  
  
  
  
 
  
  
  
  
   
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
   
  
  
  
  
   
  
  
  
  
     
  
  
  
  
       
  
  
  
  
          
  
  
  
          src="https://mos-vod-drcn.dbankcdn.cn/P_VT/video_injection/A91343E9D/v3/9AB0A7921049102362779584128/MP4Mix_H.264_1920x1080_6000_HEAAC1_PVC_NoCut.mp4" 
  
  
  
  
        /> 
  
  
  
  
         
  
  
  
  
       
  
  
  
  
       
  
  
  
  
         
  
  
  
  
          

 我们主要看下逻辑文件index.js。

 
 
 
 

  
  
  
  
let timer = null; 
  
  
  
  
let disX = 0; 
  
  
  
  
let disL = 0; 
  
  
  
  
function $(el) { 
  
  
  
  
  return document.querySelector(el); 
  
  
  
  
} 
  
  
  
  
function showEl(el) { 
  
  
  
  
  $(el).style.display = "block"; 
  
  
  
  
} 
  
  
  
  
function hideEl(el) { 
  
  
  
  
  $(el).style.display = "none"; 
  
  
  
  
} 
  
  
  
  
function setVp(w, h) { 
  
  
  
  
  $(".video-player").style.width = w + "px"; 
  
  
  
  
  $(".video-player").style.height = h + "px"; 
  
  
  
  
  $(".video-box").style.width = w + "px"; 
  
  
  
  
  $(".video-box").style.height = h + "px"; 
  
  
  
  
  $(".pv-bar").style.width = w + "px"; 
  
  
  
  
} 
  
  
  
  
// 时间格式化 
  
  
  
  
function changeTime(iNum) { 
  
  
  
  
  let iN = parseInt(iNum); 
  
  
  
  
  const iH = toZero(Math.floor(iN / 3600)); 
  
  
  
  
  const iM = toZero(Math.floor((iN % 3600) / 60)); 
  
  
  
  
  const iS = toZero(Math.floor(iN % 60)); 
  
  
  
  
  return iH + ":" + iM + ":" + iS; 
  
  
  
  
} 
  
  
  
  
// 整0处理 
  
  
  
  
function toZero(num) { 
  
  
  
  
  if (num <= 9) { 
  
  
  
  
    return "0" + num; 
  
  
  
  
  } else { 
  
  
  
  
    return "" + num; 
  
  
  
  
  } 
  
  
  
  
} 
  
  
  
  
// 底部控制栏 
  
  
  
  
$(".video-box").onmouseenter = function () { 
  
  
  
  
  $(".bottom-tool").style.bottom = "0px"; 
  
  
  
  
}; 
  
  
  
  
$(".video-box").onmouseleave = function () { 
  
  
  
  
  $(".bottom-tool").style.bottom = "-45px"; 
  
  
  
  
}; 
  
  
  
  
 
  
  
  
  
// 倍速播放栏(显示/隐藏) 
  
  
  
  
$(".pv-spnum").onmouseover = function () { 
  
  
  
  
  showEl(".selectList"); 
  
  
  
  
}; 
  
  
  
  
$(".pv-controls").onmouseleave = function () { 
  
  
  
  
  hideEl(".selectList"); 
  
  
  
  
}; 
  
  
  
  
 
  
  
  
  
// 播放/暂停 
  
  
  
  
$(".play-btn").onclick = function () { 
  
  
  
  
  if ($(".video-player").paused) { 
  
  
  
  
    $(".video-player").play(); 
  
  
  
  
    hideEl(".icon-bofang"); 
  
  
  
  
    showEl(".icon-zanting"); 
  
  
  
  
    nowTime(); 
  
  
  
  
    timer = setInterval(nowTime, 1000); 
  
  
  
  
  } else { 
  
  
  
  
    $(".video-player").pause(); 
  
  
  
  
    showEl(".icon-bofang"); 
  
  
  
  
    hideEl(".icon-zanting"); 
  
  
  
  
    clearInterval(timer); 
  
  
  
  
  } 
  
  
  
  
}; 
  
  
  
  
 
  
  
  
  
// 总时长 
  
  
  
  
$(".video-player").oncanplay = function () { 
  
  
  
  
  $(".pv-duration").innerHTML = changeTime($(".video-player").duration); 
  
  
  
  
}; 
  
  
  
  
 
  
  
  
  
// 播放结束 
  
  
  
  
$(".video-player").onended = function (params) { 
  
  
  
  
  showEl(".icon-bofang"); 
  
  
  
  
  hideEl(".icon-zanting"); 
  
  
  
  
}; 
  
  
  
  
 
  
  
  
  
// 播放时长 
  
  
  
  
function nowTime() { 
  
  
  
  
  $(".pv-currentTime").innerHTML = changeTime($(".video-player").currentTime); 
  
  
  
  
  let scale = $(".video-player").currentTime / $(".video-player").duration; 
  
  
  
  
  let w = $(".pv-bar").offsetWidth - $(".pv-dot").offsetWidth; 
  
  
  
  
  $(".pv-dot").style.left = scale * w + "px"; 
  
  
  
  
  $(".pv-played").style.width = scale * w + "px"; 
  
  
  
  
} 
  
  
  
  
 
  
  
  
  
// 静音/取消静音 
  
  
  
  
$(".pv-iconyl").onclick = function () { 
  
  
  
  
  if ($(".video-player").muted) { 
  
  
  
  
    $(".video-player").volume = 1; 
  
  
  
  
    hideEl(".icon-jingyin"); 
  
  
  
  
    showEl(".icon-yinliang"); 
  
  
  
  
    $(".video-player").muted = false; 
  
  
  
  
  } else { 
  
  
  
  
    $(".video-player").volume = 0; 
  
  
  
  
    showEl(".icon-jingyin"); 
  
  
  
  
    hideEl(".icon-yinliang"); 
  
  
  
  
    $(".video-player").muted = true; 
  
  
  
  
  } 
  
  
  
  
}; 
  
  
  
  
let isfullScreen = false; 
  
  
  
  
// 全屏 
  
  
  
  
$(".pv-screen").onclick = function () { 
  
  
  
  
  const w = document.documentElement.clientWidth || document.body.clientWidth; 
  
  
  
  
  const h = document.documentElement.clientHeight || document.body.clientHeight; 
  
  
  
  
  isfullScreen = !isfullScreen; 
  
  
  
  
  if (isfullScreen) { 
  
  
  
  
    setVp(w, h); 
  
  
  
  
    hideEl(".icon-quanping"); 
  
  
  
  
    showEl(".icon-huanyuan"); 
  
  
  
  
  } else { 
  
  
  
  
    setVp(900, 480); 
  
  
  
  
    showEl(".icon-quanping"); 
  
  
  
  
    hideEl(".icon-huanyuan"); 
  
  
  
  
  } 
  
  
  
  
}; 
  
  
  
  
// 播放进度条 
  
  
  
  
$(".pv-dot").onmousedown = function (ev) { 
  
  
  
  
  let ev1 = ev || window.event; 
  
  
  
  
  disX = ev1.clientX - $(".pv-dot").offsetLeft; 
  
  
  
  
  document.onmousemove = function (ev) { 
  
  
  
  
    let ev2 = ev || window.event; 
  
  
  
  
    let L = ev2.clientX - disX; 
  
  
  
  
    if (L < 0) { 
  
  
  
  
      L = 0; 
  
  
  
  
    } else if (L > $(".pv-bar").offsetWidth - $(".pv-dot").offsetWidth) { 
  
  
  
  
      L = $(".pv-bar").offsetWidth - $(".pv-dot").offsetWidth; 
  
  
  
  
    } 
  
  
  
  
    $(".pv-dot").style.left = L + "px"; 
  
  
  
  
 
  
  
  
  
    let scale = L / ($(".pv-bar").offsetWidth - $(".pv-dot").offsetWidth); 
  
  
  
  
    $(".video-player").currentTime = scale * $(".video-player").duration; 
  
  
  
  
    nowTime(); 
  
  
  
  
  }; 
  
  
  
  
 
  
  
  
  
  document.onmouseup = function () { 
  
  
  
  
    document.onmousemove = null; 
  
  
  
  
  }; 
  
  
  
  
 
  
  
  
  
  return false; 
  
  
  
  
}; 
  
  
  
  
// 音量控制 
  
  
  
  
$(".pv-ol").onmousedown = function (ev) { 
  
  
  
  
  let ev1 = ev || window.event; 
  
  
  
  
  disL = ev1.clientX - $(".pv-ol").offsetLeft; 
  
  
  
  
  document.onmousemove = function (ev) { 
  
  
  
  
    let ev2 = ev || window.event; 
  
  
  
  
    let L = ev2.clientX - disL; 
  
  
  
  
    if (L < 0) { 
  
  
  
  
      L = 0; 
  
  
  
  
    } else if (L > $(".pv-yl").offsetWidth - $(".pv-ol").offsetWidth) { 
  
  
  
  
      L = $(".pv-yl").offsetWidth - $(".pv-ol").offsetWidth; 
  
  
  
  
    } 
  
  
  
  
    $(".pv-ol").style.left = L + "px"; 
  
  
  
  
    let scale = L / ($(".pv-yl").offsetWidth - $(".pv-ol").offsetWidth); 
  
  
  
  
    $(".pv-bg").style.width = $(".pv-ol").offsetLeft + "px"; 
  
  
  
  
    if ($(".pv-ol").offsetLeft !== 0) { 
  
  
  
  
      showEl(".icon-yinliang"); 
  
  
  
  
      hideEl(".icon-jingyin"); 
  
  
  
  
    } else { 
  
  
  
  
      showEl(".icon-jingyin"); 
  
  
  
  
      hideEl(".icon-yinliang"); 
  
  
  
  
    } 
  
  
  
  
    $(".video-player").volume = scale; 
  
  
  
  
  }; 
  
  
  
  
 
  
  
  
  
  document.onmouseup = function () { 
  
  
  
  
    document.onmousemove = null; 
  
  
  
  
  }; 
  
  
  
  
 
  
  
  
  
  return false; 
  
  
  
  
}; 
  
  
  
  
// 播放速度 
  
  
  
  
$(".selectList").onclick = function (e) { 
  
  
  
  
  let ev = e || window.event; 
  
  
  
  
  hideEl(".selectList"); 
  
  
  
  
  $(".pv-spnum").innerText = ev.target.innerText; 
  
  
  
  
  const value = ev.target.innerText.replace("x", ""); 
  
  
  
  
  $(".video-player").playbackRate = value; 
  
  
  
  
}; 
 
 
 
 

这样写是可以实现一个视频播放器，你可以通过改样式文件还有部分逻辑文件来实现一个自定义配置视频播放器，但是这种效果不太好，所以我们将通过使用Es6中的Class类来重写这个自定义配置视频播放器。

二、Class类

1.vp.js：class类逻辑文件。

    
 
 
 

     
  
  
  
 
     
  
  
  
 
     
  
  
  
   
     
  
  
  
     
     
  
  
  
     
     
  
  
  
     
     
  
  
  
     
     
  
  
  
     
     
  
  
  
   
     
  
  
  
   
     
  
  
  
     
     
  
  
  
       
     
  
  
  
       
     
  
  
  
         
     
  
  
  
           
     
  
  
  
           
     
  
  
  
         
     
  
  
  
         
     
  
  
  
           
     
  
  
  
             
     
  
  
  
               
     
  
  
  
               
     
  
  
  
             
     
  
  
  
             
     
  
  
  
              00:00:00 
     
  
  
  
              / 
     
  
  
  
              00:00:00 
     
  
  
  
             
     
  
  
  
           
     
  
  
  
           
     
  
  
  
             
     
  
  
  
               
     
  
  
  
                
 
     
  
  
  
                
 
     
  
  
  
               
     
  
  
  
               
     
  
  
  
                 
     
  
  
  
                 
     
  
  
  
               
     
  
  
  
             
     
  
  
  
             
     
  
  
  
              1x
 
     
  
  
  
               
     
  
  
  
                
0.5x
      
  
  
  
                
1x
      
  
  
  
                
1.25x
      
  
  
  
                
1.5x
      
  
  
  
                
2x
      
  
  
  
               
     
  
  
  
             
     
  
  
  
             
     
  
  
  
               
     
  
  
  
               
     
  
  
  
             
     
  
  
  
           
     
  
  
  
         
     
  
  
  
       
     
  
  
  
     
     
  
  
  
     
     
  
  
  
     
     
  
  
  
   
     
  
  
  
 
    
 
 
 

 看到上面的代码，已经发现我们可以配置视频播放器了，那么这个vp.js到底是何方神圣呢?我们来看下。

 
 
 
 

  
  
  
  
class VamVideo { 
  
  
  
  
  constructor(vp, attrObj, styleObj) { 
  
  
  
  
    this.timer = null; 
  
  
  
  
    this.disX = 0; 
  
  
  
  
    this.disL = 0; 
  
  
  
  
    this.isfullScreen = false; 
  
  
  
  
    for (const key in attrObj) { 
  
  
  
  
      if (Object.hasOwnProperty.call(attrObj, key)) { 
  
  
  
  
        this.$(".video-player").setAttribute(key, attrObj[key]); 
  
  
  
  
      } 
  
  
  
  
    } 
  
  
  
  
    for (const key in styleObj) { 
  
  
  
  
      if (Object.hasOwnProperty.call(styleObj, key)) { 
  
  
  
  
        this.$(".video-box").style[`${key}`] = styleObj[key]; 
  
  
  
  
        key === "width" 
  
  
  
  
          ? (this.vbw = styleObj.width) 
  
  
  
  
          : (this.vbw = vp.offsetWidth); 
  
  
  
  
        key === "height" 
  
  
  
  
          ? (this.vbh = styleObj.height) 
  
  
  
  
          : (this.vbh = vp.offsetHeight); 
  
  
  
  
      } 
  
  
  
  
    } 
  
  
  
  
  } 
  
  
  
  
  $ = (el) => document.querySelector(el); 
  
  
  
  
  showEl = (el) => { 
  
  
  
  
    this.$(el).style.display = "block"; 
  
  
  
  
  }; 
  
  
  
  
  hideEl = (el) => { 
  
  
  
  
    this.$(el).style.display = "none"; 
  
  
  
  
  }; 
  
  
  
  
  setVp = (w, h) => { 
  
  
  
  
    const _w = String(w).indexOf("px") != -1 ? w : w + "px"; 
  
  
  
  
    const _h = String(h).indexOf("px") != -1 ? h : h + "px"; 
  
  
  
  
    this.$(".video-player").style.width = _w; 
  
  
  
  
    this.$(".video-player").style.height = _h; 
  
  
  
  
    this.$(".video-box").style.width = _w; 
  
  
  
  
    this.$(".video-box").style.height = _h; 
  
  
  
  
    this.$(".pv-bar").style.width = _w; 
  
  
  
  
  }; 
  
  
  
  
  nowTime = () => { 
  
  
  
  
    this.$(".pv-currentTime").innerHTML = this.changeTime( 
  
  
  
  
      this.$(".video-player").currentTime 
  
  
  
  
    ); 
  
  
  
  
    let scale = 
  
  
  
  
      this.$(".video-player").currentTime / this.$(".video-player").duration; 
  
  
  
  
    let w = this.$(".pv-bar").offsetWidth - this.$(".pv-dot").offsetWidth; 
  
  
  
  
    this.$(".pv-dot").style.left = scale * w + "px"; 
  
  
  
  
    this.$(".pv-played").style.width = scale * w + "px"; 
  
  
  
  
  }; 
  
  
  
  
  changeTime = (iNum) => { 
  
  
  
  
    let iN = parseInt(iNum); 
  
  
  
  
    const iH = this.toZero(Math.floor(iN / 3600)); 
  
  
  
  
    const iM = this.toZero(Math.floor((iN % 3600) / 60)); 
  
  
  
  
    const iS = this.toZero(Math.floor(iN % 60)); 
  
  
  
  
    return iH + ":" + iM + ":" + iS; 
  
  
  
  
  }; 
  
  
  
  
  toZero = (num) => { 
  
  
  
  
    if (num <= 9) { 
  
  
  
  
      return "0" + num; 
  
  
  
  
    } else { 
  
  
  
  
      return "" + num; 
  
  
  
  
    } 
  
  
  
  
  }; 
  
  
  
  
  // 底部控制栏(显示/隐藏) 
  
  
  
  
  bottomTup = () => { 
  
  
  
  
    this.$(".bottom-tool").style.bottom = "0px"; 
  
  
  
  
  }; 
  
  
  
  
  bottomTdow = () => { 
  
  
  
  
    this.$(".bottom-tool").style.bottom = "-45px"; 
  
  
  
  
  }; 
  
  
  
  
  // 倍速播放栏(显示/隐藏) 
  
  
  
  
  selectListShow = () => { 
  
  
  
  
    this.showEl(".selectList"); 
  
  
  
  
  }; 
  
  
  
  
  selectListHide = () => { 
  
  
  
  
    this.hideEl(".selectList"); 
  
  
  
  
  }; 
  
  
  
  
  // 播放/暂停 
  
  
  
  
  usePlay = () => { 
  
  
  
  
    if (this.$(".video-player").paused) { 
  
  
  
  
      this.$(".video-player").play(); 
  
  
  
  
      this.hideEl(".icon-bofang"); 
  
  
  
  
      this.showEl(".icon-zanting"); 
  
  
  
  
      this.nowTime(); 
  
  
  
  
      this.timer = setInterval(this.nowTime, 1000); 
  
  
  
  
    } else { 
  
  
  
  
      this.$(".video-player").pause(); 
  
  
  
  
      this.showEl(".icon-bofang"); 
  
  
  
  
      this.hideEl(".icon-zanting"); 
  
  
  
  
      clearInterval(this.timer); 
  
  
  
  
    } 
  
  
  
  
  }; 
  
  
  
  
  // 总时长 
  
  
  
  
  useOnplay = () => { 
  
  
  
  
    this.$(".pv-duration").innerHTML = this.changeTime( 
  
  
  
  
      this.$(".video-player").duration 
  
  
  
  
    ); 
  
  
  
  
  }; 
  
  
  
  
  // 播放结束 
  
  
  
  
  useEnd = () => { 
  
  
  
  
    this.showEl(".icon-bofang"); 
  
  
  
  
    this.hideEl(".icon-zanting"); 
  
  
  
  
  }; 
  
  
  
  
  // 静音 
  
  
  
  
  useVolume = () => { 
  
  
  
  
    if (this.$(".video-player").muted) { 
  
  
  
  
      this.$(".video-player").volume = 1; 
  
  
  
  
      this.hideEl(".icon-jingyin"); 
  
  
  
  
      this.showEl(".icon-yinliang"); 
  
  
  
  
      this.$(".video-player").muted = false; 
  
  
  
  
    } else { 
  
  
  
  
      this.$(".video-player").volume = 0; 
  
  
  
  
      this.showEl(".icon-jingyin"); 
  
  
  
  
      this.hideEl(".icon-yinliang"); 
  
  
  
  
      this.$(".video-player").muted = true; 
  
  
  
  
    } 
  
  
  
  
  }; 
  
  
  
  
  // 全屏 
  
  
  
  
  fullScreen = () => { 
  
  
  
  
    const w = document.documentElement.clientWidth || document.body.clientWidth; 
  
  
  
  
    const h = 
  
  
  
  
      document.documentElement.clientHeight || document.body.clientHeight; 
  
  
  
  
    this.isfullScreen = !this.isfullScreen; 
  
  
  
  
    if (this.isfullScreen) { 
  
  
  
  
      this.setVp(w, h); 
  
  
  
  
      this.hideEl(".icon-quanping"); 
  
  
  
  
      this.showEl(".icon-huanyuan"); 
  
  
  
  
    } else { 
  
  
  
  
      console.log("w" + this.vbw, "h" + this.vbh); 
  
  
  
  
      this.setVp(this.vbw, this.vbh); 
  
  
  
  
      this.showEl(".icon-quanping"); 
  
  
  
  
      this.hideEl(".icon-huanyuan"); 
  
  
  
  
    } 
  
  
  
  
  }; 
  
  
  
  
  // 播放进度条 
  
  
  
  
  useTime = (ev) => { 
  
  
  
  
    let ev1 = ev || window.event; 
  
  
  
  
    this.disX = ev1.clientX - this.$(".pv-dot").offsetLeft; 
  
  
  
  
    document.onmousemove = (ev) => { 
  
  
  
  
      let ev2 = ev || window.event; 
  
  
  
  
      let L = ev2.clientX - this.disX; 
  
  
  
  
      if (L < 0) { 
  
  
  
  
        L = 0; 
  
  
  
  
      } else if ( 
  
  
  
  
        L > 
  
  
  
  
        this.$(".pv-bar").offsetWidth - this.$(".pv-dot").offsetWidth 
  
  
  
  
      ) { 
  
  
  
  
        L = this.$(".pv-bar").offsetWidth - this.$(".pv-dot").offsetWidth; 
  
  
  
  
      } 
  
  
  
  
      this.$(".pv-dot").style.left = L + "px"; 
  
  
  
  
      let scale = 
  
  
  
  
        L / (this.$(".pv-bar").offsetWidth - this.$(".pv-dot").offsetWidth); 
  
  
  
  
      this.$(".video-player").currentTime = 
  
  
  
  
        scale * this.$(".video-player").duration; 
  
  
  
  
      this.nowTime(); 
  
  
  
  
    }; 
  
  
  
  
    document.onmouseup = function () { 
  
  
  
  
      document.onmousemove = null; 
  
  
  
  
    }; 
  
  
  
  
    return false; 
  
  
  
  
  }; 
  
  
  
  
  // 音量控制 
  
  
  
  
  useListen = (ev) => { 
  
  
  
  
    let ev1 = ev || window.event; 
  
  
  
  
    this.disL = ev1.clientX - this.$(".pv-ol").offsetLeft; 
  
  
  
  
    document.onmousemove = (ev) => { 
  
  
  
  
      let ev2 = ev || window.event; 
  
  
  
  
      let L = ev2.clientX - this.disL; 
  
  
  
  
      if (L < 0) { 
  
  
  
  
        L = 0; 
  
  
  
  
      } else if ( 
  
  
  
  
        L > 
  
  
  
  
        this.$(".pv-yl").offsetWidth - this.$(".pv-ol").offsetWidth 
  
  
  
  
      ) { 
  
  
  
  
        L = this.$(".pv-yl").offsetWidth - this.$(".pv-ol").offsetWidth; 
  
  
  
  
      } 
  
  
  
  
      this.$(".pv-ol").style.left = L + "px"; 
  
  
  
  
      let scale = 
  
  
  
  
        L / (this.$(".pv-yl").offsetWidth - this.$(".pv-ol").offsetWidth); 
  
  
  
  
      th            

                文章标题：你是否有一个梦想？用JavaScript开发一款自定义配置视频播放器
                

                网址分享：http://www.shufengxianlan.com/qtweb/news11/428111.html
            
            

                网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
                                
            

                广告
                
            
            

                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                创新互联
            
        
        

            
猜你还喜欢下面的内容
            

                

                        创新互联ECharts教程：ECharts径向轴的属性设置
                    

                        虚拟主机有什么优缺点？
                    

                        seo诊断优化方案
                    

                        服务器和云服务器选择哪个好一点
                    

                        Redis中精彩纷呈的8种数据结构（redis的8种数据结构）
                    

                        租服务器一年需要多少钱？平台服务器租用
                    

                        10个惊人的复古CSS套件
                    

                        买云虚拟主机要看什么内容
                    

                        Redis热Key策略实现优化（redis热key打散）
                    
                            
        
    
    

        

            
网站收录知识
            

                

                        创新互联鸿蒙OS教程：鸿蒙OS资源文件分类
                    

                        域名解析不到麻烦看一下-域名及账户问题
                    

                        SQL连接本地数据库的简单代码(sql链接本地数据库代码)
                    

                        kirincomm
                    

                        ldd是什么意思
                    

                        美国服务器硬盘：稳定性和安全性如何？
                    

                        ADO.NET函数大总结
                    

                        小议ASP.NET模板引擎技术的使用
                    

                        安卓如何运行php文件
                    

                        如何配置oracleodbc数据源？（windows7数据源32）
                    

                        如何在Linux系统下快速重启服务器 (linux怎么重启服务器)
                    

                        详细教程|清理mdb数据库文件的步骤与方法(如何清理mdb数据库文件)
                    

                        详解ScalaTrait
                    

                        在windows中删除文件时回收站起什么作用？windows中回收站的作用
                    

                        接口调用报错
                    
            
        
        

            
行业网站建设
            

                

                        汽车玻璃修复
                    

                        石凉亭
                    

                        隧道混凝土搅拌车
                    

                        木托盘
                    

                        葡萄架
                    

                        门帘
                    

                        生料搅拌车
                    

                        石笼网
                    

                        PE包装袋
                    

                        办公窗帘
                    

                        水电改造
                    

                        发电机租赁
                    

                        办公空间设计
                    

                        卫生间隔断
                    

                        广告制作
                    

                        格栅板
                    
            
        
    


    

        成都响应式网站建设　　 　成都移动主机托管　　 　服务器托管　　 　温江服务器托管　　 　关键词排名优化　　 　成都网络营销　　 　h5响应式网站　　 　成都户外广告牌设计　　 　王君美油画　　 　平山县网站建设　　 　成都西云机房　　 　定制网站　　 　微信开发　　 　成都主机租用　　 　南充机房托管　　 　鑫友邦火锅桌　　 　微商城开发　　 　自贡电信机房　　 　成都工装公司　　 　网站维护