web前端面试问题

商汤面试：

1.说一下关系型数据库与键值型数据库的区别

2.上传文件很多的时候，如何优化上传的速度

3.如果报网络超时的错误应如何解决

4.图片加载特别慢，应该如何解决

5.从输入域名后的响应流程是什么

百度大数据部门面试：

1.状态码的种类及含义

2.h5存储方法

3.css盒子模型及选择器

4.h5,css3新增元素

5.跨域问题，如何解决,https://zhuanlan.zhihu.com/p/28562290,协议，域名，端口不同就叫跨域

6.看什么网站学习

7.position的属性

8.浏览器的内核

IE:Trident ;safari chrome:webkit;FireFox:Gecko

9.call函数实现继承   https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/call

今日头条的广告部门

笔试题目：

基础图：

1.用css画一个三角形

2.正则表达式

3.如何判断一个元素是否在可视化区域

4.js的基本类型有哪些

5.解释一下css盒子重叠部分

问答题：

1.箭头函数的一些输出结果

2.如何处理行内块级元素的缝隙

3.http的常见状态码

4.domready和onload的区别

编程题

1.4次隔3毫秒就弹出一个弹窗结束

function timeout(ms) {  return new Promise((resolve, reject) => {    setTimeout(resolve, ms, 'done');  });}timeout(100).then((value) => {  console.log(value);});

timeout方法返回一个Promise实例，表示一段时间以后才会发生的结果。过了指定的时间（ms参数）以后，Promise实例的状态变为resolved，就会触发then方法绑定的回调函数。

2.用js实现二叉树及遍历

面试：

1.cookier和session的区别

1)，session 在服务器端，cookie 在客户端（浏览器）

2)，session 默认被存在在服务器的一个文件里（不是内存）

3)，session 的运行依赖 session id，而 session id 是存在 cookie 中的，也就是说，如果浏览器禁用了 cookie ，同时 session 也会失效（但是可以通过其它方式实现，比如在 url 中传递 session_id）

4)，session 可以放在 文件、数据库、或内存中都可以。

5)，用户验证这种场合一般会用 session

因此，维持一个会话的核心就是客户端的唯一标识，即 session id

2.http的方法有哪些，get和post的区别，发送参数的分别放在哪个地方

3.原型继承的_proto_属性，用图画出原型

对象__proto__属性的值就是它所对应的原型对象：

var one = {x:1};

var two =newObject();

one.__proto__===Object.prototype// true

two.__proto__===Object.prototype// true

one.toString===one.__proto__.toString// true

prototype

不像每个对象都有__proto__属性来标识自己所继承的原型，只有函数才有prototype属性。

构造函数，通过prototype来存储要共享的属性和方法，也可以设置prototype指向现存的对象来继承该对象。

4.异步的方法，手写一个promise的方法

5.跨域如何解决 https://github.com/wengjq/Blog/issues/2

6.css3IE盒子模型与标准盒子模型的区别

IE盒子模型的content包括padding与border  可用box-sizing设置

box-sizing:content-box 标准盒模型，默认的

box-sizing:border-box IE盒模型

7.vue的组件之间的通信，如何把子组件的消息传递到父组件

8.js如何设置一个私有属性

9.如何实现深拷贝，浅拷贝

10.call,apply,bind方法的区别

就是为了改变函数体内部 this 的指向。bind方法返回的仍然是一个函数,

11.http的事务

一.域名解析

二.发起TCP的3次握手

三.建立TCP连接后发起http请求

四.服务器端响应http请求，浏览器得到html代码

五. 浏览器解析html代码，并请求html代码中的资源.

六.浏览器对页面进行渲染呈现给用户

12.js基本数据类型和引用型数据类型的区别

JSON.parser()JSON.stringify()