js--记录

js循环对象顺序错乱


            // for (var key in produce) {
            //   dateList.push(key)
            //   arr1.push(produce[key])
            // }
            // for (var key in rate) {
            //   arr2.push((rate[key]) * 100)
            // }
            // console.log(dateList);


            Object.keys(produce).sort().forEach(item => {
              console.log(item, produce[item]);
              dateList.push(item);
              arr1.push(produce[item])
            })

标题获取根元素的font-size

getComputedStyle(window.document.documentElement)['font-size']

PC端如何设置rem屏幕适配

目前我们做的这个PC端后台项目需要做适配,如果没有做适配的话,在缩放的时候会出现布局错位的问题,解决方法如下:

  <script type="text/javascript">

    $(window).resize(function () // 绑定到窗口的这个事件中
    {
      var whdef = 21.4 / 1080 // 表示1920的设计图,使用100PX的默认值
      var wH = window.innerHeight // 当前窗口的高度
      var wW = window.innerWidth // 当前窗口的宽度
      var rem = wH * whdef // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-   SIZE值
      $('html').css('font-size', rem + 'px')
    })

    $(window).ready(function () {
      var whdef = 21.4 / 1080 // 表示1920的设计图,使用100PX的默认值
      var wH = window.innerHeight // 当前窗口的高度
      var wW = window.innerWidth // 当前窗口的宽度
      var rem = wH * whdef // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-    SIZE值
      $('html').css('font-size', rem + 'px')
    })

  </script>

你可能感兴趣的:(前端,javascript)