最新前端常见笔试题整理

1 写出五大主流浏览器的内核名称

　　Trident(IE浏览器)，Gecko(firefox：火狐浏览器)，webkit（safari,曾经的chrome），Presto（opera浏览器），blink（现今的chrome）

2 JSON数据与JS对象的区别

　　JSON （JavaScript Object Notation）一种简单的数据格式，JSON的属性名必须有双引号，如果值是字符串，也必须是双引号；

　　JS对象 表示类的一种实例，键值对方式，键不加引号，值可以是函数、对象、字符串、数字、boolean 等；

3 字体大小的单位rem,em

　　rem：相对root html 元素的font-size的大小来决定，默认为 1rem = 16px；

　　em：相对父元素的font-size的大小来决定，默认也为16px；

4 隐藏元素的四种方式

1. opacity:0  
2. visibility:hidden  
3. diaplay:none  
4. position:absolute 　

5 img元素底部为何有空白且如何去除

　　来看看尤雨溪大大在知乎上的回答：

　　　　　　　　　

　　　　解决方法：　

　　　　　　1.  设置img为 display:block;

　　　　　　2. 设置图片的vertical-align属性为“top，text-top，bottom，text-bottom”也可以去掉下边空白;

6 svg画四边形，四个点的坐标分别是（220，100）（300，210）（170，250）（123，234）　　

<svg height="300">
    <polygon points="220,100 300,210 170,250 123,234" style="fill:blue;stroke:black;stroke-width:1;">
</svg>

　　<polygon> 标签用来创建含有不少于三个边的图形；

　　points参数：每两个算是一组，组与组之间可以使用逗号做间隔，也可以直接用空格相隔开；

　　style中的fill标识填充颜色，stroke是描边颜色，stroke-width是边框的宽度。

7 promise对象的使用　　

1 var promise = new Promise(function(resolve, reject) { // promise的构造函数，Pomise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject
2  // 耗时很长的异步操作
3  if (/* 异步操作成功 */){
4   resolve(value);//将异步的操作结果作为参数传递出去
5  } else {
6   reject(error); 
7  }
8 });

1 //Promise实例生成以后，可以用then方法分别指定Resolved状态和Reject状态的回调函数。
2 promise.then(
3     function A() {
4         //数据处理成功后执行
5     },
6     function B() {
7         //数据处理失败后执行
8     }
9 )

8 如何阻止冒泡时间和默认事件

　　阻止冒泡事件：

1 function stopBubble(e) {  
2   if(e && e.stopPropagation){  
3       e.stopPropagation();  
4   } else {  
5     window.event.cancelBubble = true;  
6   }  
7 }; 

　　阻止默认事件：

1 function stopDefault(e){  
2   if(e && e.preventDefault) {  
3     e.preventDefault();  
4   } else {  
5     window.event.returnValue = false;  
6   }  
7   return false;  
8 };

 

　　　　　　

　　　

转载于:https://www.cnblogs.com/didou/p/8692689.html