vue获取当前时间 & 动态加载js包 &全局滚动条优化

最新推荐文章于 2025-05-20 11:40:52 发布

原创最新推荐文章于 2025-05-20 11:40:52 发布 · 271 阅读

0 ·

CC 4.0 BY-SA版权

知识点专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何在前端开发中获取当前月份，动态加载JS包，并优化全局滚动条样式，为用户提供更佳的视觉体验。

获取当前月份

    // 获取当前月份this.period
    getCurrentMonth () {
      let date = new Date()
      let year = date.getFullYear()
      let month = date.getMonth() + 1
      month = (month < 10 ? '0' + month : month)
      this.period = (year.toString() + month.toString())
    }

根据环境动态加载js包

<script>
   mounted () {
    let head = document.getElementsByTagName('head')[0]
    let script = document.createElement('script')
    script.type = 'text/javascript'
    script.src = `${process.env.NODE_ENV === 'development' ? 'https://fhms-di1.sit.cmft.com' : window.location.origin}/web-apps/apps/api/documents/api.js`
    head.appendChild(script)
  }
</script>

全局滚动条样式优化

// -------------- 滚动条修改 ---------------
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, .2);
}

::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: rgba(216, 216, 216, .9);
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, .2);
}