前端面试三千问

最新推荐文章于 2024-05-12 09:23:45 发布
最新推荐文章于 2024-05-12 09:23:45 发布
阅读量3.9k 收藏 2
点赞数 1
分类专栏： JavaScript 文章标签： 前端 面试 javascript
原文链接：https://github.com/lgwebdream/FE-Interview/blob/master/summarry/all.md
版权

全部面试题汇总

写一个 mySetInterVal(fn, a, b),每次间隔 a,a+b,a+2b,…,a+nb 的时间，然后写一个 myClear，停止上面的 mySetInterVal

公司：头条

分类：JavaScript

答案&解析


合并二维有序数组成一维有序数组，归并排序的思路

公司：头条

分类：算法

答案&解析


斐波那契数列

公司：腾讯、CVTE、微软

分类：算法

答案&解析


字符串出现的不重复最长长度

公司：腾讯

分类：算法

答案&解析


介绍chrome 浏览器的几个版本

公司：滴滴

分类：网络&安全

答案&解析


React 项目中有哪些细节可以优化？实际开发中都做过哪些性能优化

公司：滴滴、掌门一对一、网易、有赞、沪江、喜马拉雅、酷家乐、快手

分类：React

答案&解析


react 最新版本解决了什么问题 加了哪些东西

公司：滴滴

分类：React

答案&解析


说一下 Http 缓存策略，有什么区别，分别解决了什么问题

公司：滴滴、头条、网易、易车、脉脉、掌门一对一、虎扑、挖财、爱范儿

分类：网络&安全

答案&解析


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

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

分类：JavaScript、编程题

答案&解析


前端安全、中间人攻击

公司：滴滴

分类：网络&安全

答案&解析


对闭包的看法，为什么要用闭包？说一下闭包原理以及应用场景

公司：滴滴、携程、喜马拉雅、微医、蘑菇街、酷家乐、腾讯应用宝、安居客

分类：JavaScript

答案&解析


css 伪类与伪元素区别

公司：滴滴

分类：Css

答案&解析


有一堆整数，请把他们分成三份，确保每一份和尽量相等（11，42，23，4，5，6 4 5 6 11 23 42 56 78 90）

公司：滴滴

分类：算法

答案&解析


实现 lodash 的_.get

公司：滴滴

分类：JavaScript

答案&解析


实现 add(1)(2)(3)

公司：滴滴

分类：JavaScript

答案&解析


实现链式调用

公司：滴滴

分类：JavaScript

答案&解析


React 事件绑定原理

公司：滴滴、沪江

分类：React

答案&解析


类数组和数组的区别，dom 的类数组如何转换成数组

公司：海康威视

分类：JavaScript

答案&解析


webpack 做过哪些优化，开发效率方面、打包策略方面等等

公司：滴滴、快手、掌门一对一、高思教育

分类：工程化

答案&解析


说一下事件循环机制(node、浏览器)

公司：滴滴、伴鱼、高德、自如、虎扑、58

分类：Node、JavaScript

答案&解析


如何封装 node 中间件

公司：滴滴、酷狗

分类：Node

答案&解析


node 中间层怎样做的请求合并转发

公司：易车

分类：Node

答案&解析


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

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

分类：JavaScript、编程题

答案&解析


实现 Promise.all

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

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

分类：JavaScript、编程题

答案&解析


React 组件通信方式

公司：滴滴、掌门一对一、喜马拉雅、蘑菇街

分类：React

答案&解析


redux-saga 和 mobx 的比较

公司：掌门一对一

分类：React

答案&解析


说一下 react-fiber

公司：头条、滴滴、菜鸟网络、挖财、喜马拉雅

分类：React

答案&解析


手写发布订阅

公司：滴滴、头条

分类：JavaScript

答案&解析


手写数组转树

公司：滴滴

分类：JavaScript

答案&解析


手写用 ES6proxy 如何实现 arr[-1] 的访问

公司：滴滴

分类：JavaScript

答案&解析


手写实现 Array.flat()

公司：滴滴、快手、携程

分类：JavaScript

答案&解析


react 实现一个全局的 dialog

公司：滴滴

分类：React

答案&解析


[实操题]输入一条 polyline，输出 polyline 的中点

题目补充：

算法：输入一条polyline，输出polyline的中点
绘制：在浏览器中绘制出polyline和中点
说明：中点是指沿着polyline，到polyline的起点和终点，距离相等，中点要求在polyline上
输入：[[10, 20], [20, 200], [30, 220], [40, 300], [100, 400]]，以[10, 20]举例，10代表x坐标，20代表y坐标，单位是像素
要求：提供源代码，用原生JavaScript实现，不使用任何框架、类库、构建工具，本地打开html文件可直接看到效果

公司：腾讯

分类：算法

答案&解析


Umi 和 dva 分别是干嘛用的？为什么会有 umi dva 的出现？使用起来有什么不方便的地方吗？

公司：洋葱学院

分类：其它

答案&解析


React 数据持久化有什么实践吗？

公司：洋葱学院

分类：React

答案&解析


使用过 mobx mobx 和 redux 有什么区别？

公司：洋葱学院

分类：React

答案&解析


文件上传如何做断点续传

公司：网易、洋葱学院

分类：JavaScript

答案&解析


大数计算如何实现

公司：洋葱学院

分类：JavaScript

答案&解析


请用算法实现，从给定的无序、不重复的数组data中，取出n个数，使其相加和为sum。并给出算法的时间/空间复杂度。(不需要找到所有的解，找到一个解即可)

function getResult(data,n,sum){
  // your code
}

公司：头条

分类：算法

答案&解析


什么是深拷贝，和浅拷贝有什么区别，动手实现一个深拷贝

公司：顺丰、新东方、高德、虎扑、微医、百分点、酷狗

分类：JavaScript

答案&解析


实现一个方法判断 html 中的标签是否闭合

分类：JavaScript

答案&解析


mysql 和 mongodb 区别

分类：其它

答案&解析


V8 机制讲解

分类：网络&安全

答案&解析


说一下盒子模型，以及标准情况和 IE 下的区别

公司：兑吧

分类：Css

答案&解析


箭头函数和普通函数的区别

公司：酷家乐

分类：JavaScript

答案&解析


说下 webpack 的 loader 和 plugin 的区别，都使用过哪些 loader 和 plugin

公司：阿里、滴滴、挖财

分类：工程化

答案&解析


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

公司：头条

分类：Css、编程题

答案&解析


介绍下 webpack，并说下 Webpack 的构建流程

公司：头条、挖财

分类：工程化

答案&解析


说下 tree-shaking 的原理

公司：头条

分类：工程化

答案&解析


Webp 格式的图片怎么生成，使用有什么兼容性问题，如何怎么解决

分类：其它

答案&解析


React 高阶组件 renderprops hooks 有什么区别，为什么要不断迭代

分类：React

答案&解析


说一下 React setState 原理

公司：网易

分类：React

答案&解析


说一下 React diff 算法

公司：脉脉

分类：React

答案&解析


说一下 React 生命周期，以及都有哪些改变，为什么去掉了那几个旧的生命周期

公司：完美世界、高德、脉脉、有赞、挖财、沪江、携程、喜马拉雅、酷家乐

分类：React

答案&解析


React key 是干嘛用的 为什么要加？key 主要是解决哪一类问题的

公司：滴滴、挖财

分类：React

答案&解析


Redux 中异步的请求怎么处理

公司：滴滴

分类：React

答案&解析


CDN 是什么？描述下 CDN 原理？为什么要用 CDN?

公司：头条、滴滴、网易

分类：网络&安全

答案&解析


PWA 是什么？对 PWA 有什么了解

公司：头条、喜马拉雅

分类：网络&安全

答案&解析


讲一下 webpack 原理， loader 和 plugin，你知道哪些模块化标准，说下 cjs 和 esmodule 的区别

公司：头条

分类：工程化

答案&解析


es5 实现 isInteger

公司：头条

分类：JavaScript

答案&解析


单向链表实现队列

公司：头条

分类：算法

答案&解析


写出输出结果

function Foo() {
  getName = function () {
    alert(1);
  };
  return this;
}
var getName;
function getName() {
  alert(5);
}
Foo.getName = function () {
  alert(2);
};
Foo.prototype.getName = function () {
  alert(3);
};
getName = function () {
  alert(4);
};

Foo.getName(); // ？
getName(); // ？
Foo().getName(); // ？
getName(); // ？
new Foo.getName(); // ?
new Foo().getName(); // ?
new new Foo().getName(); // ？

公司：心娱

分类：JavaScript

答案&解析


将给定的数组从顶级分类递归查找子分类，最终构建一个树状数组

/*
 *数组：[{id:1, parentId: 0}, {id:2, parentId:1},{id:3, parentId:1}]
 *输出结果：[{id:1, parentId: 0,children:[{id:2, parentId:1},{id:3, parentId:1}]}]
 *说明：parentId为0 的是根节点
 */

分类：算法

答案&解析


手写 dom 操作，翻转 li 标签，如何处理更优

/*
 *有下边这样的dom结构，现在可以获取到ul，要求翻转里边li标签，如何处理更优
 */
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

公司：快手

分类：

答案&解析


怎样判断一个对象是否是数组，如何处理类数组对象

公司：快手

分类：JavaScript

答案&解析


是否熟悉 Node，主要做过哪些业务，平时用过什么包？

公司：快手

分类：Node

答案&解析


是否了解 glob，glob 是如何处理文件的，业界是否还有其它解决方案

公司：快手

分类：JavaScript

答案&解析


说一下 Vue 的 keep-alive 是如何实现的，具体缓存的是什么？

公司：快手

分类：Vue

答案&解析


Redux 和 Vuex 有什么区别，说下一它们的共同思想

公司：快手

分类：React、Vue

答案&解析


谈一下微信小程序的架构以及为什么要用到双线程

公司：快手

分类：小程序

答案&解析


随便打开一个网页，用 JavaScript 打印所有以 s 和 h 开头的标签，并计算出标签的种类

公司：快手

分类：JavaScript

答案&解析


1000*1000 的画布，上面有飞机、子弹，如何划分区域能够更有效的做碰撞检测，类似划分区域大小与碰撞检测效率的算法，说一下大致的思路

公司：快手

分类：JavaScript

答案&解析


移动设备安卓与 iOS 的软键盘弹出的处理方式有什么不同

公司：快手

分类：JavaScript

答案&解析


iPhone 里面 Safari 上如果一个输入框 fixed 绝对定位在底部，当软键盘弹出的时候会有什么问题，如何解决

公司：快手

分类：JavaScript、Css

答案&解析


给定一个数组，按找到每个元素右侧第一个比它大的数字，没有的话返回-1 规则返回一个数组

/*
 *示例：
 *给定数组：[2,6,3,8,10,9]
 *返回数组：[6,8,8,10,-1,-1]
 */

公司：快手

分类：JavaScript

答案&解析


说一说 promise，有几个状态，通过 catch 捕获到 reject 之后，在 catch 后面还能继续执行 then 方法嘛，如果能执行执行的是第几个回调函数

公司：伴鱼、喜马拉雅

分类：JavaScript

答案&解析


var、let、const 的区别

公司：伴鱼、百分点、心娱

分类：JavaScript

答案&解析


说一下 GC

公司：伴鱼

分类：JavaScript

答案&解析


BFC 是什么？触发 BFC 的条件是什么？有哪些应用场景？

公司：快手、伴鱼、网易

分类：CSS

答案&解析


说一下浏览器解析 Html 文件的过程

公司：伴鱼

分类：网络&安全

答案&解析


说一下什么是重绘重排，哪些操作会造成重绘重排

公司：滴滴、伴鱼、菜鸟网络、58

分类：CSS

答案&解析


什么情况会出现浏览器分层

公司：伴鱼

分类：CSS

答案&解析


通过 link 进来的 css 会阻塞页面渲染嘛，Js 会阻塞吗，如果会如何解决？

公司：伴鱼

分类：CSS

答案&解析


如何实现按需加载

公司：伴鱼、腾讯应用宝

分类：JavaScript

答案&解析


讲一下 import 的原理，与 require 有什么不同

公司：伴鱼、腾讯应用宝

分类：JavaScript

答案&解析


为什么 useState 要使用数组而不是对象

公司：伴鱼

分类：React

答案&解析


从输入 URL 到页面加载全过程

公司：头条、边锋、菜鸟网络、爱范儿、心娱

分类：网络&安全

答案&解析


请实现如下的函数

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

分类：JavaScript、编程题

答案&解析


DNS 解析的具体过程

公司：边锋、寺库

分类：网络&安全

答案&解析


常见的 http 请求头都有哪些，以及它们的作用

公司：阿里、边锋、喜马拉雅、玄武科技

分类：网络&安全

答案&解析


encoding 头都有哪些编码方式

公司：边锋

分类：网络&安全

答案&解析


utf-8 和 asc 码有什么区别

公司：边锋

分类：网络&安全

答案&解析


tcp 和 udp 有什么区别？tcp 怎样确保数据正确性？tcp 头包含什么？tcp 属于那一层？

公司：头条、边锋

分类：网络&安全

答案&解析


传输层和网络层分别负责什么，端口在什么层标记

公司：边锋

分类：网络&安全

答案&解析


介绍下 Https，和 http 的区别是什么？https 为什么比 http 安全？如何进行配置？

公司：边锋、老虎、脉脉、掌门一对一、喜马拉雅、寺库、腾讯应用宝、快手

分类：网络&安全

答案&解析


说一下加密握手的过程

公司：边锋、老虎

分类：网络&安全

答案&解析


对称加密和非对称加密的区别和用处

公司：边锋

分类：网络&安全

答案&解析


是否用过 restful 接口，和其他风格的有什么区别

公司：边锋

分类：JavaScript

答案&解析


说一下 get、post、put 的区别

公司：边锋、虎扑、酷家乐、酷狗、安居客

分类：JavaScript

答案&解析


说一下对面向对象的理解，面向对象有什么好处

公司：边锋

分类：JavaScript

答案&解析


类设计：使用面相对象设计一个停车场管理系

/*
 *题目要求
 *使用面相对象设计一个停车场管理系统，该停车场包含：
 *	1.停车位，用于停放车辆；
 *	2.停车位提示牌，用于展示剩余停车位；
 *可以丰富该系统的元素，给出类，类属性，类接口。
 */

公司：边锋

分类：JavaScript

答案&解析


实现输出一个十六进制的随机颜色(#af0128a)

公司：快手

分类：JavaScript

答案&解析


justify-content:space-between around 有什么区别

公司：快手

分类：Css

答案&解析


手写代码实现kuai-shou-front-end=>KuaiShouFrontEnd

公司：快手

分类：JavaScript

答案&解析


浏览器都有哪些进程，渲染进程中都有什么线程

公司：老虎

分类：网络&安全

答案&解析


说说浏览器渲染流程，分层之后在什么时候合成，什么是重排、重绘，怎样避免

公司：老虎

分类：Css

答案&解析


什么是同源策略？什么是跨域？都有哪些方式会造成跨域？解决跨域都有什么手段？

公司：阿里、滴滴、老虎、完美世界、沪江、喜马拉雅、兑吧、寺库、玄武科技

分类：网络&安全

答案&解析


什么是 CORS，CORS 需要前端配置还是后端配置？

公司：酷狗

分类：网络&安全

答案&解析


设计一个 Student 组件，实现输入姓名性别成绩（这三个必填），还有几个不是必填的属性，要设置默认值，点击弹出成绩

公司：老虎

分类：JavaScript

答案&解析


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

公司：老虎

分类：JavaScript

答案&解析


实现 Promise.then

公司：高德、百分点

分类：JavaScript、编程题

答案&解析


平时在项目开发中都做过哪些前端性能优化

公司：阿里、顺丰、易车、有赞、挖财、喜马拉雅、兑吧、寺库、海康威视、道一云、58

分类：JavaScript

答案&解析


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

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

公司：顺丰

分类：JavaScript、编程题

答案&解析


按要求实现代码

// 给两个数组 [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、编程题

答案&解析


实现一个将 52 张牌随机均等的分给四个人，比如输入 [0,1,2,3…51] ，输出[[1,2,16…],[4,3,6…],[…],[…]]

公司：顺丰

分类：算法

答案&解析


用尽量短的代码实现一个 arrary 的链式操作，将数组中的大于 10 的值进行一个累加

公司：顺丰

分类：JavaScript

答案&解析


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

公司：顺丰

分类：JavaScript、编程题

答案&解析


怎么理解 to B 和 to C 的业务

公司：顺丰

分类：其它

答案&解析


如果有一个项目，随着业务的增长越来越大，怎么办，如何来进行一个拆分或者处理

公司：顺丰

分类：其它

答案&解析


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

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、编程题

答案&解析


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

参考：第二屏中的水波纹效果

公司：头条

分类：Css、编程题

答案&解析


position 定位都有什么属性（不仅仅是绝对定位和相对定位/fix 定位）

公司：头条

分类：Css

答案&解析


写出打印结果，并解释为什么

var a = { k1: 1 };
var b = a;
a.k3 = a = { k2: 2 };
console.log(a); // ?
console.log(b); // ?

公司：头条

分类：JavaScript

答案&解析


动手实现一个 repeat 方法

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

公司：头条

分类：JavaScript、编程题

答案&解析


setTimeout 有什么缺点，和 requestAnimationFrame 有什么区别

公司：头条

分类：JavaScript

答案&解析


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

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、编程题

答案&解析


怎样用 css 实现一个弹幕的效果，动手实现一下

公司：头条

分类：Css

答案&解析


实现一个多并发的请求

let urls = ['http://dcdapp.com', …];
/*
	*实现一个方法，比如每次并发的执行三个请求，如果超时（timeout）就输入null，直到全部请求完
	*batchGet(urls, batchnum=3, timeout=3000);
	*urls是一个请求的数组，每一项是一个url
	*最后按照输入的顺序返回结果数组[]
*/

公司：头条

分类：JavaScript

答案&解析


说一下 Css 预处理器，Less 带来的好处？

公司：头条

分类：Css

答案&解析


写出代码执行结果

async function async1() {
  console.log("async1 start");
  await async2();
  console.log("async1 end");
}
async function async2() {
  console.log("async2");
}
console.log("script start");
setTimeout(function () {
  console.log("setTimeout");
}, 0);
async1();
new Promise(function (resolve) {
  console.log("promise1");
  resolve();
}).then(function () {
  console.log("promise2");
});
console.log("scripts end");
// 写出代码执行完成打印的结果

公司：头条、网易

分类：JavaScript

答案&解析


按要求实现一个 sum 函数

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

公司：头条

分类：JavaScript、编程题

答案&解析


按要求实现 rightView 函数

function TreeNode(val){
  this.val = val;
  this.left = null;
  this.right = null; 
}
function rightView(root){
  // 请你实现
}
// => [1,4,3]
     1       => 1
   2   4     => 4
 7   3       => 3

公司：头条

分类：算法

答案&解析


meta 元素都有什么

公司：完美世界

分类：Html

答案&解析


Css 选择器都有什么，权重是怎么计算的

公司：完美世界

分类：Css

答案&解析


布局都有什么方式，float 和 position 有什么区别

公司：完美世界

分类：Css

答案&解析


Http1 和 Http2 有什么区别，和 http1.1 相比，http2 都有什么特性

公司：完美世界、网易、脉脉、高思教育

分类：网络&安全

答案&解析


Import 和 CommonJS 在 webpack 打包过程中有什么不同

公司：完美世界

分类：工程化

答案&解析


说一下 base64 的编码方式

公司：完美世界

分类：JavaScirpt

答案&解析


说一下单向数据流有什么好处

公司：完美世界、酷家乐

分类：React

答案&解析


nth-child和nth-of-type 有什么区别

公司：网易

分类：Css

答案&解析


<img>是什么元素

公司：网易

分类：Css

答案&解析


flex 布局，如何实现把八个元素分两行摆放

公司：网易

分类：Css

答案&解析


改变 this 指向的方式都有哪些？

公司：网易

分类：JavaScript

答案&解析


说一下 etag 和 lastmodify 的区别

公司：网易

分类：网络&安全

答案&解析


强缓存都有哪些方法来控制

公司：网易、易车

分类：网络&安全

答案&解析


协商缓存都有哪些参数

公司：网易、易车

分类：网络&安全

答案&解析


说一下module.exports和exports的区别，export和export default的区别

公司：网易

分类：JavaScript

答案&解析


说一下 webpack 中 css-loader 和 style-loader 的区别，file-loader 和 url-loader 的区别

公司：网易

分类：工程化

答案&解析


number 为什么会出现精度损失，怎样避免

公司：网易

分类：JavaScript

答案&解析


说一下对 React 和 Vue 的理解，它们的异同

公司：网易、脉脉、快手

分类：React、Vue

答案&解析


二叉树序列化反序列化

公司：微软

分类：算法

答案&解析


输入一个数字，找到对应的字母

/*
	如输入1 返回a
	输入26返回z
	输入27返回aa
	输入28返回ab
	输入53返回aaa
*/

公司：微软

分类：算法

答案&解析


Given an int n, output Mausoleum Array solutions.

// Given an int n, output Mausoleum Array solutions.
// Mausoleum Array:
// Construct by 1,1,2,2,3,3,…,n-1,n-1,n,n
// first were non-decreasing (i.e., increasing or remained the same), and then — non-increasing (decrease or remained unchanged).
// Mausoleum Array example:
// [1, 2, 2, 3, 4, 4, 3, 1];
// [1, 1];
// [2, 2, 1, 1];
// [1, 2, 3, 3, 2, 1].
// input/output example:
// n=1, [1,1]
// n=2, [1,1,2,2],[1,2,2,1],[2,2,1,1]
// n = 3,[3, 3, 2, 2, 1, 1],[2, 3, 3, 2, 1, 1],[2, 2, 3, 3, 1, 1],[1, 3, 3, 2, 2, 1],[1, 2, 3, 3, 2, 1],[1, 2, 2, 3, 3, 1],[1, 1, 3, 3, 2, 2],[1, 1, 2, 3, 3, 2],[1, 1, 2, 2, 3, 3]

公司：微软

分类：算法

答案&解析


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

公司：微软

分类：JavaScript、编程题

答案&解析


节流

公司：微软

分类：JavaScript、编程题

答案&解析


请求是异步的为什么会造成阻塞

公司：易车

分类：网络&安全

答案&解析


脚手架具体都做了哪些事，webpack 具体做了什么配置，怎样优化的打包大小

公司：易车

分类：工程化

答案&解析


介绍下 Webpack 的整个生命周期

公司：滴滴、挖财

分类：工程化

答案&解析


如何实现 5 秒自动刷新一次页面(具体都有什么方法 reload 之类的)

公司：易车

分类：JavaScript

答案&解析


都了解哪些 ES6、ES7 的新特性，箭头函数可以被 new 吗

公司：易车、脉脉、虎扑、喜马拉雅、百分点、海风教育、58

分类：JavaScript

答案&解析


说一下 JavaScript 继承都有哪些方法

公司：易车、脉脉、微医、海康威视

分类：JavaScript

答案&解析


Css 方式实现一个不知道宽高的 div 居中都有哪几种方法

公司：阿里、滴滴、易车、新东方、虎扑、饿了么、爱范儿、心娱、58

分类：Css

答案&解析


给一个字符串比如’abca’，返回第一个不重复的字母

公司：易车

分类：算法

答案&解析


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

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

公司：新东方

分类：JavaScript、编程题

答案&解析


数组和对象转换为字符串结果

var arry = [];
var obj = {};
// arry,obj 转成字符串的结果是什么？

公司：新东方

分类：JavaScript

答案&解析


请写出以下代码的打印结果

var a = {
  name: "A",
  fn() {
    console.log(this.name);
  },
};
a.fn();
a.fn.call({ name: "B" });
var fn1 = a.fn;
fn1();
// 写出打印结果

公司：新东方

分类：JavaScript

答案&解析


请写出以下代码的打印结果

let int = 1;
setTimeout(function () {
  console.log(int);
  int = 2;
  new Promise((resolve, reject) => {
    resolve();
  }).then(function () {
    console.log(int);
    int = 7;
  });
  console.log(int);
});
int = 3;
console.log(int);
new Promise((resolve, reject) => {
  console.log(int);
  return resolve((int = 4));
}).then(function (res) {
  console.log(int);
  int = 5;
  setTimeout(function () {
    console.log(int);
    int = 8;
  });
  return false;
});
console.log(int);
// 写出打印结果

公司：新东方

分类：JavaScript

答案&解析


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

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

公司：新东方

分类：JavaScript、编程题

答案&解析


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

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

公司：新东方

分类：JavaScript、编程题

答案&解析


给定⼀个只包括 ‘(’，’)’，’{’，’}’，’[’，’]’ 的字符串，判断字符串是否有效.

/*
  有效字符串需满⾜：
 	 	1. 左括号必须⽤相同类型的右括号闭合。
  	2. 左括号必须以正确的顺序闭合。
  注意空字符串可被认为是有效字符串。
  示例1：
  	输⼊: "()"
  	输出: true
  示例2：
  	输⼊: "()[]{}"
  	输出: true
  示例 3:
  	输⼊: "(]"
  	输出: false
  示例 4:
  	输⼊: "([)]"
  	输出: false
  示例 5:
  	输⼊: "{[]}"
  	输出: true
*/

公司：新东方

分类：算法

答案&解析


CDN 有哪些优化静态资源加载速度的机制

公司：头条

分类：网络&安全

答案&解析


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

公司：头条

分类：JavaScript、编程题

答案&解析


设计 AutoComplete 组件(又叫搜索组件、自动补全组件等)时，需要考虑什么问题？

公司：头条

分类：JavaScript

答案&解析


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

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、编程题

答案&解析


Webpack如何用 localStorage 离线缓存静态资源

公司：滴滴

分类：工程化

答案&解析


手动实现一个函数，给定一个数组[1,0,2,3,4,-1,-3]，输出任意两个值和为 0 的下标

公司：滴滴

分类：算法

答案&解析


请写出一下代码的打印结果

function a(obj) {
  obj.a = 2;
  obj = { a: 3 };
  return obj;
}
const obj = { a: 1 };
a(obj);
console.log(obj);

公司：滴滴

分类：JavaScript

答案&解析


Promise 链式调用如何实现

公司：滴滴

分类：JavaScript、编程题

答案&解析


说一下对BigInt的理解，在什么场景下会使用

公司：滴滴、高德

分类：JavaScript

答案&解析


null 是不是一个对象，如果是，如何判断一个对象是 null，不使用 JavaScript 提供的 api 如何进行判断

公司：滴滴

分类：JavaScript

答案&解析


gitlab 分支管理，线上如果发生 bug 怎么解决？

公司：滴滴

分类：其它

答案&解析


说一下对于堆栈的理解

公司：滴滴、高德

分类：JavaScript

答案&解析


介绍排序算法和快排原理

公司：寺库、百分点

分类：算法

答案&解析


[] == ![]为什么

公司：高德

分类：JavaScript

答案&解析


说一下 React.Component 和 React.PureComponent 的区别

公司：高德、有赞、酷家乐

分类：React

答案&解析


说一下对 React Hook 的理解，它的实现原理，和生命周期有哪些区别？

公司：高德

分类：React

答案&解析


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

公司：高德

分类：JavaScript、编程题

答案&解析


说一下错误监控的实现，错误监控的正确使用方式，日志如何分等级

公司：高德

分类：JavaScript

答案&解析


说一下 Vue3 与 Vue2 的对比

公司：高德

分类：Vue

答案&解析


vue 对数组的方法做了重写的操作，如何实现对 vue2 中对数组操作的 push()方法

公司：高德

分类：Vue

答案&解析


手动实现一个 Promisify 函数

公司：高德

分类：Node

答案&解析


说一下 React 有状态组件与无状态组件区别，以及为什么要用，它的优缺点

公司：高德

分类：React

答案&解析


说一下 Nginx 的缓存策略，强缓存与弱缓存的区别，二者的使用场景

公司：高德

分类：网络&安全

答案&解析


请写出以下代码执行结果

var a = { x: 1 };
var b = a;
a.x = a = { n: 1 };
console.log(a); // ?
console.log(b); // ?

公司：快手

分类：JavaScript

答案&解析


请写出以下代码执行结果

Function.prototype.a = () = >{alert(1)}
Object.prototype.b = () = >{alert(2)}
function A(){};
const a = new A();
a.a();
a.b();
// 写出执行结果

公司：快手

分类：JavaScript

答案&解析


请写出以下代码执行结果

let a = 0;
console.log(a);
console.log(b);
let b = 0;
console.log(c);
function c() {}
// 写出执行结果

公司：快手

分类：JavaScript

答案&解析


请写出以下代码执行结果

var x = 10;
function a(y) {
  var x = 20;
  return b(y);
}
function b(y) {
  return x + y;
}
a(20);
// 写出执行结果

公司：快手

分类：JavaScript

答案&解析


请写出以下代码执行结果

console.log(1);
setTimeout(() => {
  console.log(2);
});
process.nextTick(() => {
  console.log(3);
});
setImmediate(() => {
  console.log(4);
});
new Promise((resolve) => {
  console.log(5);
  resolve();
  console.log(6);
}).then(() => {
  console.log(7);
});
Promise.resolve().then(() => {
  console.log(8);
  process.nextTick(() => {
    console.log(9);
  });
});
// 写出执行结果

公司：快手

分类：JavaScript

答案&解析


请写出以下代码执行结果

[1, 2, 3, 4, 5].map(parseInt);
// 写出执行结果

公司：快手

分类：JavaScript

答案&解析


请写出以下代码执行结果

typeof typeof typeof [];
// 写出执行结果

公司：快手

分类：JavaScript

答案&解析


以下 css 最后是什么颜色

<style>
  div {
    color: red;
  }
  #title {
    color: yellow;
  }
  div.title {
    color: bule;
  }
</style>
<div class="title" id="title">abc</div>

公司：快手

分类：Css

答案&解析


说一下什么是死锁

公司：快手

分类：JavaScript

答案&解析


实现以下代码

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、编程题

答案&解析


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

公司：快手

分类：JavaScript、编程题

答案&解析


实现一个函数柯里化

公司：快手

分类：JavaScript、编程题

答案&解析


一个人每次只能走一层楼梯或者两层楼梯，问走到第 80 层楼梯一共有多少种方法

公司：快手

分类：算法

答案&解析


简述 Vue 的基本原理

公司：脉脉

分类：Vue

答案&解析


简述 Vue 的生命周期以及每个阶段做的事

公司：脉脉、58

分类：Vue

答案&解析


说一下 Vue 组件的通信方式都有哪些？(父子组件，兄弟组件，多级嵌套组件等等)

公司：脉脉、58

分类：Vue

答案&解析


说一下 Vuex 的原理以及自己的理解

公司：脉脉

分类：Vue

答案&解析


Vue v-model 是如何实现的，语法糖实际是什么

公司：脉脉

分类：Vue

答案&解析


说一下对 React context 的理解

公司：脉脉、酷家乐

分类：React

答案&解析


说一下对 React-redux 的理解以及它的原理，主要解决什么问题

公司：阿里、脉脉

分类：React

答案&解析


说一下 Redux 的原理，介绍下整体的一个工作流程

公司：脉脉、兑吧、寺库、蘑菇街、百分点

分类：React

答案&解析


React 如何避免 renderd 的触发

公司：脉脉

分类：React

答案&解析


说一下 Vue dom diff 算法

公司：网易

分类：Vue

答案&解析


说一下对 vnode 的理解，vnode 的引入与直接操作原生 dom 相比，哪一个相率更高，为什么

公司：脉脉、菜鸟网络、蘑菇街

分类：React

答案&解析


说一下对原型链的理解，画一个经典的原型链图示

公司：脉脉、兑吧、快手

分类：JavaScript

答案&解析


简述 Grid 布局

分类：Css

答案&解析


说一下 ajax/axios/fetch 的区别

公司：脉脉

分类：JavaScript

答案&解析


用 Promise 封装一个 ajax

公司：脉脉

分类：JavaScript、编程题

答案&解析


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

公司：自如、头条

分类：Css、编程题

答案&解析


请描述 CSRF、XSS 的基本概念、攻击原理和防御措施？

公司：自如、挖财、腾讯应用宝、沪江、喜马拉雅

分类：网络&安全

答案&解析


请描述提升页面性能的方式有哪些，如何进行首页加载优化

公司：自如

分类：网络&安全

答案&解析


描述 DOM 事件捕获的具体流程

公司：自如

分类：JavaScript

答案&解析


Http 报文的请求会有几个部分？请写出 HTTP 报文的组成部分

公司：自如、滴滴

分类：网络&安全

答案&解析


301，302，304 的区别

公司：自如

分类：网络&安全

答案&解析


请实现$on,$emit

公司：自如

分类：JavaScript、编程题

答案&解析


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

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

分类：JavaScript、编程题

答案&解析


手写实现 sleep 函数

公司：自如

分类：JavaScript、编程题

答案&解析


介绍一下 node 核心模块（主要是 stream）

公司：自如、菜鸟网络

分类：Node

答案&解析


说一下 webpack 与 gulp 的区别（源码角度）

公司：自如

分类：工程化

答案&解析


请写出原生 js 如何设置元素高度

公司：自如

分类：JavaScript

答案&解析


说一下 Vue 的$nextTick 原理

公司：自如

分类：Vue

答案&解析


说一下 vue-router 的原理

公司：自如

分类：Vue

答案&解析


node 如何做错误监控（运行时与其他）如何生成日志，日志等级

公司：自如

分类：Node

答案&解析


Node 的适用场景以及优缺点是什么？

公司：道一云

分类：Node

答案&解析


Vue 是如何收集依赖的

公司：自如

分类：Vue

答案&解析


用原生 js 实现自定义事件

公司：自如

分类：JavaScript、编程题

答案&解析


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

分类：JavaScript、编程题

答案&解析


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

分类：Css、编程题

答案&解析


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

分类：JavaScript、编程题

答案&解析


将 153812.7 转化为 153,812.7

分类：JavaScript、编程题

答案&解析


给定一个数组，形如 [1, 1, 2 , 3, 3, 3, 3, 4, 6, 6]，给定一个数 n，例如 3，找出给定的数 n 在数组内出现的次数，要求时间复杂度小于 O(n)

分类：算法

答案&解析


说一下 https 获取加密秘钥的过程

分类：网络&安全

答案&解析


Css 画一个三角形

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

分类：Css、编程题

答案&解析


说一下 Vue 单页与多页的区别

分类：Vue

答案&解析


说一下 Vue 路由实现原理

分类：Vue

答案&解析


数组有哪些方法 讲讲区别跟使用场景

公司：掌门一对一

分类：JavaScript

答案&解析


localstorage、sessionStorage、indexDB 和 cookie 的区别

公司：掌门一对一、滴滴、兑吧、寺库

分类：网络&安全

答案&解析


讲一下函数式编程

公司：掌门一对一

分类：JavaScript

答案&解析


promise 跟 async await 的区别，使用场景

公司：网易、虎扑、沪江

分类：JavaScript

答案&解析


async、await 如何进行错误捕获

公司：虎扑

分类：JavaScript

答案&解析


Css 超出省略怎么写，三行超出省略怎么写

公司：虎扑

分类：Css

答案&解析


Css inherit、initial、unset 三者的区别

公司：虎扑

分类：Css

答案&解析


介绍下 Flex 布局，属性都有哪些，都是干啥的

公司：阿里、虎扑、快手

分类：Css

答案&解析


点击一个按钮，浏览器会做些什么

公司：虎扑

分类：网络&安全

答案&解析


script 的 async 跟 defer 的区别？

公司：虎扑

分类：Html

答案&解析


React15/16.x 的区别

公司：百分点

分类：React

答案&解析


weak-Set、weak-Map 和 Set、Map 区别

公司：虎扑

分类：JavaScript

答案&解析


mvvm 模型和 mvc 模型区别

公司：虎扑

分类：其它

答案&解析


如何实现一个 mvvm 模型

公司：虎扑

分类：其它

答案&解析


Vue3.0 为什么要用 proxy？是怎么用 proxy 实现数据监听的?

公司：虎扑、CVTE

分类：Vue

答案&解析


valueOf 与 toString 的区别

分类：JavaScript

答案&解析


TCP 三次握手

公司：菜鸟网络、头条

分类：网络&安全

答案&解析


koa2 和 express 区别

公司：菜鸟网络、海风教育

分类：Node

答案&解析


怎么判断是一个空对象

公司：菜鸟网络

分类：JavaScript

答案&解析


请写出下面代码的执行结果

setTimeout(() => {
  console.log(0);
}, 0);
new Promise((res) => setTimeout(res, 0)).then(() => {
  console.log(1);
  setTimeout(() => {
    console.log(2);
  }, 0);
  new Promise((r = r())).then(() => {
    console.log(3);
  });
});
setTimeout(() => {
  console.log(4);
}, 0);
new Promise((res) => res()).then(() => {
  console.log(5);
});

分类：JavaScript

答案&解析


请写出下面代码的执行结果

function Foo() {
  getName = function () {
    alert(1);
  };
  return this;
}
getName();
Foo.getName = function () {
  alert(2);
};
Foo.prototype.getName = function () {
  alert(3);
};
getName = function () {
  alert(4);
};

// 请写出下面的输出结果
getName();
Foo.getName();
new Foo().getName();

分类：JavaScript

答案&解析


现在有随机整数数组，例如[2,11,20,160,3,1…]，请挑出数组内，三个随机整数和为 100 的所有数据。

分类：算法

答案&解析


请只用数组方法和 Math.random()在一条语句的情况下，实现生成给定位数的随机数组，例如生成 10 位随机数组[1.1,102.1,2,3,8,4,90,123,11,123],数组内数字随机生成。

分类：JavaScript

答案&解析


实现一个 setter 方法

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、编程题

答案&解析


LocalStorage 加密原理

公司：腾讯应用宝

分类：网络&安全

答案&解析


setTimeout 与 setInterval 区别

公司：腾讯应用宝

分类：JavaScript

答案&解析


说一下常见的状态码

公司：腾讯应用宝、喜马拉雅

分类：网络&安全

答案&解析


项目中如何应用数据结构

公司：挖财

分类：JavaScript

答案&解析


304 页面的原理

公司：腾讯应用宝

分类：网络&安全

答案&解析


RN、Weex、Dart 的优缺点

公司：腾讯应用宝、寺库

分类：其它

答案&解析


知道语义化吗？说说你理解的语义化，如果是你，平时会怎么做来保证语义化？说说你了解的 HTML5 语义化标签？

公司：蘑菇街

分类：Html

答案&解析


闭包的核心是什么

公司：寺库

分类：JavaScript

答案&解析


响应式布局用到的技术，移动端需要注意什么

分类：Css

答案&解析


写出代码输出结果

var fullname = "Test1";
var obj = {
  fullname: "Test2",
  prop: {
    fullname: "Test3",
    getFullname: function () {
      return this.fullname;
    },
  },
};
console.log(obj.prop.getFullname());
var test = obj.prop.getFullname;
console.log(test());

公司：心娱、安居客

分类：JavaScript

答案&解析


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

分类：JavaScript、编程题

答案&解析


什么是作用域链

分类：JavaScript

答案&解析


介绍事件冒泡、事件代理、事件捕获，以及它们的关系

公司：腾讯应用宝、安居客

分类：JavaScript

答案&解析


for…of 和 for…in 是否可以直接遍历对象，为什么

分类：JavaScript

答案&解析


在 map 中和 for 中调用异步函数的区别

分类：JavaScript

答案&解析


gennerator yield 的作用

分类：JavaScript

答案&解析


promise 的状态有哪些

公司：微医

分类：JavaScript

答案&解析


在 ES6 中有哪些解决异步的方法

分类：JavaScript

答案&解析


es6 类继承中 super 的作用

分类：JavaScript

答案&解析


cros 的简单请求和复杂请求的区别

分类：JavaScript

答案&解析


统计一组整形数组的最大差值？

公司：心娱

分类：算法

答案&解析


addEventListener 的第三个参数的作用

分类：JavaScript

答案&解析


上传文件的 Content_Type 什么，node 如何拿到上传的文件内容(不适用第三方插件)？文件内容是一次行传输过去的么

分类：Node

答案&解析


获取 id 为 netease 节点下所有的 checkbox 子元素(不用框架，注意兼容)

公司：网易

分类：JavaScript

答案&解析


使用原型链如何实现继承

公司：腾讯应用宝、安居客

分类：JavaScript

答案&解析


如何获取一个对象的深度

分类：JavaScript

答案&解析


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

分类：JavaScript、编程题

答案&解析


说一下 splice 和 slice 的功能用法

分类：JavaScript

答案&解析


面向对象的三要素是啥？都是啥意思？

分类：JavaScript

答案&解析


函数中的 this 有几种

分类：JavaScript

答案&解析


如何同时获取 html 中的 h1,h2,h3,h4,h5,h6 中的内容

分类：JavaScript

答案&解析


JavaScript 的执行流程

分类：JavaScript

答案&解析


Promise.resolve(obj)，obj 有几种可能

分类：JavaScript

答案&解析


写出代码执行结果

new Promise((resolve, reject) => {
  reject("1");
})
  .catch((e) => {
    console.log(1);
  })
  .then((res) => {
    console.log(2);
  });

分类：JavaScript

答案&解析


nextTick 是在本次循环执行，还是在下次，setTimeout(() => {}, 0)呢？

分类：JavaScript

答案&解析


A、B 两个条件组件，如何做到 webpack 只打包条件为 true 的组件，false 的组件不打包

分类：工程化

答案&解析


说一下对 vue3.0 的了解，vue3.0 为什么要用代理

分类：Vue

答案&解析


子组件可以直接改变父组件的数据么，说明原因

分类：Vue

答案&解析


webpack 怎么处理内联 css 的

分类：工程化

答案&解析


webpack 如何做异步加载

分类：工程化

答案&解析


客户端缓存有几种方式？浏览器出现 from disk、from memory 的策略是啥

分类：网络&安全

答案&解析


什么是 http？什么是 http2？说下 http 与 http2 的工作流程

分类：网络&安全

答案&解析


客户端如何发送 http 请求

分类：网络&安全

答案&解析


使用正则去掉 Dom 中的内联样式

分类：JavaScript

答案&解析


写一个匹配 ip 地址的正则

分类：JavaScript

答案&解析


写一个匹配 Html 标签的正则

分类：JavaScript

答案&解析


使用 typescript 的装饰器能否实现函数调用前出现加载动画，调用后关闭，如果能，这个加载动画的控制代码是放在哪种装饰器上呢

分类：其它

答案&解析


unicode 和 utf8 的关系

分类：其它

答案&解析


介绍下 pm2，pm2 依据什么重启服务

公司：阿里

分类：Node

答案&解析


什么是微服务，微服务跟单体应用的区别是啥，用微服务有啥好处？

分类：Node

答案&解析


IOC 是啥，应用场景是啥？

分类：JavaScript

答案&解析


是否了解 docker，介绍一下

分类：其它

答案&解析


写出代码执行的打印结果

function a(obj) {
  obj.a = 2;
  obj = { a: 3 };
  return obj;
}
const obj = { a: 1 };
a(obj);
console.log(obj);

分类：JavaScript

答案&解析


实现函数

d1,,,
d2,,,
d3,,,

把上边的字符串输出1，2，3的和 //6

分类：JavaScript

答案&解析


使用过的 koa2 中间件，中间件的原理是什么？

公司：阿里、宝宝树

分类：Node

答案&解析


koa-body 原理

公司：阿里

分类：Node

答案&解析


有没有写过中间件，介绍下自己写过的中间件

公司：阿里

分类：Node

答案&解析


有没有涉及到 Cluster，说一下你的理解

公司：阿里

分类：Node

答案&解析


master 挂了的话 pm2 怎么处理

公司：阿里

分类：Node

答案&解析


Node 如何和 MySQL 进行通信

公司：阿里

分类：Node

答案&解析


如何配置 React-Router 实现路由切换

公司：阿里、滴滴

分类：React

答案&解析


服务端渲染 SSR

公司：阿里

分类：Node

答案&解析


介绍 Redux 数据流的流程

公司：阿里

分类：React

答案&解析


Redux 如何实现多个组件之间的通信，多个组件使用相同状态如何进行管理

公司：阿里

分类：React

答案&解析


React 路由的动态加载模块，实现按需加载

公司：阿里

分类：React

答案&解析


多个组件之间如何拆分各自的 state，每块小的组件有自己的状态，它们之间还有一些公共的状态需要维护，这如何思考

公司：阿里

分类：React

答案&解析


使用过的 Redux 中间件

公司：阿里

分类：React

答案&解析


redux 的设计思想

公司：头条

分类：React

答案&解析


移动端适配 1px 的问题

公司：阿里

分类：Css

答案&解析


居中为什么要使用 transform（为什么不使用 marginLeft/marginTop）

公司：阿里

分类：Css

答案&解析


Webpack 里面的插件是怎么实现的

公司：阿里

分类：工程化

答案&解析


dev-server 是怎么跑起来的

公司：阿里

分类：工程化

答案&解析


Webpack 抽取公共文件是怎么配置的

公司：阿里

分类：工程化

答案&解析


项目中如何处理安全问题

公司：阿里、喜马拉雅

分类：其它

答案&解析


怎么实现 this 对象的深拷贝

公司：阿里

分类：JavaScript

答案&解析


使用 canvas 绘图时如何组织成通用组件

公司：宝宝树

分类：JavaScript

答案&解析


表单可以跨域吗

公司：网易

分类：JavaScript

答案&解析


搜索请求如何处理？搜索请求中文如何请求？

公司：网易

分类：JavaScript

答案&解析


介绍观察者模式

公司：网易、海风教育

分类：JavaScript

答案&解析


介绍中介者模式

公司：网易

分类：JavaScript

答案&解析


观察者和订阅-发布的区别，各自用在哪里

公司：网易、有赞、微医

分类：JavaScript

答案&解析


通过什么做到并发请求

公司：网易

分类：JavaScript

答案&解析


http1.1 时如何复用 tcp 连接

公司：网易

分类：网络&安全

答案&解析


介绍 service worker

公司：网易

分类：JavaScript

答案&解析


介绍 css3 中 position:sticky

公司：网易

分类：Css

答案&解析


redux 请求中间件如何处理并发

公司：网易

分类：React

答案&解析


介绍浏览器事件流向

公司：网易

分类：网络&安全

答案&解析


介绍事件代理以及优缺点，主要解决什么问题

公司：网易、沪江

分类：JavaScript

答案&解析


React 组件中怎么做事件代理？它的原理是什么？

公司：网易

分类：React

答案&解析


介绍下 this 的各种情况

公司：网易、蘑菇街

分类：JavaScript

答案&解析


前端如何控制管理路由

公司：网易

分类：JavaScript

答案&解析


使用路由时出现问题如何解决

公司：网易

分类：JavaScript

答案&解析


React 怎么做数据的检查和变化

公司：网易

分类：React

答案&解析


react-router 里的 Link 标签和 a 标签有什么区别

公司：滴滴

分类：React

答案&解析


a 标签默认事件禁掉之后做了什么才实现了跳转

公司：滴滴

分类：Html

答案&解析


整个前端性能提升大致分几类

公司：滴滴

分类：其它

答案&解析


import { Button } from ‘antd’，打包的时候只打包 button，分模块加载，是怎么做到的

公司：滴滴

分类：工程化

答案&解析


使用 import 时，webpack 对 node_modules 里的依赖会做什么

公司：滴滴

分类：工程化

答案&解析


JavaScript 异步解决方案的发展历程以及优缺点

公司：滴滴、挖财、宝宝树、海康威视

分类：JavaScript

答案&解析


cookie 放哪里，cookie 能做的事情和存在的价值

公司：滴滴

分类：网络&安全

答案&解析


cookie 和 token 都存放在 header 里面，为什么只劫持前者

公司：滴滴

分类：网络&安全

答案&解析


以下 axios 的特点正确的有哪些？(多选题)

A.axios 可以跨平台，支持 promise 的所有 API
B.可以拦截请求和响应
C.可以转换请求数据和响应数据，并对响应回来的内容自动转换为 json 类型的数据
D.安全性更高，客户端支持防御 XSRF

公司：道一云

分类：其它

答案&解析


React 中 Dom 结构发生变化后内部经历了哪些变化

公司：滴滴

分类：React

答案&解析


React 挂载的时候有 3 个组件，textComponent、composeComponent、domComponent，区别和关系，Dom 结构发生变化时怎么区分 data 的变化，怎么更新，更新怎么调度，如果更新的时候还有其他任务存在怎么处理

公司：滴滴

分类：React

答案&解析


React 子父组件之间如何传值

公司：饿了么

分类：React

答案&解析


Redux 中间件是什么东西？接受几个参数？柯里化函数两端的参数具体是什么东西？

公司：滴滴

分类：React

答案&解析


Redux 中间件· 中间件是怎么拿到 store 和 action？然后怎么处理？

公司：滴滴

分类：React

答案&解析


state 是怎么注入到组件的，从 reducer 到组件经历了什么样的过程

公司：滴滴

分类：React

答案&解析


koa 中 response.send、response.rounded、response.json 发生了什么事，浏览器为什么能识别到它是一个 json 结构或是 html

公司：滴滴

分类：Node

答案&解析


koa-bodyparser 如何解析 request

公司：滴滴

分类：Node

答案&解析


介绍 AST（Abstract Syntax Tree）抽象语法树

公司：滴滴

分类：JavaScript

答案&解析


安卓 Activity 之间数据是怎么传递的

公司：滴滴

分类：其它

答案&解析


说下安卓系统中的 webview

公司：滴滴

分类：其它

答案&解析


WebView 和原生是如何通信

公司：滴滴

分类：其它

答案&解析


对 async、await 的理解，内部原理是怎样的？

公司：头条

分类：JavaScript

答案&解析


清除浮动的方式

公司：头条

分类：Css

答案&解析


接入 Redux 过程？绑定 connect 的过程？connect 的原理

公司：头条、宝宝树

分类：React

答案&解析


== 和 =的区别，什么情况下用相等

公司：头条、安居客

分类：JavaScript

答案&解析


bind、call、apply 的区别

公司：头条、挖财、饿了么、心娱

分类：JavaScript

答案&解析


介绍下原型链

公司：头条

分类：JavaScript

答案&解析


Linux 754 介绍

公司：有赞

分类：其它

答案&解析


介绍冒泡排序、选择排序，说说冒泡排序如何优化

公司：有赞

分类：算法

答案&解析


transform 动画和直接使用 left、top 改变位置有什么优缺点

公司：有赞、腾讯应用宝

分类：Css

答案&解析


如何判断链表是否有环

公司：有赞

分类：算法

答案&解析


介绍二叉搜索树的特点

公司：有赞

分类：算法

答案&解析


介绍暂时性死区

公司：有赞

分类：JavaScript

答案&解析


ES6 中的 map 和原生的对象有什么区别

公司：有赞

分类：JavaScript

答案&解析


RN 如何调用原生的一些功能、如何和原生进行通信

公司：寺库、宝宝树

分类：React

答案&解析


react 异步渲染的概念,介绍 Time Slicing 和 Suspense

公司：有赞

分类：React

答案&解析


16.X 中 props 改变后在哪个生命周期中处理

公司：有赞

分类：React

答案&解析


对纯函数的理解

公司：有赞

分类：JavaScript

答案&解析


介绍 JSX

公司：有赞

分类：JavaScript

答案&解析


如何做 RN 在安卓和 IOS 端的适配

公司：有赞

分类：React

答案&解析


RN 为什么能在原生中绘制成原生组件

公司：有赞

分类：React

答案&解析


对虚拟 DOM 的理解？虚拟 DOM 主要做了什么？虚拟 DOM 本身是什么？

公司：有赞、微医、58

分类：React、Vue

答案&解析


cookie 的引用为了解决什么问题

公司：寺库

分类：网络&安全

答案&解析


如何设计一个 localStorage，保证数据的时效性

公司：有赞

分类：JavaScript

答案&解析


介绍下 React 高阶组件，和普通组件有什么区别，适用什么场景

公司：有赞、饿了么、喜马拉雅、乘法云

分类：React

答案&解析


实现 sum 方法，使 sum(x)(y),sum(x,y)返回的结果相同

公司：有赞、网易、乘法云

分类：JavaScript

答案&解析


两个对象如何比较

公司：有赞

分类：JavaScript

答案&解析


说一下变量的作用域链

公司：挖财

分类：JavaScript

答案&解析


介绍 dom 树对比

公司：挖财

分类：JavaScript

答案&解析


如何设计状态树

公司：挖财

分类：JavaScript

答案&解析


native 提供了什么能力给 RN

公司：挖财

分类：React

答案&解析


如何做工程上的优化

公司：挖财

分类：其它

答案&解析


shouldComponentUpdate 是为了解决什么问题

公司：挖财

分类：React

答案&解析


如何解决 props 层级过深的问题

公司：挖财

分类：React

答案&解析


前端怎么做单元测试

公司：挖财

分类：工程化

答案&解析


pm2 怎么做进程管理，进程挂掉怎么处理

公司：挖财

分类：Node

答案&解析


不用 pm2 怎么做进程管理

公司：挖财

分类：Node

答案&解析


jsonp 方案需要服务端怎么配合

公司：沪江

分类：Node

答案&解析


Ajax 发生跨域要设置什么（前端）

公司：沪江

分类：JavaScript

答案&解析


加上 CORS 之后从发起到请求正式成功的过程

公司：沪江

分类：JavaScript

答案&解析


Async 里面有多个 await 请求，可以怎么优化

公司：沪江

分类：JavaScript

答案&解析


React 遇到性能问题一般在哪个生命周期里解决

公司：沪江

分类：React

答案&解析


Vue 中一次性 200 条弹幕怎么处理

公司：58

分类：Vue

答案&解析


React/Redux 中哪些功能用到了哪些设计模式

公司：沪江

分类：React

答案&解析


JavaScript 变量类型分为几种，区别是什么

公司：沪江、酷狗

分类：JavaScript

答案&解析


JavaScript 里垃圾回收机制是什么，常用的是哪种，怎么处理的

公司：沪江、寺库

分类：JavaScript

答案&解析


一般怎么组织 CSS（Webpack）

公司：沪江

分类：工程化

答案&解析


一个对象数组，每个子对象包含一个 id 和 name，React 如何渲染出全部的 name？在哪个生命周期里写？其中有几个 name 不存在，通过异步接口获取，如何做？渲染的时候 key 给什么值？可以使用 index 吗？用 id 好还是 index 好？

公司：饿了么

分类：React

答案&解析


webpack 如何配 sass，需要配哪些 loader，配 css 需要哪些 loader

公司：饿了么

分类：工程化

答案&解析


如何配置把 js、css、html 单独打包成一个文件

公司：饿了么

分类：工程化

答案&解析


上下固定，中间滚动布局如何实现

公司：饿了么

分类：Css

答案&解析


ES5 和 ES6 有什么区别

公司：饿了么

分类：JavaScript

答案&解析


取数组的最大值（ES5、ES6）

公司：饿了么

分类：JavaScript

答案&解析


some、every、find、filter、map、forEach 有什么区别

公司：饿了么

分类：JavaScript

答案&解析


页面上生成一万个 button，并且绑定事件，如何做（JS 原生操作 DOM）？循环绑定时的 index 是多少，为什么，怎么解决？

公司：饿了么

分类：JavaScript

答案&解析


页面上有一个 input，还有一个 p 标签，改变 input 后 p 标签就跟着变化，如何处理？监听 input 的哪个事件，在什么时候触发？

公司：饿了么

分类：JavaScript

答案&解析


手写数组去重函数(至少三种以上，说明时间复杂度)

公司：携程、心娱

分类：算法

答案&解析


Promise 和 async/await，和 Callback 有什么区别

公司：携程、海风教育

分类：JavaScript

答案&解析


componentWillReceiveProps 的触发条件是什么

公司：喜马拉雅

分类：React

答案&解析


Redux 怎么实现属性传递，介绍下原理

公司：喜马拉雅

分类：React

答案&解析


网站 SEO 怎么处理

公司：喜马拉雅

分类：Html

答案&解析


403、301、302 是什么

公司：喜马拉雅

分类：网络&安全

答案&解析


HTTPS 怎么建立安全通道，Https 的加密过程

公司：喜马拉雅、寺库

分类：网络&安全

答案&解析


项目中对于用户体验做过什么优化

公司：喜马拉雅

分类：JavaScript

答案&解析


介绍下数字签名的原理

公司：喜马拉雅

分类：网络&安全

答案&解析


前后端通信使用什么方案

公司：喜马拉雅

分类：JavaScript

答案&解析


RESTful 常用的 Method

公司：喜马拉雅

分类：JavaScript

答案&解析


Access-Control-Allow-Origin 在服务端哪里配置

公司：喜马拉雅

分类：其它

答案&解析


前端和后端怎么联调

公司：喜马拉雅

分类：其它

答案&解析


如何实现高度自适应

公司：兑吧

分类：Css

答案&解析


prototype 和proto区别

公司：兑吧

分类：JavaScript

答案&解析


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

公司：兑吧

分类：JavaScript、编程题

答案&解析


如何实现 H5 手机端的适配

公司：兑吧、网易、心娱

分类：JavaScript

答案&解析


em 和 px 的区别

公司：兑吧

分类：Css

答案&解析


Redux 状态管理器和变量挂载到 window 中有什么区别

公司：兑吧、蘑菇街

分类：React

答案&解析


webpack 和 gulp 的优缺点

公司：兑吧

分类：工程化

答案&解析


如何去除 url 中的#号

公司：兑吧

分类：JavaScript

答案&解析


如何实现分模块打包（多入口）

公司：兑吧

分类：工程化

答案&解析


base64 为什么能提升性能，缺点

公司：兑吧

分类：JavaScript

答案&解析


介绍 webp 这个图片文件格式

公司：兑吧

分类：JavaScript

答案&解析


介绍 koa2，原理是什么？

公司：兑吧、海风教育

分类：Node

答案&解析


异步请求，低版本 fetch 如何低版本适配

公司：兑吧

分类：JavaScript

答案&解析


ajax 如何处理跨域？CORSr 如何设置？

公司：兑吧

分类：JavaScript

答案&解析


jsonp 为什么不支持 post 方法

公司：兑吧

分类：JavaScript

答案&解析


介绍 Immuable

公司：兑吧

分类：JavaScript

答案&解析


介绍 JS 全部数据类型，基本数据类型和引用数据类型的区别

公司：微医、玄武科技、快手

分类：JavaScript

答案&解析


Array 是 Object 类型吗

公司：微医

分类：JavaScript

答案&解析


说一下栈和堆的区别，垃圾回收时栈和堆的区别

公司：微医、寺库

分类：JavaScript

答案&解析


数组里面有 10 万个数据，取第一个元素和第 10 万个元素的时间相差多少

公司：微医

分类：JavaScript

答案&解析


Async/Await 怎么实现

公司：微医

分类：JavaScript

答案&解析


JavaScript 为什么要区分微任务和宏任务

公司：微医

分类：JavaScript

答案&解析


Promise 构造函数是同步还是异步执行，then 呢

公司：微医

分类：JavaScript

答案&解析


JavaScript 执行过程分为哪些阶段

公司：微医

分类：JavaScript

答案&解析


词法作用域和 this 的区别

公司：微医

分类：JavaScript

答案&解析


loadsh 深拷贝实现原理

公司：微医

分类：JavaScript

答案&解析


ES6 中 let 块作用域是怎么实现的

公司：微医

分类：JavaScript

答案&解析


React 中 setState 后发生了什么？setState 为什么默认是异步？setState 什么时候是同步？

公司：微医

分类：React

答案&解析


为什么 3 大框架出现以后就出现很多 native（RN）框架（虚拟 DOM）

公司：微医

分类：React

答案&解析


Webpack 打包时 Hash 码是怎么生成的？随机值存在一样的情况，如何避免？

公司：微医

分类：工程化

答案&解析


Webpack 做了什么？使用 webpack 构建时有无做一些自定义操作？

公司：微医

分类：工程化

答案&解析


node 接口转发有无做什么优化？node 起服务如何保证稳定性，平缓降级，重启等

公司：微医

分类：Node

答案&解析


RN 有没有做热加载？RN 遇到的兼容性问题？

公司：寺库

分类：React

答案&解析


RN 如何实现一个原生的组件？

公司：寺库

分类：React

答案&解析


RN 混原生和原生混 RN 有什么不同？

公司：寺库

分类：React

答案&解析


介绍单页应用和多页应用？

公司：寺库、海康威视

分类：React、Vue

答案&解析


RN 的原理，为什么可以同时在安卓和 IOS 端运行

公司：寺库

分类：React

答案&解析


介绍一下网络的五层模型

公司：寺库

分类：网络&安全

答案&解析


介绍 SSL 与 TLS

公司：寺库

分类：网络&安全

答案&解析


formData 和原生的 ajax 有什么区别

公司：宝宝树

分类：JavaScript

答案&解析


介绍下表单提交，和 formData 有什么关系

公司：宝宝树

分类：JavaScript

答案&解析


redux 和全局管理有什么区别

公司：宝宝树

分类：React

答案&解析


介绍 MVP 怎么组织

公司：宝宝树

分类：其它

答案&解析


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

公司：宝宝树

分类：JavaScript、编程题

答案&解析


服务端怎么做统一的状态处理

公司：宝宝树

分类：网络&安全

答案&解析


如何对相对路径引用进行优化

公司：宝宝树

分类：Node

答案&解析


介绍 node 文件查找优先级

公司：宝宝树

分类：Node

答案&解析


npm2 和 npm3+有什么区别

公司：宝宝树

分类：Node

答案&解析


如何处理异常捕获

公司：海康威视

分类：JavaScript

答案&解析


项目如何管理模块

公司：海康威视

分类：JavaScript

答案&解析


尽可能多的写出判断数组的方法

公司：海康威视、新东方

分类：JavaScript

答案&解析


介绍 localstorage 的 api

公司：海康威视

分类：JavaScript

答案&解析


html 标签 b 和 strong 的区别

公司：蘑菇街

分类：Html

答案&解析


使用原型最大的好处

公司：蘑菇街

分类：JavaScript

答案&解析


介绍 React 设计思路，它的理念是什么？

公司：蘑菇街、海风教育

分类：React

答案&解析


单例、工厂、观察者项目中实际场景

公司：酷家乐

分类：JavaScript

答案&解析


添加原生事件不移除为什么会内存泄露，还有哪些地方会存在内存泄漏

公司：酷家乐

分类：JavaScript

答案&解析


setInterval 需要注意的点

公司：酷家乐

分类：JavaScript

答案&解析


定时器为什么是不精确的

公司：酷家乐

分类：JavaScript

答案&解析


setTimeout(1)和 setTimeout(2)之间的区别

公司：酷家乐

分类：JavaScript

答案&解析


介绍宏任务和微任务

公司：酷家乐

分类：JavaScript

答案&解析


promise 里面和 then 里面执行有什么区别

公司：酷家乐

分类：JavaScript

答案&解析


props 和 state 的区别

公司：酷家乐

分类：React

答案&解析


介绍 class 和 ES5 的类以及区别

公司：酷家乐

分类：JavaScript

答案&解析


介绍 defineProperty 方法，什么时候需要用到

公司：酷家乐

分类：JavaScript

答案&解析


for…in 和 Object.keys 的区别

公司：酷家乐

分类：JavaScript

答案&解析


使用闭包特权函数的使用场景

公司：酷家乐

分类：JavaScript

答案&解析


哪些方法会触发 react 重新渲染？重新渲染 render 会做些什么？

公司：百分点

分类：React

答案&解析


state 和 props 触发更新的生命周期分别有什么区别？

公司：百分点

分类：React

答案&解析


React setState 是同步还是异步？

公司：百分点

分类：React

答案&解析


对无状态组件的理解

公司：百分点

分类：React

答案&解析


介绍箭头函数的 this

公司：百分点

分类：JavaScript

答案&解析


找到前 K 个最大的元素

公司：百分点

分类：算法

答案&解析


对 React 的看法，它的优缺点，使用过程中遇到的问题，如何解决的

公司：海风教育

分类：React

答案&解析


JavaScript 是什么范式语言

公司：海风教育

分类：JavaScript

答案&解析


Promise 有没有解决异步的问题

公司：海风教育

分类：JavaScript

答案&解析


Promise 和 setTimeout 的区别

公司：海风教育

分类：JavaScript

答案&解析


进程和线程的区别

公司：海风教育

分类：其它

答案&解析


介绍下 DFS 深度优先

公司：海风教育

分类：算法

答案&解析


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

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、编程题

答案&解析


请写出正确的执行结果

var yideng = {
  bar: function () {
    return this.baz;
  },
  baz: 1,
};
(function () {
  console.log(typeof arguments[0]());
})(yideng.bar);

分类：JavaScript

答案&解析


请写出正确的执行结果

function test() {
  console.log("out");
}
(function () {
  if (false) {
    function test() {
      console.log("in");
    }
    test();
  }
})();

分类：JavaScript

答案&解析


请写出正确的执行结果

var x = [typeof x, typeof y][1];
typeof x;

分类：JavaScript

答案&解析


请写出正确的执行结果

(function (x) {
  delete x;
  return x;
})(1);

分类：JavaScript

答案&解析


请写出正确的执行结果

var x = 1;
if (function f() {}) {
  x += typeof f;
}
x;

分类：JavaScript

答案&解析


请写出正确的执行结果

function f() {
  return f;
}
new f() instanceof f;

分类：JavaScript

答案&解析


请写出代码正确执行结果，并解释原因

Object.prototype.a = "a";
Function.prototype.a = "a1";
function Person() {}
var yideng = new Person();
console.log(yideng.a);

分类：JavaScript

答案&解析


请写出正确的执行结果

var yideng = [0];
if (yideng) {
  console.log(yideng == true);
} else {
  console.log("yideng");
}

分类：JavaScript

答案&解析


请写出正确的执行结果

function yideng() {
  return;
  {
    a: 1;
  }
}
var result = yideng();
console.log(result.a);

分类：JavaScript

答案&解析


按要求完成代码

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、编程题

答案&解析


请写出正确的执行结果

<script>
  //使用未定义的变量yideng
  yideng;
  console.log(1);
</script>
<script>
  console.log(2);
</script>

分类：JavaScript

答案&解析


请写出正确的执行结果

var yideng = Array(3);
yideng[0] = 2;
var result = yideng.map(function (elem) {
  return "1";
});
console.log(result);

分类：JavaScript

答案&解析


请修改代码能跳出死循环

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

分类：JavaScript、编程题

答案&解析


修改代码不造成死循环

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

分类：JavaScript、编程题

答案&解析


请写出代码正确执行结果

[1 < 2 < 3, 3 < 2 < 1];

分类：JavaScript

答案&解析


请写出代码正确执行结果

2 == [[[2]]];

分类：JavaScript

答案&解析


计算以上字节每位 ✈️ 的起码点，并描述这些字节的起码点代表什么

console.log("✈️".length);
// 1.计算以上字节每位✈️的起码点
// 2.描述这些字节的起码点代表什么

分类：JavaScript

答案&解析


请写出代码正确执行结果，并解释原因

var yidenga = Function.length,
  yidengb = new Function().length;
console.log(yidenga === yidengb);

分类：JavaScript

答案&解析


请写出代码正确执行结果

var length = 10;
function fn() {
  console.log(this.length);
}
var yideng = {
  length: 5,
  method: function (fn) {
    fn();
    arguments[0]();
  },
};
yideng.method(fn, 1);

分类：JavaScript

答案&解析


请写出代码正确执行结果，并解释原因

var yi = new Date("2018-08-20"),
  deng = new Date(2018, 08, 20);
[yi.getDay() === deng.getDay(), yi.getMonth() === deng.getMonth()];

分类：JavaScript

答案&解析


请写出代码正确执行结果

for (
  let i = (setTimeout(() => console.log("a->", i)), 0);
  setTimeout(() => console.log("b->", i)), i < 2;
  i++
) {
  i++;
}

分类：JavaScript

答案&解析


请写出代码正确执行结果，并解释原因

[typeof null, null instanceof Object];

分类：JavaScript

答案&解析


请问当前 textarea 文本框展示的内容是什么？

<textarea maxlength="10" id="yideng"></textarea>
<script>
  document.getElementById("yideng").value = "a".repeat(10) + "b";
</script>

分类：JavaScript

答案&解析


请写出代码正确执行结果

function sidEffecting(ary) {
  arr[0] = arr[2];
}
function yideng(a, b, c = 3) {
  c = 10;
  sidEffecting(arguments);
  return a + b + c;
}
yideng(1, 1, 1);

分类：JavaScript

答案&解析


请写出代码正确执行结果

yideng();
var flag = true;
if (flag) {
  function yideng() {
    console.log("yideng1");
  }
} else {
  function yideng() {
    console.log("yideng2");
  }
}

分类：JavaScript

答案&解析


请写出代码正确执行结果，并解释为什么

var min = Math.min(),
  max = Math.max();
console.log(min < max);

分类：JavaScript

答案&解析


请手写实现一个拖拽

分类：JavaScript、编程题

答案&解析


请手动实现一个浅拷贝

分类：JavaScript、编程题

答案&解析


介绍 instanceof 原理，并手动实现

分类：JavaScript、编程题

答案&解析


请实现一个 JSON.stringfy

分类：JavaScript、编程题

答案&解析


请实现一个 JSON.parse

分类：JavaScript、编程题

答案&解析


说一下减少 dom 数量的办法？一次性给你大量的 dom 怎么优化？

公司：58

分类：Html

答案&解析


vue hooks 有哪些

分类：Vue

答案&解析


介绍 Vue template 到 render 的过程

分类：Vue

答案&解析


为什么用 gulp 打包 node

分类：工程化

答案&解析


Node 不支持哪些 ES6 语法

分类：Node

答案&解析


Webpack 为什么慢，如何进行优化

分类：工程化

答案&解析


请写出代码正确执行结果，并解释原因？

console.log("hello" + (1 < 2) ? "word" : "me");

公司：会小二

分类：JavaScript

答案&解析


请写出代码正确执行结果，并解释原因？

var a = (b = 1);
(function () {
  var a = (b = 2);
})();
console.log(a, b);

公司：会小二

分类：JavaScript

答案&解析


请写出代码正确执行结果，并解释原因？

if ([] instanceof Object) {
  console.log(typeof null);
} else {
  console.log(typeof undefined);
}

公司：会小二

分类：JavaScript

答案&解析


请写出代码正确执行结果，并解释原因？

var obj = {};
obj.name = "first";
var peo = obj;
peo.name = "second";
console.log(obj.name);

公司：会小二

分类：JavaScript

答案&解析


请写出代码正确执行结果，并解释原因？

function say(word) {
  let word = "hello";
  console.log(word);
}
say("hello Lili");

公司：会小二

分类：JavaScript

答案&解析


请写出代码的正确执行结果，并解释原因？

function fun(n, o) {
  console.log(o);
  return {
    fun: function (m) {
      return fun(m, n);
    },
  };
}
var b = fun(0).fun(1).fun(2).fun(3);

公司：会小二

分类：JavaScript

答案&解析


以下选项为 css 盒模型属性有哪些？(多选题)

A.font
B.margin
C.padding
D.visible
E.border

公司：会小二

分类：Css

答案&解析


递归公式的时间复杂度为？(单选题)

A.O(n)
B.O(logn)
C.O(nlogn)
D.O(n2)

公司：会小二

分类：算法

答案&解析


以下说法中对协议描述不正确的是？(单选题)

A.HTTP 协议是在 TCP/IP 协议之上的应用层协议
B.HTTP 1.1 缺省支持 keep-alive
C.WebSocket 是由 Socket 发展而来的新规范
D.WebSocket 可以建立持久连接

公司：会小二

分类：网络&安全

答案&解析


以下哪些是 HTTP 请求中浏览器缓存机制会用到的协议头？(多选题)

A.Last-Modified
B.Etag
C.Referer
D.Authorization

公司：会小二

分类：网络&安全

答案&解析


怎么定义 vue-router 的动态路由？怎么获取传过来的动态参数？

公司：会小二

分类：Vue

答案&解析


JavaScript 中如何模拟实现方法的重载

公司：会小二

分类：JavaScript、编程题

答案&解析


请解释 JSONP 的工作原理

公司：会小二、安居客

分类：JavaScript

答案&解析


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

公司：会小二

分类：JavaScript、编程题

答案&解析


用 JavaScript 实现一个标准的排序算法(快排、冒泡、选择排序)，对某个数字数组进行由低到高的排序。

公司：会小二

分类：算法

答案&解析


实现一个打点计时器

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

公司：会小二

分类：JavaScript、编程题

答案&解析


下面关于 Vue 说法正确的是？(单选题)

A.data 中某一属性的值发生改变后，视图会立即同步进行重新渲染
B.Vue 实例创建后再添加的属性，该属性改动将不会触发视图更新
C.计算属性只有在它的相关依赖发生改变时才会重新求值
D.Vue 组件的 data 选项必须是函数

公司：会小二

分类：Vue

答案&解析


JavaScript 写一个单例模式，可以具体到某一个场景

公司：会小二

分类：JavaScript、编程题

答案&解析


JavaScript 基本数据类型都有哪些？用 typeOf 判断分别显示什么？

公司：会小二、安居客

分类：JavaScript

答案&解析


怎么判断引用类型数据，兼容判断原始类型数据呢？

公司：会小二

分类：JavaScript

答案&解析


请写下你对协商缓存和强缓存的理解？

公司：会小二、58

分类：网络&安全

答案&解析


git pull -rebase 和 git pull 的区别是什么？

公司：会小二

分类：工程化

答案&解析


说下盒模型的区别？介绍一下标准的 CSS 盒模型？border-box 和 content-box 有什么区别？

公司：快手、会小二

分类：Css

答案&解析


给出页面的加载顺序

分类：网络&安全

答案&解析


Html5 有哪些新特性？如何处理 Html5 新标签的浏览器兼容问题？如何区分 Html 和 Html5?

分类：Html

答案&解析


找出“aaaabbcccdddd”字符串中出现最多的字母？

公司：心娱

分类：算法

答案&解析


概述异步编程模型

公司：酷狗

分类：JavaScript

答案&解析


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

分类：JavaScript、编程题

答案&解析


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

分类：JavaScript、编程题

答案&解析


简述 JavaScript 中的函数的几种调用方式

分类：JavaScript

答案&解析


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

分类：JavaScript、编程题

答案&解析


详细描述一个 http 请求从发起请求到收到响应的全部过程(越细越好)

分类：网络&安全

答案&解析


简述静态链接和动态链接的区别，并举例说明

分类：网络&安全

答案&解析


求 n 以内的所有素数，并说明时间复杂度

分类：算法

答案&解析


手写实现 call

公司：腾讯应用宝

分类：JavaScript

答案&解析


手写实现 apply

分类：JavaScript

答案&解析


一个 dom 必须要操作几百次，该如何解决，如何优化？

分类：JavaScript

答案&解析


为什么要用 Vuex 或者 Redux，不要说为了保存状态

分类：Vue

答案&解析


为什么 Vue data 必须是函数

分类：Vue

答案&解析


页面埋点怎么实现

分类：JavaScript

答案&解析


除了 jsonp、postmessage 后端控制，怎么实现跨页面通讯

分类：JavaScript

答案&解析


Vue data 中某一个属性的值发生改变后，视图会立即同步执行重新渲染吗？

分类：Vue

答案&解析


Webpack 打包出来的体积太大，如何优化体积？

分类：工程化

答案&解析


缓存有哪些？前端缓存有哪些？怎么用？如何和后台配合

公司：高思教育

分类：网络&安全

答案&解析


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

分类：JavaScript、编程题

答案&解析


简述 mixin、extends 的覆盖逻辑

公司：58

分类：Vue

答案&解析


Vue 子组件和父组件执行顺序

分类：Vue

答案&解析


Dom tree 和 cssdom 是如何合并成 render tree 的

分类：网络&安全

答案&解析


addEventListener 再 removeListener 会不会造成内存泄漏

分类：JavaScript

答案&解析


scrollview 如何进行性能优化(例如 page=100 时，往上滚动)

分类：JavaScript

答案&解析


原生 JavaScript 获取 ul 中的第二个 li 里边的 p 标签的内容

分类：JavaScript

答案&解析


说下 offsetWith 和 clientWidth、offsetHeight 和 clientHeight 的区别，说说 offsetTop，offsetLeft，scrollWidth、scrollHeight 属性都是干啥的

公司：快手

分类：JavaScript

答案&解析


Css 单位都有哪些？

公司：快手

分类：Css

答案&解析


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

公司：快手

分类：Css、编程题

答案&解析


一个标签的 class 样式的渲染顺序，id、class、标签、伪类的优先级

公司：快手

分类：Css

答案&解析


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

公司：快手

分类：JavaScript、编程题

答案&解析


数组截取插入 splice，push 返回值，数组的栈方法、队列方法、排序方法、操作方法、迭代方法说一下

公司：快手

分类：JavaScript

答案&解析


判断一个变量的类型，写个方法用 Object.prototype.toString 判断传入数据的类型

公司：快手

分类：JavaScript

答案&解析


判断一个变量的类型，写个方法用 Object.prototype.toString 判断传入数据的类型？Object.prototype.toString.call(Symbol) 返回什么？

公司：快手

分类：JavaScript

答案&解析


对作用域和闭包的理解，解释下 let 和 const 的块级作用域

公司：快手

分类：JavaScript

答案&解析


以下代码输出什么？

setTimeout(function () {
  console.log(1);
}, 0);
new Promise(function executor(resolve) {
  console.log(2);
  for (var i = 0; i < 10000; i++) {
    i == 9999 && resolve();
  }
  console.log(3);
}).then(function () {
  console.log(4);
});
console.log(5);

公司：心娱

分类：JavaScript

答案&解析


switch case，case 具体是怎么比较的，哪些情况下会走到 default

公司：快手

分类：JavaScript

答案&解析


说下 typeof()各种类型的返回值？instanceof 呢？

公司：快手

分类：JavaScript

答案&解析


if([] == 0), [1,2] == “1,2”, if([]), [] == 0 具体是怎么对比的

公司：快手

分类：JavaScript

答案&解析


如何加快页面渲染速度，都有哪些方式

公司：快手

分类：JavaScript

答案&解析


generator 的实现原理

公司：滴滴、58

分类：JavaScript

答案&解析


CDN 分布式部署，如何处理用户请求最近的资源？

公司：快手

分类：网络&安全

答案&解析


说一下缓存有哪几种，具体都是怎么实现和比较的，缓存优先级，相互之间的对比

公司：快手

分类：网络&安全

答案&解析


使用 typescript 的优势有哪些

公司：快手

分类：其它

答案&解析


说下你对浏览器缓存理解

公司：头条

分类：网络&安全

答案&解析


css 如何实现动画

公司：头条

分类：Css

答案&解析


判断是否是数组的方法

公司：头条

分类：JavaScript

答案&解析


给定一个二叉树，找出其最大深度。二叉树的深度为根节点到最远叶子节点的最长路径上的节点数。说明: 叶子节点是指没有子节点的节点

公司：头条

分类：算法

答案&解析


给定一个整数数组 nums，找到一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和

公司：头条

分类：算法

答案&解析


手写 EventEmitter 实现

公司：头条、亚美科技

分类：JavaScript、编程题

答案&解析


Http 连接是如何复用的

公司：酷狗

分类：网络&安全

答案&解析


给出的两行代码为什么这么输出

var s = "laohu";
s[0] = 1;
console.log(s); //laohu
var s = "laohu";
s += 2020;
console.log(s); // laohu2020
// 上面两行为什么这么输出

公司：老虎

分类：JavaScript

答案&解析


动画性能如何检测

公司：酷狗

分类：JavaScript

答案&解析


谈下淘宝和京东页面的实现

公司：酷狗

分类：其它

答案&解析


平时都用到了哪些设计模式

公司：酷狗、沪江、58

分类：JavaScript

答案&解析


如何监控 MySql、Redis 性能

公司：酷狗

分类：其它

答案&解析


对 service worker 的理解

公司：酷狗

分类：JavaScript

答案&解析


Webpack 热更新的原理

公司：酷狗

分类：工程化

答案&解析


Css 如何实现一个半圆

公司：酷狗

分类：Css

答案&解析


一个活动项目里包含多个活动，Webpack 如何实现单独打包某个活动？

公司：酷狗

分类：工程化

答案&解析


单点登录实现原理

公司：CVTE

分类：JavaScript

答案&解析


尾递归实现

公司：CVTE

分类：JavaScript

答案&解析


有 1000 个 dom，需要更新其中的 100 个，如何操作才能减少 dom 的操作？

公司：爱范儿

分类：JavaScript

答案&解析


商城的列表页跳转到商品的详情页，详情页数据接口很慢，前端可以怎么优化用户体验？

公司：爱范儿

分类：JavaScript

答案&解析


多个 tab 只对应一个内容框，点击每个 tab 都会请求接口并渲染到内容框，怎么确保频繁点击 tab 但能够确保数据正常显示？

公司：爱范儿

分类：JavaScript

答案&解析


301、302 的 https 被挟持怎么办？

公司：网易

分类：网络&安全

答案&解析


介绍 Http2 特性，Http2 怎么确保文件同时传输不会报错

公司：网易

分类：网络&安全

答案&解析


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

公司：爱范儿、道一云

分类：JavaScript、编程题

答案&解析


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

公司：爱范儿

分类：JavaScript、编程题

答案&解析


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

公司：爱范儿

分类：JavaScript、编程题

答案&解析


列举并解释一下 http 的所有请求方法，

公司：爱范儿、乘法云

分类：网络&安全

答案&解析


如何记录前端在用户浏览器上发生的错误并汇报给服务器？

公司：爱范儿

分类：JavaScript

答案&解析


有哪几种方式可以解决跨域问题？(描述对应的原理)

公司：爱范儿

分类：JavaScript

答案&解析


按要求完成题目

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

公司：爱范儿

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

答案&解析


你是如何组织 JavaScript 代码的？（可以从模块、组件、模式、编程思想等方面回答）

公司：爱范儿

分类：JavaScript

答案&解析


移动 web 开发时如何调试？了解哪些多屏适配方案？

公司：爱范儿

分类：其它

答案&解析


算法考察：Next Permutation

/* 
  Implement next permutation, which rearranges numbers into the lexicographically next greater permutation of numbers.
  If such arrangement is not possible, it must rearrange it as the lowest possible order (ie, sorted in ascending order).
  The replacement must be in-place, do not allocate extra memory.
  Here are some examples. Inputs are in the left-hand column and its corresponding outputs are in the right-hand column.
  1,2,3 → 1,3,2
  3,2,1 → 1,2,3
  1,1,5 → 1,5,1
*/

公司：爱范儿

分类：算法

答案&解析


填充代码实现 template 方法

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

公司：网易

分类：JavaScript、编程题

答案&解析


请说明 Html 布局元素的分类有哪些？并描述每种布局元素的应用场景？

公司：玄武科技

分类：Html

答案&解析


列举出在浏览器中，页面加载过程中发出了哪些事件？并画出这些事件的执行顺序？

公司：玄武科技

分类：网络&安全

答案&解析


请描述下为什么页面需要做优化？并写出常用的页面优化实现方案？

公司：玄武科技

分类：JavaScript

答案&解析


请画出 css 盒模型，基于盒模型的原理，说明相对定位、绝对定位、浮动实现样式是如何实现的？

公司：玄武科技

分类：Css

答案&解析


列举出 css 选择器有哪些分类，并至少写出三个 css 选择器之间的区别，适用场景

公司：玄武科技

分类：Css

答案&解析


请列出至少 5 个 JavaScript 常用的内置对象，说明用途

公司：玄武科技

分类：JavaScript

答案&解析


请描述下 JavaScript 中 Scope、Closure、Prototype 概念，并说明 JavaScript 封装、继承实现原理。

公司：玄武科技

分类：JavaScript

答案&解析


请列出目前主流的 JavaScript 模块化实现的技术有哪些？说出它们的区别？

公司：玄武科技

分类：JavaScript

答案&解析


请列出 HTTP/1.1 协议 Response 状态码：20x、30x、40x、50x 等各区间的含义，并说明 Action 在 Restful API 中分别使用哪些 Http 副词(action)表现出 CRUD?

公司：玄武科技

分类：网络&安全

答案&解析


请说明 JavaScript 进行压缩、合并、打包实现的原理是什么？为什么需要压缩、合并、打包？分别列出一种常用工具或插件

公司：玄武科技

分类：工程化

答案&解析


请说出前端框架设计模式(MVVM 或 MVP 又或 MVC)的含义以及原理

公司：玄武科技

分类：工程化

答案&解析


请用 JavaScript 代码实现事件代理

公司：玄武科技

分类：JavaScript、编程题

答案&解析


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

公司：亚美科技

分类：JavaScript、编程题

答案&解析


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

公司：亚美科技

分类：JavaScript、编程题

答案&解析


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

公司：亚美科技

分类：JavaScript、编程题

答案&解析


node 如何进行跨域通信

公司：高思教育

分类：Node

答案&解析


Vuex 和 localStorage 的区别

公司：高思教育

分类：Vue

答案&解析


如何实现 a,b 两个变量的交换

公司：高思教育

分类：JavaScript

答案&解析


Vue 双向绑定原理

公司：高思教育、安居客

分类：Vue

答案&解析


开发环境热更新的优化方式

公司：高思教育

分类：工程化

答案&解析


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

公司：高思教育

分类：JavaScript、编程题

答案&解析


按要求实现代码

/* 
  根据传入参数n(数字)对一维数组(纯数字)按照距离n最近的顺序排序。(距离即数字与n的差值的绝对值)
*/
var arr = [7, 28, -1, 0, 7, 33];
function sort(n) {
  // your code
}

公司：高思教育

分类：算法

答案&解析


说一下路由钩子在 Vue 生命周期的体现？

公司：58

分类：Vue

答案&解析


计算属性和普通属性的区别

公司：58

分类：Vue

答案&解析


描述下自定义指令(你是怎么用自定义指令的)

公司：58

分类：Vue

答案&解析


说一下 Vue 中所有带$的方法

公司：58

分类：Vue

答案&解析


catch-control 有哪些设定值

公司：58

分类：网络&安全

答案&解析


AMD 和 CMD 有哪些区别？

公司：58

分类：工程化

答案&解析


微任务和宏任务的区别

公司：58

分类：JavaScript

答案&解析


你是怎么配置开发环境的？

公司：58

分类：工程化

答案&解析


列举 3 种强制类型转换和 2 种隐式类型转换

公司：58

分类：JavaScript

答案&解析


小程序里面打开页面最多多少，生命周期、常用的 api 列举几个？

公司：饿了么、安居客

分类：小程序

答案&解析


Vue-router 除了 router-link 怎么实现跳转

公司：安居客

分类：Vue

答案&解析


原生 JavaScript 实现图片懒加载的思路

公司：安居客

分类：JavaScript

答案&解析


回调函数和任务队列的区别

公司：安居客

分类：JavaScript

答案&解析


如何实现 webpack 持久化缓存

公司：乘法云

分类：工程化

答案&解析


找出两个数组的交集元素

公司：乘法云

分类：算法

答案&解析


Css 实现 div 宽度自适应，宽高保持等比缩放

公司：快手

分类：Css

答案&解析

<br/

ul 内部除最后一个 li 以外设置右边框效果

公司：快手

分类：Css

答案&解析


flex:1 的完整写法是？分别是什么意思？

公司：快手

分类：Css

答案&解析


写出下面代码的输出结果

//counter.js
let counter = 10;
export default counter;

//index.js
import myCounter from "./counter";
myCounter += 1;
console.log(myCounter);

公司：快手

分类：JavaScript

答案&解析


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

公司：快手

分类：其它、编程题

答案&解析


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

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

公司：新东方

分类：JavaScript、编程题

答案&解析


在浏览器执行以下代码，写出打印结果

console.log("start");
setTimeout(() => {
  console.log("children2");
  Promise.resolve().then(() => {
    console.log("children3");
  });
}, 0);
new Promise(function (resolve, reject) {
  console.log("children4");
  setTimeout(function () {
    console.log("children5");
    resolve("children6");
  }, 0);
}).then((res) => {
  console.log("children7");
  setTimeout(() => {
    console.log(res);
  }, 0);
});

公司：新东方

分类：JavaScript

答案&解析


输入一个整数，输出该数二进制表示中 1 的个数

公司：新东方

分类：算法

答案&解析


行内元素和块级元素有什么区别

分类：Css

答案&解析


link 和@inmport 区别

分类：Css

答案&解析


⽤ js 实现随机选取 10–100 之间的 10 个且不重复的数字，存⼊⼀个数组，还要排序

分类：算法

答案&解析


请写出弹出值，并解释为什么？

alert(a);
a();
var a = 3;
function a() {
  alert(10);
}
alert(a);
a = 6;
a();

分类：JavaScript

答案&解析


写出输出值，并解释为什么

function test(m) {
  m = { v: 5 };
}
var m = { k: 30 };
test(m);
alert(m.v);

分类：JavaScript

答案&解析


请写出代码执⾏结果，并解释为什么

function yideng() {
  console.log(1);
}
(function () {
  if (false) {
    function yideng() {
      console.log(2);
    }
  }
  console.log(typeof yideng);
  yideng();
})();

分类：JavaScript

答案&解析


请写出代码执⾏结果，并解释为什么

function fn() {
  console.log(this.length);
}
var person = {
  length: 5,
  method: function (fn) {
    fn();
  },
};
person.method(fn, 1);

分类：JavaScript

答案&解析


给定⼀个⼤⼩为 n 的数组，找到其中的众数。众数是指在数组中出现次数⼤于 n/2 的元素

分类：算法

答案&解析


HTTP2.0的多路复⽤和HTTP1.X中的⻓连接复⽤有什么区别？

分类：网络&安全

答案&解析


HTTP2.0多路复⽤有多好？

分类：网络&安全

答案&解析


React兄弟组件的通信方式？(需回答两种以上)

分类：React

答案&解析


Fiber算法原理，相比之前的stack算法哪些方面做了优化？

分类：React

答案&解析


如何实现双向绑定，并抽象成公共组件

分类：React

答案&解析


原生实现addClass,用多种方法

分类：JavaScript

答案&解析


实现一个倒计时,setInterval实现的话，如何消除时间误差

分类：JavaScript

答案&解析

<br/

React SSR实现过程？原理是什么？有什么注意事项？

分类：React

答案&解析


Node性能如何进监控以及优化？

分类：Node

答案&解析


http请求由什么组成？

分类：网络&安全

答案&解析


屏幕正中间有个元素A，元素A中有文字A，随着屏幕宽度的增加，始终需要满足下列条件

/* 
  A元素垂直居中于屏幕中央
  A元素距离屏幕左右边距各10px
  A元素里面的文字A的font-size:20px；水平垂直居中
  A元素的高度始终是A元素宽度的50%；(如果搞不定可以实现为A元素的高度固定为200px)
  
  请用html及css实现
*/

公司：头条

分类：Css

答案&解析


函数中的arguments是数组吗？若不是，如何将它转化为真正的数组？

公司：头条

分类：JavaScript

答案&解析


请写出以下代码的打印结果

if([] == false){console.log(1)};
if({} == false) {console.log(2)};
if([]){console.log(3)};
if([1] == [1]){console.log(4)};

公司：头条

分类：JavaScript

答案&解析


以最小的改动解决以下代码的错误(可以使用ES6)

const obj = {
  name:"jsCoder",
  skill:["es6","react","angular"],
  say:function(){
    for(var i = 0,len = this.skill.length;i<len;i++){
      setTimeout(function(){
        console.log('No.' + i + this.name);
        console.log(this.skill[i]);
        console.log('----------------');
      },0);
      console.log(i);
    }
  }
}
obj.say();

/* 
  期望得到下面的结果
  1
  2
  3
  No.1 jsCoder
  es6
  ----------------
  No.2 jsCoder
  react
  ----------------
  No.3 jsCoder
  angular
*/

公司：头条

分类：JavaScript

答案&解析


实现Function 原型的bind方法，使得以下程序最后能输出“success”

function Animal(name,color){
  this.name = name;
  this.color = color;
}
Animal.prototype.say = function(){
  return `I'm a ${this.color}${this.name}`;
}
const Cat = Animal.bind(null,'cat');
const cat = new Cat('white');
if(cat.say() === "I'm white cat" && cat instanceof Cat && cat instanceof Animal){
  console.log('sunccess');
}

公司：头条

分类：JavaScript

答案&解析


S.Y.X
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
4-2020-新东方在线-前端-面试
weixin_45440502的博客
11-19 787
1.和前端有哪些接触？2b还是2c？之前有系统学习过前端吗？ 2.输入url到页面展示的过程？ 3.缓存的方法？ 4.用过样式自适应？对flex了解有多少？ 5.项目里样式居中怎么做？ 6.做过动画吗？ 7.防误触、防重提交，怎么做？ 8.输入的时候，如何实时查询？了解防抖、节流吗？ 9.用js做一个10s倒计时的功能 10.了解setIntoValue吗？ 11. 了解原型、原型链吗？ 12.了解promise的哪些方法？promise.all是干嘛的？了解promise的链式调用吗
前端面试总结三
我是谁的博客
10-26 1022
离线资源 前端兼容 CSS3 GPU加速 SPDY协议 单页面应用 GZIP压缩 CSS表达式和CSS滤镜 HTTP长连接、短连接 安全 重点： 类 安全、csrf、xss Vue原理 vuex vue-router的两种模式及区别 webpack是什么，用过什么 ...
新东方面试web
包磊磊的博客
03-22 293
var a = [] a[2] = undefined a[5] = undefined // a.forEach((item, i) => { // console.log(item, i) // }) // for(let i in a) { // console.log(i) // } console.log(Reflect.ownKeys(a)) Reflect...
2-2020-字节-前端-面试
weixin_45440502的博客
11-15 2048
1.先介绍一些自己会的语言，主要是后端 我只会NodeJS，他问我简历上还写了python，会不会，我说只学了一些，不是很会。 2.了解跨域吗？ 3.介绍一下http缓存？ 4.介绍一些IO模型？ 5.了解Node模型吗？ 6.了解mysql吗？了解sql索引吗？数据库里数据量很大，如何快速搜索。 7.了解进程和线程吗？CPU处理的基本单位是什么？ 8.介绍一下CPU处理的算法？ 9.线程死锁是什么？ 10.给你一个网站的url，请写出这个url内所有url以及通过这些url之后跳转的所
2024年【面试题】2024高频前端面试题20题_前后端面试题在线答题(1)，2024年最新字节跳动高工面试
最新发布
2401_84616444的博客
05-12 1021
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】JavaScript性能linux。
HTTP各版本差异
qq_53461589的博客
09-17 708
HTTP1.0为每个请求单独新开一个TCP连接fill:#333;TCP三次握手，建立连接请求响应TCP四次挥手，销毁连接TCP三次握手，建立连接请求响应TCP四次挥手，销毁连接由于每个请求都是独立的连接，因此会带来下面的问题：连接的建立和销毁都会占用服务器和客户端的资源，造成内存资源的浪费连接的建立和销毁都会消耗时间，造成响应时间的浪费无法充分利用带宽，造成带宽资源的浪费TCP协议的特点是「慢启动」，即一开始传输的数据量少，一段时间之后达到传输的峰值。
前端面试题-三千问（一）
qq_28568547的博客
03-16 102
1.http与https 定义： 网络协议，客户端与服务器请求和应答的TCP标准 https的SSL加密是在传输层实现的，简单来说：http+SSL=https 区别： https协议需要ca证书，费用较高 http是明文传输，连接简单；https是ssl加密传输协议，可进行身份验证 端口不同：http 80端口，https 443 https缺点： 费时、页面加载时间延长50%，增加10%~20%的耗电 缓存不如http高效，增加数据开销 ssl证书费用高，需绑定IP，不能绑定多个域名 2.常见状态码 2
前端需要掌握的技能
博哥的二进制世界
03-10 1044
大厂前端面试题 js： 怎么实现this对象的深拷贝 文件上传如何做到断点续传 表单可以跨域吗 promise,async有什么区别 搜索请求如何处理（防抖） 搜索请求中文如何请求 介绍观察者模式 介绍中介者模式 观察者和订阅发布的区别，各自用在哪里 介绍service worker 介绍promise，异常捕获 浏览器事件流向 介绍事件代理及其优缺点 介绍this各种情况 前端怎么控制管理路由 使用路由时出现问题如何解决 js异步解决方案的发展历程以及优缺点 对async,await的理解，内部原理 介绍
前端面试
Im_IronMan的博客
12-18 250
javascript面向对象是什么？ 面向对象是一种思维模式，是相对于面向过程来说的。 面向过程也叫函数式编程，在你解决一个问题的时候，定义好你的函数，然后在函数体里面写你的逻辑即可，只要里面的逻辑没有出现错误，最后传入参数调用即可得到想要的结果。 而面向对象就是在你遇到一个问题时，你能想到这类问题所具有的共性，然后把这些共性单独拿出来形成一个对象，对象中的属性对应于这类问题的公共属性，所以这个...
2024前端面试八股文
04-23
内容概要：根据最近的面试情况，以及一些小伙伴面试的反馈，以及总结一些文档知识，组合了这篇2024最新前端面试八股文，里面包含了css, js, vue2, vue3, 以及webpack相关的知识。 适合人群：适合具备有一定前端基础...
2023最新前端面试题总结
05-30
"前端面试题总结" 以下是根据给定文件信息生成的相关知识点： 浏览器兼容性 在前端开发中，浏览器兼容性是一个非常重要的问题。不同的浏览器对 HTML、CSS、JavaScript 的解析和执行方式不同，这导致了同一个页面...
新东方面试技巧（超级经典，资源共享）
04-03
内含东方标准的各种面试技巧和面试题，超经典（吐血推荐）@@@！！！（文件时swf格式的，建议大家用IE7.0以上的版本进行浏览，用播放器也可以播放，不过有点麻烦而已）
1+X Web前端开发例题 实操题2
04-30
内容为1+X Web前端开发例题 题目类型为实操题 包含11题(与我的其他资源有一二重复例题) 内容不含答案解析(答案可以来我的博客找喔，有题目分析 https://blog.csdn.net/weixin_53231455?spm=1011.2124.3001.5343 题目类型都是前端开发的知识点
前端面试宝典V3.0.pdf
07-11
《前端面试宝典》是为前端开发者准备的一份详尽的面试指南，涵盖了从基础到高级的诸多领域。这本书旨在帮助求职者全面了解并掌握前端开发的关键知识点，以提升他们在面试中的竞争力。以下是对其中一些重点内容的详细...
2023前端面试八股文.pdf
04-03
在前端面试中，JavaScript 是一个核心话题，对于求职者来说，深入理解其数据类型、类型检测以及特殊值如 null 和 undefined 的区别至关重要。下面我们将详细讨论这些知识点。 首先，JavaScript 有八种数据类型，...
前端面试常见问题集锦册
01-30
前端： 这指的是前端开发，是指构建在网站或者 Web 应用程序中用户直接与之...因此，“前端面试常见问题集锦册”可以理解为一本专门整理了前端面试中常见问题的参考书或资源，供求职者在准备前端开发职位面试时使用。
原生js绑定事件的方法和dom操作
weixin_58385666的博客
09-14 4673
元素选择器.addEventListener(事件名（click,keydown...）, 回调函数, true捕获/false冒泡);绑定事件的第三种方法是用addEventListener()或者attachEvent()来绑定事件监听函数。1.行内绑定：在标签上写onclick=“事件名”2.在script中绑定。3.绑定事件监听函数。
2018年前端面试总结
忍V殇的博客
05-09 3202
这是我前段时间面试是遇到的一些问题，现在有时间了总结一下，当然这里面有自己的一些认识，也有一些从别人那里copy过来的，希望能给大家的面试带来帮助。 1.Vue的双向数据绑定原理是什么？ 简而言之： vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数...
nodejs前端面试官怎么问
12-10
作为一个前端面试官，可能会问到以下问题： 1. 请介绍一下你对Node.js的理解和应用场景。 2. 请谈谈你对JavaScript的理解，以及在Node.js中如何应用JavaScript。 3. 请介绍一下你对Vue.js的理解和应用场景。 4. 请...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值