资讯专栏INFORMATION COLUMN

前端面试题(上)

不知名网友 / 1656人阅读

摘要:收集了一部分面试的时候或者笔试的时候经常出现的题目,分享给大家。使用之前需要考虑这两个缺点。如果需要使用最好是通过动态给添加属性值,这样可以绕开以上两个问题。当有消息返回时系统会通知进程进行处理,这样可以提高执行的效率。

收集了一部分面试的时候或者笔试的时候经常出现的题目,分享给大家。

下列代码输出什么?
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有那些缺点?

iframe会阻塞主页面的Onload事件;

搜索引擎的检索程序无法解读这种页面,不利于SEO;

iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。

使用iframe之前需要考虑这两个缺点。如果需要使用iframe
最好是通过javascript动态给iframe添加src属性值,这样可以绕开以上两个问题。

说出前端link和import的区别

link一般在html头部定义,作为html标签,同时除了引入css之外,

还可以说明比如说rel="icon"

import一般定义在css内部,也就是一般写在文件头部,并且专门拿来链css的。

在项目开发完成之后,根据雅虎性能优化规则,需要对html,JS,CSS,图片需要做出怎样的处理?是否可以借助构建工具实现自动化?

尽量减少http请求,将图片压缩或者打包在一起,将js文件尽量放置在body尾部。
而构建工具可以使用webpack。

在严格模式(‘use strict’)下进行 JavaScript 开发有神马好处?

消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;

消除代码运行的一些不安全之处,保证代码运行的安全;

提高编译器效率,增加运行速度;

为未来新版本的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://www.ucloud.cn/yun/81969.html

相关文章

  • 20W字囊括百个前端面试的项目开源了

    摘要:字囊括上百个前端面试题的项目开源了这个项目是什么项目内容这个项目目前在上刚刚开源主要内容如下前端面试题主要整理了高频且有一定难度的前端面试题对这些面试题进行解读前端原理详解针对一些有一定难度面试题涉及的知识点进行详解比如涉及的编译原理响应式 20W字囊括上百个前端面试题的项目开源了 这个项目是什么? 项目内容 这个项目目前在GitHub上刚刚开源,主要内容如下: 前端面试题: 主要整...

    Euphoria 评论0 收藏0
  • 前端最强面经汇总

    摘要:获取的对象范围方法获取的是最终应用在元素上的所有属性对象即使没有代码,也会把默认的祖宗八代都显示出来而只能获取元素属性中的样式。因此对于一个光秃秃的元素,方法返回对象中属性值如果有就是据我测试不同环境结果可能有差异而就是。 花了很长时间整理的前端面试资源,喜欢请大家不要吝啬star~ 别只收藏,点个赞,点个star再走哈~ 持续更新中……,可以关注下github 项目地址 https:...

    wangjuntytl 评论0 收藏0
  • 前端开发面试链接

    摘要:手册网超级有用的前端基础技术面试问题收集前端面试题目及答案汇总史上最全前端面试题含答案常见前端面试题及答案经典面试题及答案精选总结前端面试过程中最容易出现的问题前端面试题整理腾讯前端面试经验前端基础面试题部分最新前端面试题攻略前端面试前端入 手册网:http://www.shouce.ren/post/index 超级有用的前端基础技术面试问题收集:http://www.codec...

    h9911 评论0 收藏0
  • 前端开发面试链接

    摘要:手册网超级有用的前端基础技术面试问题收集前端面试题目及答案汇总史上最全前端面试题含答案常见前端面试题及答案经典面试题及答案精选总结前端面试过程中最容易出现的问题前端面试题整理腾讯前端面试经验前端基础面试题部分最新前端面试题攻略前端面试前端入 手册网:http://www.shouce.ren/post/index 超级有用的前端基础技术面试问题收集:http://www.codec...

    snifes 评论0 收藏0
  • 【周刊-2】三年大厂面试官-前端面试(偏难)

    摘要:前言在大厂工作了年,当了年的前端面试官,把大厂常问的面试题与答案汇总在我的中。第题如何劫持的请求,提供思路难度阿里腾讯很多人在上搜索前端面试详解,把答案倒背如流,但是问到如何劫持请求的时候就一脸懵逼,是因为还是停留在理论性阶段。前言 在大厂工作了6年,当了3年的前端面试官,把大厂常问的面试题与答案汇总在我的Github中。希望对大家有所帮助,助力大家进入自己理想的企业。 项目地址是:git...

    silvertheo 评论0 收藏0
  • 【周刊-2】三年大厂面试官-前端面试(偏难)

    摘要:前言在大厂工作了年,当了年的前端面试官,把大厂常问的面试题与答案汇总在我的中。第题如何劫持的请求,提供思路难度阿里腾讯很多人在上搜索前端面试详解,把答案倒背如流,但是问到如何劫持请求的时候就一脸懵逼,是因为还是停留在理论性阶段。 前言 在大厂工作了6年,当了3年的前端面试官,把大厂常问的面试题与答案汇总在我的Github中。希望对大家有所帮助,助力大家进入自己理想的企业。 项目地址是:...

    madthumb 评论0 收藏0

发表评论

0条评论

不知名网友

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<