美文网首页
前端开发面试题javascript

前端开发面试题javascript

作者: 西瓜炒苦瓜 | 来源:发表于2017-04-16 00:32 被阅读26次

    1.javascript的typeof返回哪些数据类型

    Object number function boolean underfind;

    2.例举3种强制类型转换和2种隐式类型转换?

    强制(parseInt,parseFloat,number)隐式(== – ===)

    parseint:1.字符串转换成数值,2.取整

    parseFloat:1.字符串转换成数值

    Number():可以用于任何数据类型转换成数值;

    3.split() join() 的区别

    前者是切割成数组的形式,后者是将数组转换成字符串

    4.IE和DOM事件流的区别

    1.执行顺序不一样、

    2.参数不一样

    3.事件加不加on

    4.this指向问题

    5.Ajax 是什么? 如何创建一个Ajax?

    ajax的全称:AsynchronousJavascriptAndXML。异步传输+js+xml。所谓异步,在这里简单地解释就是:向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情,等到有了结果它自己会根据设定进行后续操作,与此同时,页面是不会发生整页刷新的,提高了用户体验。

    (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象

    (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息

    (3)设置响应HTTP请求状态变化的函数

    (4)发送HTTP请求

    (5)获取异步调用返回的数据

    (6)使用JavaScript和DOM实现局部刷新

    6.ajax请求的时候get 和post方式的区别,如何解决跨越。

    1、get用于获取数据,post用于提交数据

    2、get提交参数追加在url后面,post参数可以通过http body提交

    3、get的url会有长度上的限制,则post的数据则可以非常大

    4、get提交信息明文显示在url上,不够安全,post提交的信息不会在url上显示

    5、get提交可以被浏览器缓存,post不会被浏览器缓存

    jsonp、iframe、window.name、window.postMessage、服务器上设置代理页面

    7.数组方法pop() push() unshift() shift()

    Push()尾部添加 pop()尾部删除

    Unshift()头部添加 shift()头部删除

    8.call和apply的区别

    1、call,apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例(就是每个方法)都有call,apply属性。既然作为方法的属性,那它们的使用就当然是针对方法的了,这两个方法是容易混淆的,因为它们的作用一样,只是使用方式不同。

    2、语法:foo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments) == this.foo(arg1, arg2, arg3);

    3、相同点:两个方法产生的作用是完全一样的。

    4、不同点:方法传递的参数不同。

    9.事件委托是什么,写一个事件委托。

    让利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行!

    10.你有哪些性能优化的方法?

    (1)减少http请求次数:CSSSprites,JS、CSS源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存,图片服务器。

    (2)前端模板JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数

    (3)用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能。

    (4)当需要设置的样式很多时设置className而不是直接操作style。

    (5)少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。

    (6)避免使用CSSExpression(css表达式)又称Dynamicproperties(动态属性)。

    (7)图片预加载,将样式表放在顶部,将脚本放在底部加上时间戳。

    (8)避免在页面的主体布局中使用table,table要等其中的内容完全下载之后才会显示出来,显示比div+css布局慢。对普通的网站有一个统一的思路,就是尽量向前端优化、减少数据库操作、减少磁盘IO。向前端优化指的是,在不影响功能和体验的情况下,能在浏览器执行的不要在服务端执行,能在缓存服务器上直接返回的不要到应用服务器,程序能直接取得的结果不要到外部取得,本机内能取得的数据不要到远程取,内存能取到的不要到磁盘取,缓存中有的不要去数据库查询。减少数据库操作指减少更新次数、缓存结果减少查询次数、将数据库执行的操作尽可能的让你的程序完成(例如join查询),减少磁盘IO指尽量不使用文件系统作为缓存、减少读写文件次数等。程序优化永远要优化慢的部分,换语言是无法“优化”的。

    11.http状态码有那些?分别代表是什么意思?

    简单版

    [

    100  Continue  继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息

    200  OK        正常返回信息

    201  Created    请求成功并且服务器创建了新的资源

    202  Accepted  服务器已接受请求,但尚未处理

    301  Moved Permanently  请求的网页已永久移动到新位置。

    302 Found      临时性重定向。

    303 See Other  临时性重定向,且总是使用 GET 请求新的 URI。

    304  Not Modified 自从上次请求后,请求的网页未修改过。

    400 Bad Request  服务器无法理解请求的格式,客户端不应当尝试再次使用相同的内容发起请求。

    401 Unauthorized 请求未授权。

    403 Forbidden  禁止访问。

    404 Not Found  找不到如何与 URI 相匹配的资源。

    500 Internal Server Error  最常见的服务器端错误。

    503 Service Unavailable 服务器端暂时无法处理请求(可能是过载或维护)。

    ]

    13.说一下什么是javascript的同源策略?

    一段脚本只能读取来自于同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合

    14..添加 删除 替换 插入到某个接点的方法

    obj.appendChidl()

    obj.innersetBefore

    obj.replaceChild

    obj.removeChild

    15.谈谈This对象的理解。

    情况一:纯粹的函数调用

    情况二:作为对象方法的调用

    情况三 作为构造函数调用

    情况四 apply调用

    相关文章

      网友评论

          本文标题:前端开发面试题javascript

          本文链接:https://www.haomeiwen.com/subject/ozxoattx.html