---
url: https://sugarat.top/offer/review/12-27.md
---

# 12-27

## JS

1. 数组去重（不限于一种方案）

```js
// 1. {}与{},{a:1}与{a:1},[]与[]算一样的
// [1,2,'1','2',1,null,null,undefined,undefined,{},{},[],[],[1],[1],['1'],['1'],NaN.NaN,true,true]

function duplicate(arr){
    // ...code
}
```

## CSS

1. 响应式布局是如何实现的？
2. 如果期望以下的`div`，该如何书写样式
   * 在视口宽度 <=750px展示为长宽都为200px的红色方块
   * 在视口宽度 >750px且 <=1400px 时展示为 长宽400px的蓝色方块
   * 在视口宽度 >1400px 是展示为 长宽 600px 的黑色方块

```html
<div class='container'></div>
```

## 浏览器

1. requestIdleCallback 与 requestAnimationFrame 的作用分别是什么？有何异同？

## 朋友们的回答

* [tdk](https://juejin.cn/post/6910921137052467208/)
* [fyx](https://www.cnblogs.com/banshanliang/p/14198055.html)
* [tl](https://juejin.cn/post/6912726919087980552)
* [fyx](https://www.cnblogs.com/banshanliang/p/14198055.html)