前端开发追本溯源就是前端三兄弟html
,css
以及js
。而在面试过程中,大部分的技术型问题都会集中考验面试者对于js的掌握程度。所以我在求职的过程中去网上也找了很多关于js的面试总结。对于我个人而言,发现实际上对于单纯开发来说,基本问题是不大的,但是往往对于一些细枝末节的知识点就是记不住,感觉都是小问题,看几遍就回了,所以针对这一类问题,我自己整理了一些,现在分享给大家。
正则匹配
- ^ 以。。。开头,
- $ 以。。。结尾。
- *任意多次
- | 或的意思
- ( )组
- []集合
TypeOf
- typeof Symbol() //"symbol"
- typeof Number() //"number"
- typeof String() //"string"
- typeof Function() //"function"
- typeof Object() //"object"
- typeof Boolean() //"boolean"
- typeof null //"object"
- typeof undefined //"undefined"
Object.prototype.toString.call(arr) === '[object Array]';
Promise
一个promise可能有三种状态:等待(pending)、已完成(fulfilled)、已拒绝(rejected)
JavaScript RegExp
JavaScript RegExp 对象有 3 个方法:test()
、exec()
和compile()
test() 方法用来检测一个字符串是否匹配某个正则表达式,如果匹配成功,返回 true ,否则返回 false;
exec() 方法用来检索字符串中与正则表达式匹配的值。exec() 方法返回一个数组,其中存放匹配的结果。如果未找到匹配的值,则返回 null;
compile() 方法可以在脚本执行过程中编译正则表达式,也可以改变已有表达式。
HTTP请求报文(Request)
HTTP 请求报文由请求行
、请求头部
、空行
和请求包体
4个部分组成,一次请求的格式如下:
* GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号)
* Accept: */*(客户端能接收的资源类型)
* Accept-Language: en-us(客户端接收的语言类型)
* Connection: Keep-Alive(维护客户端和服务端的连接关系)
* Host: localhost:8080(连接的目标主机和端口号)
* Referer: [http://localhost/links.asp(](http://localhost/links.asp()告诉服务器我来自于哪里)
* User-Agent: Mozilla/4.0(客户端版本号的名字)
* Accept-Encoding: gzip, deflate(客户端能接收的压缩数据的类型)
* If-Modified-Since: Tue, 11 Jul 2000 18:23:51 GMT(缓存时间)
* Cookie(客户端暂存服务端的信息)
* Date: Tue, 11 Jul 2000 18:23:51 GMT(客户端请求服务端的时间)
HTTP响应报文(Response)
HTTP 响应报文由状态行
、响应头部
、空行
和响应包体
4个部分组成,一次响应的格式如下:
* HTTP/1.1(响应采用的协议和版本号) 200(状态码) OK(描述信息)
* Location: [http://www.baidu.com(](http://www.baidu.com()服务端需要客户端访问的页面路径)
* Server:apache tomcat(服务端的Web服务端名)
* Content-Encoding: gzip(服务端能够发送压缩编码类型)
* Content-Length: 80(服务端发送的压缩数据的长度)
* Content-Language: zh-cn(服务端发送的语言类型)
* Content-Type: text/html; charset=GB2312(服务端发送的类型及采用的编码方式)
* Last-Modified: Tue, 11 Jul 2000 18:23:51 GMT(服务端对该资源最后修改的时间)
* Refresh: 1;url=[http://www.it315.org(](http://www.it315.org()服务端要求客户端1秒钟后,刷新,然后访问指定的页面路径)
* Content-Disposition: attachment; filename=aaa.zip(服务端要求客户端以下载文件的方式打开该文件)
* Transfer-Encoding: chunked(分块传递数据到客户端)
* Set-Cookie:SS=Q0=5Lb_nQ; path=/search(服务端发送到客户端的暂存数据)
* Expires: -1//3种(服务端禁止客户端缓存页面数据)
* Cache-Control: no-cache(服务端禁止客户端缓存页面数据)
* Pragma: no-cache(服务端禁止客户端缓存页面数据)
* Connection: close(1.0)/(1.1)Keep-Alive(维护客户端和服务端的连接关系)
* Date: Tue, 11 Jul 2000 18:23:51 GMT(服务端响应客户端的时间)
解决跨域(CORS)
在服务器响应客户端的时候,带上Access-Control-Allow-Origin头信息,解决跨域的一种方法。
NaN
NaN
:是 Not a Number
的缩写,JavaScript 的一种特殊数值,其类型是 Number,可以通过 isNaN(param) 来判断一个值是否是 NaN:
console.log(isNaN(NaN)); //true
console.log(isNaN(23)); //false
console.log(isNaN('ds')); //true
console.log(isNaN('32131sdasd')); //true
console.log(NaN === NaN); //false
console.log(NaN === undefined); //false
console.log(undefined === undefined); //false
console.log(typeof NaN); //number
console.log(Object.prototype.toString.call(NaN)); //[object Number]
数据类型
5种简单数据类型:
- Undefined
- Null
- Boolean
- Number
- String
一种复杂数据类型 :
- Object
数字与数字/字符串之间的数学运算
-
多个数字和数字字符串混合运算时,跟操作数的位置有关 :
console.log(2 + 1 + '3'); //‘33' console.log('3' + 2 + 1); //'321'
-
数字字符串之前存在数字中的正负号(+/-)时,会被转换成数字
console.log(typeof '3'); // string console.log(typeof +'3'); //number
-
可以在数字前添加 '',将数字转为字符串
console.log(typeof 3); // number console.log(typeof (''+3)); //string
-
对于运算结果不能转换成数字的,将返回 NaN
console.log('a' * 'sd'); //NaN console.log('A' - 'B'); // NaN
To be continued