Web/17-前端综合/2019年-前端日记.md

### 2019-04-02

Vue屏幕宽度自适应：

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

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

### 2019-04-07

- 控制iframe中的页面只显示一部分：<https://blog.csdn.net/iteye_18722/article/details/81918563>

### 2019-04-09

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

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


### 2019-04-23

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

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

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

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

判断不否为空数组，可以用：

```javascript
if (myArray.length)
```

判断不为空对象，可以用 ：

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


### 2019-04-26

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

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

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

这样的话，换算单位就变成了：**20px = 1rem**。