2019前端面试题汇总

1、html、css、js注释分别是怎么样的？

html注释：<!-- 内容 -->

<!-- <p class="grxsfh-font3">=<span class="thirteengyjxlfh_num"></span>*10000</p> -->

css注释：/* 内容 */

/* .grtable table tr:hover{background: #CBE4F8;} */

js注释又分为单行注释： /内容/ ，多行注释： /* 内容 */

//var a=5;

/*
var a=1;
var b =a;
a=2;
console.log(a,b)
*/ 

2、Javascript返回那些数据类型

number,boolean,string,undefined,object,function

3、js中字符串类型数据转化为数值类型数据的方法

1）parseInt()，可以把带有字符的字符串转化为数值类型，转化结果为整数

var a=parseInt("23a");
console.log(a); //23
var b=parseInt("23.68T")
console.log(b); //23

2）parseFloat()，可以把字符串类型的数据转化为数据类型，如果有小数，保留两位小数

var C = parseFloat("23.56");
console.log(C); //23.56
var D = parseFloat("23%");
console.log(D); //23

3）~~按位非，可以把字符串类型转化为数值类型，转化值为整数，如果字符串中含有字符，那么就会返回0

var E = ~~"12.56";
console.log(E); //12
var F = ~~"18.96%"
console.log(F) //0

4）Number()，可以把字符串类型的数据转化为数值类型，原有数值是多少就转化为多少，如果字符串中含有字符，那么就会导致转化失败，出现NaN的情况

var G = Number("12.56");
console.log(G); //12.56
var H = Number("78.968%");
console.log(H); //NaN

5）一元运算符：+，-，*，/，当需要转化的字符串中是纯数值的话，转化为数值类型的时候除了+是拼接字符串，其他的一元操作符都可以进行转化；当需要转化的和字符串不是纯数值的情况下，这时候+操作符还是进行字符串的拼接，而其他的操作符就无法转化了，结果都是NaN

var a= "12.56";
console.log(a+0); //12.560
console.log(a*1); //12.56
console.log(a-0); //12.56
console.log(a/1); //12.56    

var b = "12.56%";
console.log(b+0); //12.56%0
console.log(b-0); //NaN
console.log(b*0); //NaN
console.log(b/0); //NaN

4、数据缓存cookies，sessionStorage和localStorage的共同点的不同点

共同点：都是保存在浏览器上的数据，且都是同源的

不同点：

             cookies数据始终在同源的http请求中携带，cookies可以在浏览器和服务器之间传递数据，且传递数据较小，一般不超过4k，有路径的概念，可以限制cookies只属于某个路径下面的

             sessionStorage和localStorage都是把数据存到了本地，不会自动把数据发到服务器，数据也有大小限制，一般不超过5M

             数据有效期不同：cookies的有效期只要不超过cookies的过期时间都有效，而sesionStorage仅当浏览器窗口关闭之前有效，关闭之后数据消失；localStorage的数据是存到本地的，只要没有把数据在本地删除，关闭浏览器数据也不会消失的。

             作用域不同：cookies的数据在所有的浏览器串口都可以共享；sessionStorage的数据只能在当前浏览器的窗口有效，而localStorage是在所有的浏览器窗口都有效。

5、实现一个函数判断字符串是否为回文字符串（回文字符串是指正者或者反着读都是一样的字符串）

function isHuiwen(item){
	if(typeof item !== 'string'){
		return false
	}
	return item.split('').reverse().join('') == item;
}
console.log(isHuiwen('adcda')); //true
console.log(isHuiwen('adcd')); //false
console.log(isHuiwen(56)); //false