自适应

">2019-04-02

Vue屏幕宽度自适应:

https://blog.csdn.net/qq_25386583/article/details/77161478

https://blog.csdn.net/xuaner8786/article/details/81565219

2019-04-07

2019-04-09

Date.parse("2019/04/20 18:14:00")

上方代码转换的结果,单位是毫秒,不是秒。

2019-04-23

const a = [];
const b = {};

console.log(Boolean(a));
console.log(Boolean(b));

上方代码的打印结果均为true。 具体解释,可以看我在 03-JavaScript基础/03-变量的强制类型转换.md这篇文章里讲到的转换为Boolean

所以,我们平时在写业务代码的时候,“判断是否为空对象/空数组”,不能直接写成 if (myObj)或者if(myArray),会踩坑。

判断是否为空数组,可以用:

if (myArray.length)

判断是否为空对象,可以用 :

if (JSON.stringify(myObj) !== '{}')

2019-04-26

我们知道,在移动端页面尅发时,单位一般是采用 rem。

设计稿如果是750px宽,那么,默认换算的单位如下:16px = 1rem。但是这种换算比较麻烦。我们可以在 html里加上如下代码:

    <style>
        html {
            font-size: 20px;
            font-size: 5.3333333vw;
        }
    </style>

这样的话,换算单位就变成了:20px = 1rem

2019-05-16

最佳的打乱算法是Fisher-Yates算法。

2019-05-16

Vue的全局变量空间:this.$root.data,我们可以在这里面存放数据。比如this.$root.data.skuIdList

2019-05-17

2019-05-20-css3动画水平/镜像翻转

参考链接1:https://www.oschina.net/question/2443483_247744

代码实现举例:

<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="UTF-8" />
    <title></title>
    <style>
      @keyframes featuresicon {
        0% {
          transform: scaleX(1);
        }

        20% {
          transform: scaleX(1);
        }

        50% {
          transform: scaleX(0);
        }
        80% {
          transform: scaleX(1);
        }
        100% {
          transform: scaleX(1);
        }
      }

      .cube {
        width: 40px;
        height: 40px;
        background: url(images/bg2.png) left 0 no-repeat;

        animation: featuresicon 1.3s linear alternate none infinite;
      }

      body {
        background-color: cornflowerblue;
      }
    </style>
  </head>
  <body>
    <div class="cube"></div>
  </body>
</html>

参考链接2:https://blog.csdn.net/wjnf012/article/details/78679131

代码实现:(立体感更强一点)

```html

html

本文章由javascript技术分享原创和收集

推荐阅读

发表评论 (审核通过后显示评论):