前端面试题（上）

2019年8月31日 215次阅读 来源: 阁主

收集了一部分口试的时刻或许笔试的时刻经常出现的题目，分享给人人。

以下代码输出什么？


for(var i=0;i<5;i++){
  (function(i){
    setTimeout(function(){
      console.log(i); 
    },i*1000)
  })(i)}
 
 // 0,1,2,3,4

以下代码输出什么？


for(var i=0;i<5;i++){
    setTimeout(function(){   
      console.log(i);
    },i*1000)
}// 5,5,5,5,5

Cookie、sessionStorage、localStorage的辨别

这三者都是贮存浏览器数据的，cookie相对没有后二者的贮存大
而第二个比较特别，他只会贮存浏览器运转时的数据，封闭后数据将会被清零

JSONP道理

JSONP是一种非正式传输协定，该协定的一个要点就是许可用户通报一个callback
参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住J
SON数据，如许客户端就能够随便定制本身的函数来自动处置惩罚返回数据了
简称处理跨域题目

简述css盒模子

包含内容（content）、外边距（margin）、内边距（padding）、边框（border）

说说get和post要求的辨别

二者都能够用来猎取数据，但数据平安方面post比较好
get他会暴露要求参数，post则是加密要求的参数

说说类的建立、继承和闭包。

在es6未宣布前，我们是经由过程组织函数的要领完成类的观点，而完成继承我们则需
要本身去封装一个函数，而在es6出来后，js就支撑了类，继承也有了自带的要领来完成。
闭包的作用是为了防备全局变量的污染

一个页面从输入 URL 到页面加载完的过程当中都发生了什么事情？越细致越好(考核学问广度)

在浏览器输入url地点后
举行TCP三次握手
浏览器会向web服务器发送一个http要求
服务器会处置惩罚要求并返回一个http要求
末了浏览器会将这个要求内容显现到界面上

js中的原型是什么？

在JavaScript中，原型也是一个对象，经由过程原型能够完成对象的属性继承，
JavaScript的对象中都包含了一个”[[Prototype]]”内部属性
这个属性所对应的就是该对象的原型。

JS 中的原型链是什么？

由于每一个对象和原型都有原型，对象的原型指向原型对象，
而父的原型又指向父的父，这类原型层层衔接起来的就构成了原型链。

你晓得什么是CSS reset么？

设置浏览器css重置，一致默许款式

在js里call()与apply()有什么雷同和差别？

共同点都能够继承熟习和要领，差别点是call第二个参数是个形参，而apply第二个参数是数组

罕见的http状况码都有哪些？

200/500/304/404

下面代码的输出值是：

alert(1&&2) //2

css position 中有哪些值能够运用？

fixed/relative/absolute

经常使用浏览器及内核，关于衬着引擎与js诠释引擎的辨别

IE: trident内核
Firefox：gecko内核
Safari：webkit内核
Opera：之前是presto内核，Opera现已改用Google Chrome的Blink内核
Chrome：Blink(基于webkit，Google与Opera Software共同开辟)

什么是CSS Hack?

针对差别的浏览器写差别的CSS，处理浏览器兼容性

iframe有那些瑕玷？

  1. iframe会壅塞主页面的Onload事宜；

  2. 搜索引擎的检索顺序没法解读这类页面，不利于SEO;

  3. iframe和主页面同享衔接池，而浏览器对雷同域的衔接有限定，所以会影响页面的并行加载。

  4. 运用iframe之前须要斟酌这两个瑕玷。假如须要运用iframe
    最好是经由过程javascript动态给iframe增添src属性值，如许能够绕开以上两个题目。

说出前端link和import的辨别

  1. link平常在html头部定义，作为html标签，同时除了引入css以外，

    还能够申明比如说rel="icon"

  2. import平常定义在css内部，也就是平常写在文件头部，而且特地拿来链css的。

在项目开辟完成以后，依据雅虎机能优化划定规矩，须要对html，JS，CSS，图片须要做出如何的处置惩罚？是不是能够借助构建东西完成自动化？

只管削减http要求，将图片紧缩或许打包在一起，将js文件只管安排在body尾部。
而构建东西能够运用webpack。

在严厉形式(‘use strict’)下举行 JavaScript 开辟有神马优点？

  1. 消弭Javascript语法的一些不合理、不严谨的地方，削减一些奇异行动;

  2. 消弭代码运转的一些不平安的地方，保证代码运转的平安；

  3. 进步编译器效力，增添运转速率；

  4. 为将来新版本的Javascript做好铺垫。

写出javascript运转效果：

for(var i=0; i<10; i++){} 
alert(i);  //10,为何？仔细观察！

px和em以及rem的辨别

px和em以及rem都是长度单元，辨别是，px的值是牢固的，指定是若干就是若干，盘算比较轻易。
em得值不是牢固的，而且em会继承父级元素的字体大小。
而rem和em很相似，辨别在于rem是继承html的字体大小。

简述同步和异步的辨别

同步是壅塞形式，异步黑白壅塞形式。
同步就是指一个历程在实行某个要求的时刻，若该要求须要一段时间才返回信息，
那末这个历程将会一向守候下去，直到收到返回信息才继承实行下去；
异步是指历程不须要一向等下去，而是继承实行下面的操纵，不论其他历程的状况。
当有音讯返回时体系会关照历程举行处置惩罚，如许能够进步实行的效力。

    原文作者：阁主
    原文地址: https://segmentfault.com/a/1190000008604938
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞