summarry/program.md

# 编程题目汇总

- [Css 如何画出一个扇形，动手实现下](#css-如何画出一个扇形动手实现下)
- [使用 Css 实现一个水波纹效果](#使用-css-实现一个水波纹效果)
- [动手实现一个左右固定100px，中间自适应的三列布局？(至少三种)](#动手实现一个左右固定100px中间自适应的三列布局至少三种)
- [屏幕占满和未占满的情况下，使 footer 固定在底部，尽量多种方法](#屏幕占满和未占满的情况下使-footer-固定在底部尽量多种方法)
- [Css 画一个三角形](#css-画一个三角形)
- [Css 实现多列等高布局，要求元素实际占用的高度以多列中较高的为准](#css-实现多列等高布局要求元素实际占用的高度以多列中较高的为准)
- [用 typescript 实现函数 caller，接收一个函数作为第一个参数，其返回参数类型由接收的函数参数决定](#用-typescript-实现函数-caller接收一个函数作为第一个参数其返回参数类型由接收的函数参数决定)
- [手动实现一个 Promisify 函数](#手动实现一个-promisify-函数)
- [介绍防抖节流原理、区别以及应用，并用JavaScript进行实现](#介绍防抖节流原理区别以及应用并用javascript进行实现)
- [介绍下 promise 的特性、优缺点，内部是如何实现的，动手实现 Promise](#介绍下-promise-的特性优缺点内部是如何实现的动手实现-promise)
- [实现 Promise.all](#实现-promiseall)
- [请实现如下的函数](#请实现如下的函数)
- [设计一个函数，奇数次执行的时候打印 1，偶数次执行的时候打印 2](#设计一个函数奇数次执行的时候打印-1偶数次执行的时候打印-2)
- [实现 Promise.then](#实现-promisethen)
- [给定起止日期，返回中间的所有月份](#给定起止日期返回中间的所有月份)
- [输入两个字符串，输出他们中间的月份](#输入两个字符串输出他们中间的月份)
- [简单封装一个异步 fecth，使用 async await 的方式来使用](#简单封装一个异步-fecth使用-async-await-的方式来使用)
- [请写一个函数，输出出多级嵌套结构的 Object 的所有 key 值](#请写一个函数输出出多级嵌套结构的-object-的所有-key-值)
- [动手实现一个 repeat 方法](#动手实现一个-repeat-方法)
- [versions 是一个项目的版本号列表，因多人维护，不规则，动手实现一个版本号处理函数](#versions-是一个项目的版本号列表因多人维护不规则动手实现一个版本号处理函数)
- [按要求实现一个 sum 函数](#按要求实现一个-sum-函数)
- [实现一个函数将中文数字转成数字](#实现一个函数将中文数字转成数字)
- [节流](#节流)
- [已知函数 A，要求构造⼀个函数 B 继承 A](#已知函数-a要求构造个函数-b-继承-a)
- [要求⽤不同⽅式对 A 进⾏改造实现 A.name 发⽣变化时⽴即执⾏ A.getName](#要求不同式对-a-进改造实现-aname-发变化时即执-agetname)
- [修改以下代码，使得最后⼀⾏代码能够输出数字 0-9（最好能给多种答案）](#修改以下代码使得最后代码能够输出数字-0-9最好能给多种答案)
- [请给出识别 Email 的正则表达式](#请给出识别-email-的正则表达式)
- [实现函数接受任意二叉树，求二叉树所有根到叶子路径组成的数字之和](#实现函数接受任意二叉树求二叉树所有根到叶子路径组成的数字之和)
- [Promise 链式调用如何实现](#promise-链式调用如何实现)
- [如何把真实 dom 转变为虚拟 dom，代码实现一下](#如何把真实-dom-转变为虚拟-dom代码实现一下)
- [实现以下代码](#实现以下代码)
- [请实现一个 cacheRequest 方法，保证发出多次同一个 ajax 请求时都能拿到数据，而实际上只发出一次请求](#请实现一个-cacherequest-方法保证发出多次同一个-ajax-请求时都能拿到数据而实际上只发出一次请求)
- [实现一个函数柯里化](#实现一个函数柯里化)
- [用 Promise 封装一个 ajax](#用-promise-封装一个-ajax)
- [请实现$on,$emit](#请实现onemit)
- [实现 bind 方法，不能使用 call、apply、bind](#实现-bind-方法不能使用-callapplybind)
- [手写实现 sleep 函数](#手写实现-sleep-函数)
- [用原生 js 实现自定义事件](#用原生-js-实现自定义事件)
- [如何识别出字符串中的回车并进行换行？](#如何识别出字符串中的回车并进行换行？)
- [输入一个日期 返回几秒前、几小时前、几天前、几月前](#输入一个日期-返回几秒前几小时前几天前几月前)
- [将 153812.7 转化为 153,812.7](#将-1538127-转化为-1538127)
- [实现一个 setter 方法](#实现一个-setter-方法)
- [实现一个功能，发送请求 5s 时间后，如果没有数据返回，中断请求,提示错误](#实现一个功能发送请求-5s-时间后如果没有数据返回中断请求提示错误)
- [reduce 函数的功能，如何实现的，动手实现一下](#reduce-函数的功能如何实现的动手实现一下)
- [new 的实现原理，动手实现一个 new](#new-的实现原理动手实现一个-new)
- [promise 如何实现 then 处理，动手实现 then](#promise-如何实现-then-处理动手实现-then)
- [按照调用实例，实现下面的 Person 方法](#按照调用实例实现下面的-person-方法)
- [按要求完成代码](#按要求完成代码)
- [请修改代码能跳出死循环](#请修改代码能跳出死循环)
- [请手写实现一个拖拽](#请手写实现一个拖拽)
- [请手动实现一个浅拷贝](#请手动实现一个浅拷贝)
- [介绍 instanceof 原理，并手动实现](#介绍-instanceof-原理并手动实现)
- [请实现一个 JSON.stringfy](#请实现一个-jsonstringfy)
- [请实现一个 JSON.parse](#请实现一个-jsonparse)
- [用 html、css、js 模拟实现一个下拉框，使得下拉框在各个浏览器下的样式和行为完全一致，说出你的设计方案，并且重点说明功能设计时要考虑的因素。](#用-htmlcssjs-模拟实现一个下拉框使得下拉框在各个浏览器下的样式和行为完全一致说出你的设计方案并且重点说明功能设计时要考虑的因素)
- [实现一个打点计时器](#实现一个打点计时器)
- [在一个 ul 里有 10 个 li,实现点击对应的 li,输出对应的下标](#在一个-ul-里有-10-个-li实现点击对应的-li输出对应的下标)
- [分别对以下数组进行去重，1:[1,'1',2,'2',3]，2:[1,[1,2,3['1','2','3'],4],5,6]](#分别对以下数组进行去重11122321123123456)
- [编写一个 Person 类，并创建两个不同的 Person 对象](#编写一个-person-类并创建两个不同的-person-对象)
- [说一下 let、const 的实现，动手实现一下](#说一下-letconst-的实现动手实现一下)
- [写一个函数打乱一个数组，传入一个数组，返回一个打乱的新数组](#写一个函数打乱一个数组传入一个数组返回一个打乱的新数组)
- [手写 EventEmitter 实现](#手写-eventemitter-实现)
- [请实现鼠标点击页面中的任意标签，alert 该标签的名称(注意兼容性)](#请实现鼠标点击页面中的任意标签alert-该标签的名称注意兼容性)
- [完成一个表达式，验证用户输入是否是电子邮箱](#完成一个表达式验证用户输入是否是电子邮箱)
- [原生实现 ES5 的 Object.create()方法](#原生实现-es5-的-objectcreate方法)
- [按要求完成题目](#按要求完成题目)
- [填充代码实现 template 方法](#填充代码实现-template-方法)
- [请用 JavaScript 代码实现事件代理](#请用-javascript-代码实现事件代理)
- [实现格式化输出，比如输入 999999999，输出 999,999,999](#实现格式化输出比如输入-999999999输出-999999999)
- [使用 JavaScript 实现 cookie 的设置、读取、删除](#使用-javascript-实现-cookie-的设置读取删除)
- [请编写一个 JavaScript 函数 parseQueryString,它的用途是把 URL 参数解析为一个对象，url="<a href="http://iauto360.cn/index.php?key0=0&amp;key1=1&amp;key2=2" rel="nofollow">http://iauto360.cn/index.php?key0=0&amp;key1=1&amp;key2=2</a>"](#请编写一个-javascript-函数-parsequerystring它的用途是把-url-参数解析为一个对象urlhttpiauto360cnindexphpkey00key11key22)
- [给 JavaScript 的 String 原生对象添加一个名为 trim 的原型方法，用于截取字符串前后的空白字符](#给-javascript-的-string-原生对象添加一个名为-trim-的原型方法用于截取字符串前后的空白字符)
- [有这样一个函数 A,要求在不改变原有函数 A 功能以及调用方式的情况下，使得每次调用该函数都能在控制台打印出“HelloWorld”](#有这样一个函数-a要求在不改变原有函数-a-功能以及调用方式的情况下使得每次调用该函数都能在控制台打印出helloworld)

### Css 如何画出一个扇形，动手实现下

公司：头条

分类：Css、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/228)

<br/>

### 使用 Css 实现一个水波纹效果

参考：[第二屏中的水波纹效果](https://mp.toutiao.com/auth/page/login/?redirect_url=JTJG#/?_k=1hjyly)

公司：头条

分类：Css、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/151)

<br/>

### 动手实现一个左右固定100px，中间自适应的三列布局？(至少三种)

公司：自如、头条

分类：Css、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/275)

<br/>

### 屏幕占满和未占满的情况下，使 footer 固定在底部，尽量多种方法

分类：Css、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/256)

<br/>

### Css 画一个三角形

公司：会小二、高思教育、58

分类：Css、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/413)

<br/>

### Css 实现多列等高布局，要求元素实际占用的高度以多列中较高的为准

公司：快手

分类：Css、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/645)

<br/>

### 用 typescript 实现函数 caller，接收一个函数作为第一个参数，其返回参数类型由接收的函数参数决定

公司：快手

分类：其它、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/801)

<br/>

### 手动实现一个 Promisify 函数

公司：高德

分类：Node、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/306)

<br/>

### 介绍防抖节流原理、区别以及应用，并用JavaScript进行实现

公司：滴滴、虎扑、挖财、58、头条

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/15)

<br/>

### 介绍下 promise 的特性、优缺点，内部是如何实现的，动手实现 Promise

公司：滴滴、头条、喜马拉雅、兑吧、寺库、百分点、58、安居客

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/29)

<br/>

### 实现 Promise.all

```js
Promise.all = function (arr) {
  // 实现代码
};
```

公司：滴滴、头条、有赞、微医

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/30)

<br/>

### 请实现如下的函数

```js
/*
	可以批量请求数据，所有的 URL 地址在 urls 参数中，同时可以通过 max 参数控制请求的并发度，当所有请求结束之后，需要执行 callback 回调函数。发请求的函数可以直接使用 fetch 即可
*/
```

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/185)

<br/>

### 设计一个函数，奇数次执行的时候打印 1，偶数次执行的时候打印 2

公司：老虎

分类：JavaScript

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/162)

<br/>

### 实现 Promise.then

公司：高德、百分点

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/161)

<br/>

### 给定起止日期，返回中间的所有月份

```js
// 输入两个字符串 2018-08  2018-12
// 输出他们中间的月份 [2018-9,2018-10, 2018-11]
```

公司：顺丰

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/159)

<br/>

### 按要求实现代码

```js
// 给两个数组 [A1,A2,B1,B2,C1,C2,D1,D2] [A,B,C,D]
// 输出 [A1,A2,A,B1,B2,B,C1,C2,C,D1,D2,D]
```

公司：顺丰

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/158)

<br/>

### 简单封装一个异步 fecth，使用 async await 的方式来使用

公司：顺丰

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/155)

<br/>

### 请写一个函数，输出出多级嵌套结构的 Object 的所有 key 值

```js
var obj = {
  a: "12",
  b: "23",
  first: {
    c: "34",
    d: "45",
    second: { 3: "56", f: "67", three: { g: "78", h: "89", i: "90" } },
  },
};
// => [a,b,c,d,e,f,g,h,i]
```

公司：顺丰

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/152)

<br/>

### 动手实现一个 repeat 方法

```js
function repeat(func, times, wait) {
  // TODO
}
const repeatFunc = repeat(alert, 4, 3000);
// 调用这个 repeatFunc ("hellworld")，会alert4次 helloworld, 每次间隔3秒
```

公司：头条

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/148)

<br/>

### versions 是一个项目的版本号列表，因多人维护，不规则，动手实现一个版本号处理函数

```js
var versions = ["1.45.0", "1.5", "6", "3.3.3.3.3.3.3"];
// 要求从小到大排序，注意'1.45'比'1.5'大
function sortVersion(versions) {
  // TODO
}
// => ['1.5','1.45.0','3.3.3.3.3.3','6']
```

公司：头条

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/146)

<br/>

### 按要求实现一个 sum 函数

```js
const a = sum(); // => a === 0
const b = sum(); // => b === 2
const c = sum(4)(5); // c === 9
const k = sum(n1)...(nk) // k === n1 + n2 + ... + nk
```

公司：头条

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/141)

<br/>

### 实现一个函数将中文数字转成数字

公司：微软

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/343)

<br/>

### 节流

公司：微软

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/342)

<br/>

### 已知函数 A，要求构造⼀个函数 B 继承 A

```js
function A(name) {
  this.name = name;
}
A.prototype.getName = function () {
  console.log(this.name);
};
```

公司：新东方

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/333)

<br/>

### 要求⽤不同⽅式对 A 进⾏改造实现 A.name 发⽣变化时⽴即执⾏ A.getName

```js
/*
	已知对象A = {name: 'sfd', getName: function(){console.log(this.name)}},
	现要求⽤不同⽅式对A进⾏改造实现A.name发⽣变化时⽴即执⾏A.getName
*/
```

公司：新东方

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/329)

<br/>

### 修改以下代码，使得最后⼀⾏代码能够输出数字 0-9（最好能给多种答案）

```js
var arrys = [];
for (var i = 0; i < 10; i++) {
  arrys.push(function () {
    return i;
  });
}
arrys.forEach(function (fn) {
  console.log(fn());
}); //本⾏不能修改
```

公司：新东方

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/328)

<br/>

### 请给出识别 Email 的正则表达式

公司：头条

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/325)

<br/>

### 实现函数接受任意二叉树，求二叉树所有根到叶子路径组成的数字之和

```js
class TreeNode{
  value:number
  left?:TreeNode
  right?:TreeNode
}
function getPathSum(root){
  // your code
}
// 例子，一层二叉树如下定义，路径包括1 —> 2 ,1 -> 3
const node = new TreeNode();
node.value = 1;
node.left = new TreeNode();
node.left.value = 2;
node.right = new TreeNode();
node.right.value = 3;
getPathSum(node); // return 7 = (1+2) + (1+3)
```

公司：头条

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/323)

<br/>

### Promise 链式调用如何实现

公司：滴滴

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/319)

<br/>

### 如何把真实 dom 转变为虚拟 dom，代码实现一下

公司：高德

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/310)

<br/>

### 实现以下代码

```js
function add() {
  // your code
}
function one() {
  // your code
}
function two() {
  // your code
}
console.log(add(one(two()))); //3
console.log(add(two(one()))); //3
```

公司：快手

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/294)

<br/>

### 请实现一个 cacheRequest 方法，保证发出多次同一个 ajax 请求时都能拿到数据，而实际上只发出一次请求

公司：快手

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/293)

<br/>

### 实现一个函数柯里化

公司：快手

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/292)

<br/>

### 用 Promise 封装一个 ajax

公司：脉脉

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/276)

<br/>

### 请实现`$on,$emit`

公司：自如

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/269)

<br/>

### 实现 bind 方法，不能使用 call、apply、bind

公司：自如、腾讯应用宝、快手

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/268)

<br/>

### 手写实现 sleep 函数

公司：自如

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/267)

<br/>

### 用原生 js 实现自定义事件

公司：自如

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/258)

<br/>

### 如何识别出字符串中的回车并进行换行？

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/257)

<br/>

### 输入一个日期 返回几秒前、几小时前、几天前、几月前

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/255)

<br/>

### 将 153812.7 转化为 153,812.7

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/244)

<br/>

### 实现一个 setter 方法

```js
let setter = function (conten, key, value) {
  // your code
};
let n = {
  a: {
    b: {
      c: { d: 1 },
      bx: { y: 1 },
    },
    ax: { y: 1 },
  },
};
// 修改值
setter(n, "a.b.c.d", 3);
console.log(n.a.b.c.d); //3
setter(n, "a.b.bx", 1);
console.log(n.b.bx); //1
```

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/386)

<br/>

### 实现一个功能，发送请求 5s 时间后，如果没有数据返回，中断请求,提示错误

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/375)

<br/>

### reduce 函数的功能，如何实现的，动手实现一下

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/587)

<br/>

### new 的实现原理，动手实现一个 new

公司：兑吧

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/428)

<br/>

### promise 如何实现 then 处理，动手实现 then

公司：宝宝树

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/775)

<br/>

### 按照调用实例，实现下面的 Person 方法

```js
Person("Li");
// 输出： Hi! This is Li!

Person("Dan").sleep(10).eat("dinner");
// 输出：
// Hi! This is Dan!
// 等待10秒..
// Wake up after 10
// Eat dinner~

Person("Jerry").eat("dinner").eat("supper");
// 输出：
// Hi This is Jerry!
// Eat dinner~
// Eat supper~

Person("Smith").sleepFirst(5).eat("supper");
// 输出：
// 等待5秒
// Wake up after 5
// Hi This is Smith!
// Eat supper
```

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/738)

<br/>

### 按要求完成代码

```js
const timeout = (ms) =>
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve();
    }, ms);
  });
const ajax1 = () =>
  timeout(2000).then(() => {
    console.log("1");
    return 1;
  });
const ajax2 = () =>
  timeout(1000).then(() => {
    console.log("2");
    return 2;
  });
const ajax3 = () =>
  timeout(2000).then(() => {
    console.log("3");
    return 3;
  });
const mergePromise = (ajaxArray) => {
  // 1,2,3 done [1,2,3] 此处写代码 请写出ES6、ES3 2中解法
};
mergePromise([ajax1, ajax2, ajax3]).then((data) => {
  console.log("done");
  console.log(data); // data 为[1,2,3]
});
// 执行结果为：1 2 3 done [1,2,3]
```

公司：阿里

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/728)

<br/>

### 请修改代码能跳出死循环

```js
while (1) {
  switch ("yideng") {
    case "yideng":
    //禁止直接写一句break
  }
}
```

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/725)

<br/>

### 修改代码不造成死循环

```js
while(1){
  console.log(Math.random());
}
```

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/911)

<br/>


### 请手写实现一个拖拽

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/711)

<br/>

### 请手动实现一个浅拷贝

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/710)

<br/>

### 介绍 instanceof 原理，并手动实现

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/709)

<br/>

### 请实现一个 JSON.stringfy

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/708)

<br/>

### 请实现一个 JSON.parse

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/707)

<br/>

### 用 html、css、js 模拟实现一个下拉框，使得下拉框在各个浏览器下的样式和行为完全一致，说出你的设计方案，并且重点说明功能设计时要考虑的因素。

公司：会小二

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/687)

<br/>

### 实现一个打点计时器

```js
/* 
  1.从start至end,每隔100毫秒console.log一个数字，每次数字增幅为1
  2.返回的对象中需要包含一个cancel方法，用于停止定时操作
  3.第一个数字需要立即输出
*/
```

公司：会小二

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/685)

<br/>

### 在一个 ul 里有 10 个 li,实现点击对应的 li,输出对应的下标

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/673)

<br/>

### 分别对以下数组进行去重，1:[1,'1',2,'2',3]，2:[1,[1,2,3['1','2','3'],4],5,6]

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/672)

<br/>

### 编写一个 Person 类，并创建两个不同的 Person 对象

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/670)

<br/>

### 说一下 let、const 的实现，动手实现一下

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/655)

<br/>

### 写一个函数打乱一个数组，传入一个数组，返回一个打乱的新数组

公司：快手

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/643)

<br/>

### 手写 EventEmitter 实现

公司：头条、亚美科技

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/624)

<br/>

### 请实现鼠标点击页面中的任意标签，alert 该标签的名称(注意兼容性)

公司：爱范儿、道一云

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/854)

<br/>

### 完成一个表达式，验证用户输入是否是电子邮箱

公司：爱范儿

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/853)

<br/>

### 原生实现 ES5 的 Object.create()方法

公司：爱范儿

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/852)

<br/>

### 按要求完成题目

```js
/* 
  a)在不使用vue、react的前提下写代码解决一下问题
    一个List页面上，含有1000个条目的待办列表，现其中100项在同一时间达到了过期时间，需要在对应项的text-node里添加“已过期”文字。需要尽可能减少dom重绘次数以提升性能。
  b)尝试使用vue或react解决上述问题
*/
```

公司：爱范儿

分类：JavaScript、Vue、React、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/848)

<br/>

### 填充代码实现 template 方法

```js
var str = "您好，<%=name%>。欢迎来到<%=location%>";
function template(str) {
  // your code
}
var compiled = template(srt);
// compiled的输出值为：“您好，张三。欢迎来到网易游戏”
compiled({ name: "张三", location: "网易游戏" });
```

公司：网易

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/844)

<br/>

### 请用 JavaScript 代码实现事件代理

公司：玄武科技

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/832)

<br/>

### 实现格式化输出，比如输入 999999999，输出 999,999,999

公司：亚美科技

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/831)

<br/>

### 使用 JavaScript 实现 cookie 的设置、读取、删除

公司：亚美科技

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/830)

<br/>

### 请编写一个 JavaScript 函数 parseQueryString,它的用途是把 URL 参数解析为一个对象，url="http://iauto360.cn/index.php?key0=0&key1=1&key2=2"

公司：亚美科技

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/829)

<br/>

### 给 JavaScript 的 String 原生对象添加一个名为 trim 的原型方法，用于截取字符串前后的空白字符

公司：高思教育

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/822)

<br/>

### 有这样一个函数 A,要求在不改变原有函数 A 功能以及调用方式的情况下，使得每次调用该函数都能在控制台打印出“HelloWorld”

```js
function A() {
  console.log("调用了函数A");
}
```

公司：新东方

分类：JavaScript、编程题

[答案&解析](https://github.com/lgwebdream/FE-Interview/issues/800)

<br/>