2019前端js面试题

1、js用什么函数判断一个变量的类型

一般简单的 用typeof 和instanceof 检测， typeof 检测数组和对象时候，返回object,

instanceof 检测用来检测数组或者对象 返回true/false

 console.log(typeof({"name":'789'}))  
	typeof  //判断数字
	instanceof //判断对象和数组的
	// 判断 foo 是否是 Foo 类的实例
	function Foo(){} 
	var foo = {
		"name":'999'
	};
	console.log(foo instanceof Array)//false

2、typeof（数字）返回值是什么 (number)

3、js 闭包的作用

闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。

4、怎么提高网页的加载速度

1、使用精灵图

2、css 放在文件的头部 js 放在文件的底部

3、减少http 的请求 （封装公共的函数）

4、不用的代码可以删掉，不要注释

5、CDN缓存 （content deliverly network 内容分发网络） 当代码上传到服务器，使

用CDN缓存，用户访问的时候，就会使用用户最近的位置的（边缘服务器）响应用户的操

作，这样距离短，响应的时间就会短，用户很快会看到操作的结果

5、js怎么遍历对象

1、 使用 for in

2、object.keys(obj) object.values(obj)

3、object.GetOwnPropertyNames(obj)

6、浏览器加载资源（html、图片、js、css）的顺序

html 图片 css js

7、css选择器的优先级，假设有一个元素<div id="test" class="test"></div>

#test {width:100px}

.test {widht:200px}

width结果是100px

Div{width:100px}

div.test {widht:200px}

width结果是200px

8、 css 定位，悬浮在右下角

position: fixed,设置z-index

9、jsonp原理

JSONP (json with padding) 通过javascript callback 实现跨域访问的一种机制

由于同源策略的机制，XMLhttpRequest只允许访问同域名 同协议 同端口下的资源，所

以使用 带有src 属性的标签 能够使浏览器返回数据，从而解决跨域请求问题

10、Ajax的原理

Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得

数据，然后用javascript来操作DOM而更新页面。

11、jQuery选择器，选择页面所有的name=hello的input框，并且给所有的input框赋

值"test"

$("input[name='hello']").val("test") 选择所有的name属性等于'hello'的input元素

12、http请求流程

1、web服务器和浏览器服务器 建立连接

2、web服务器向浏览器服务器 发送命令

3、web服务器向浏览器服务器 发送请求头

4、浏览器服务器向web服务器 应答

5、浏览器服务器向web服务器 发送应答头

6、web服务器向浏览器服务器 发送数据

7、web服务器向浏览器服务器 断开连接

未完待续。。。。。