lorraine

前端面试集合(1)

By: lorraine 2019-03-20 142 views

javascript对象的几种创建方式

1,工厂模式

2,构造函数模式

3,原型模式

4,混合构造函数和原型模式

5,动态原型模式

6,寄生构造函数模式

7,稳妥构造函数模式

 


javascript继承的6种方法

1,原型链继承

2,借用构造函数继承

3,组合继承(原型+借用构造)

4,原型式继承

5,寄生式继承

6,寄生组合式继承

 


异步加载和延迟加载

1.异步加载的方案: 动态插入script标签
2.通过ajax去获取js代码,然后通过eval执行
3.script标签上添加defer或者async属性
4.创建并插入iframe,让它异步执行js
 5.延迟加载:有些 js 代码并不是页面初始化的时候就立刻需要的,而稍后的某些情况才需要的。

请解释一下 JavaScript 的同源策略。

概念:同源策略是客户端脚本(尤其是Javascript)的重要的安全度量标准。它最早出自Netscape Navigator2.0,其目的是防止某个文档或脚本从多个不同源装载。

这里的同源策略指的是:协议,域名,端口相同,同源策略是一种安全协议。

指一段脚本只能读取来自同一来源的窗口和文档的属性。

为什么要有同源限制?

我们举例说明:比如一个黑客程序,他利用Iframe把真正的银行登录页面嵌到他的页面上,当你使用真实的用户名,密码登录时,他的页面就可以通过Javascript读取到你的表单中input中的内容,这样用户名,密码就轻松到手了。

缺点:

现在网站的JS 都会进行压缩,一些文件用了严格模式,而另一些没有。这时这些本来是严格模式的文件,被 merge 后,这个串就到了文件的中间,不仅没有指示严格模式,反而在压缩后浪费了字节。

 

GET和POST的区别,何时使用POST?
GET:一般用于信息获取,使用URL传递参数,对所发送信息的数量也有限制,一般在2000个字符    
POST:一般用于修改服务器上的资源,对所发送的信息没有限制。    
GET方式需要使用Request.QueryString来取得变量的值,而POST方式通过Request.Form来获取变量的值,也就是说Get是通过地址栏来传值,而Post是通过提交表单来传值。
然而,在以下情况中,请使用 POST 请求:无法使用缓存文件(更新服务器上的文件或数据库)向服务器发送大量数据(POST 没有数据量限制)
发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠。

zepto和jq的区别

相同点

 zepto是jQuery的轻量级替代品。API相似。在jQuery中常用的API和方法zepto中也有。zepto中还有些jQuery中没有的。1.zepto文件比jQuery文件小,轻量级的,一共才8k

不同点:

1.针对移动端程序:zepto不支持IE浏览器,也就是说IE还是可以使用jQuery,而其他浏览器也可以使用zepto在文件大小上带来的优势。但是它们两个的API不是完全兼容的。所以使用上还是用小心。

 

2.DOM操作上的区别:添加id时jQuery不会生效而zepto会。

 

3.事件触发的区别:jQuery中load事件的处理函数不会执行;zepto的会执行。

 

4.事件委托的区别:Zepto中,document上所有的click委托事件都依次放入到一个队列中,依次执行。而在jQuery中,document上委托了多个click事件,点击后通过选择符进行匹配,执行相应元素的委托事件。

 

5,width()和height()的区别:Zepto由盒模型(box-sizing)决定,用.width()返回赋值的width,用.css(‘width’)返回加border等的结果;jQuery会忽略盒模型,始终返回内容区域的宽/高(不包含padding、border)。

 

6,offset()的区别:Zepto返回{top,left,width,height};jQuery返回{width,height}。

 

7,Zepto无法获取隐藏元素宽高,jQuery 可以。

 

8,Zepto中没有为原型定义extend方法而jQuery有。

 

9,Zepto 的each 方法只能遍历 数组,不能遍历JSON对象。

 

10,Zepto在操作dom的selected和checked属性时尽量使用prop方法,在读取属性值的情况下优先于attr。Zepto获取select元素的选中option不能用类似jQuery的方法$(‘option[selected]’),因为selected属性不是css的标准属性。应该使用$(‘option’).not(function(){ return !this.selected })

 

MVVM面试

1.问:什么是MVVM?

    答:视图模型双向绑定,Model-View-ViewModel的简写。

      当数据模型更改的时候会自动反映到视图上,同时如果视图发生了改变,也会同样的反映到数据模型中。

2.问:MVVM的优点 ?

    答:1. 低耦合。视图(View)可以独立于Model变化和修改,一个Model可以绑定到不同的”View”上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。

            2. 可重用性。你可以把一些视图逻辑放在一个Model里面,让很多view重用这段视图逻辑。

            3. 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计。

            4. 可测试。

3.问:自己如何实现MVVM框架?

 

4.问:自己如何实现MVVM框架 ?

答:Observer(数据监听模块)里面重新覆盖了object对象的get和set方法,用来监视数据模型的改变,同时反映到视图中。 Parser(解析器)用来监听视图的变化,同时将视图的改变反映到数据模型中。

 

socket

网络上的两个程序通过一个双向的通信连接实现数据的交换,这个连接的一端称为一个socket。

 

建立网络通信连接至少要一对端口号(socket)。socket本质是编程接口(API),对TCP/IP的封装,TCP/IP也要提供可供程序员做网络开发所用的接口,这就是Socket编程接口;HTTP是轿车,提供了封装或者显示数据的具体形式;Socket是发动机,提供了网络通信的能力。

 

Socket的英文原义是“孔”或“插座”。作为BSD UNIX的进程通信机制,取后一种意思。通常也称作”套接字”,用于描述IP地址和端口,是一个通信链的句柄,可以用来实现不同虚拟机或不同计算机之间的通信。在Internet上的主机一般运行了多个服务软件,同时提供几种服务。每种服务都打开一个Socket,并绑定到一个端口上,不同的端口对应于不同的服务。Socket正如其英文原意那样,像一个多孔插座。一台主机犹如布满各种插座的房间,每个插座有一个编号,有的插座提供220伏交流电, 有的提供110伏交流电,有的则提供有线电视节目。 客户软件将插头插到不同编号的插座,就可以得到不同的服务。

 

websocket

WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——可以通俗的解释为服务器主动发送信息给客户端。

 

WebSocket首次在HTML5规范中被引用为TCP连接,作为基于TCP的套接字API的占位符。[1]  WebSocket通信协议于2011年被IETF定为标准RFC 6455,并被RFC7936所补充规范

 

什么是WebSocket API?

WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字,使用ws或wss协议,可用于任意的客户端和服务器程序。WebSocket目前由W3C进行标准化。WebSocket已经受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等浏览器的支持。

 

WebSocket API最伟大之处在于服务器和客户端可以在给定的时间范围内的任意时刻,相互推送信息。WebSocket并不限于以Ajax(或XHR)方式通信,因为Ajax技术需要客户端发起请求,而WebSocket服务器和客户端可以彼此相互推送信息;XHR受到域的限制,而WebSocket允许跨域通信。

 

Ajax技术很聪明的一点是没有设计要使用的方式。WebSocket为指定目标创建,用于双向推送消息

 

本篇文章来源于微信公众号: 印象IT

印象资源网- 版权声明©
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长进行删除!
2. 本站提供教程视频、源码、模板、插件等等其他资源,需要技术服务可以联系管理员。
3. 如有链接无法下载、失效或广告,请联系管理员处理!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需,请大家谅解,谢谢。
5.联系客服邮箱(1):810023272@qq.com
联系客服邮箱(2):578561952@qq.com
6.联系客服QQ:点击我和交流
印象资源网 » 前端面试集合(1)

发表评论

提供最优质的资源集合

了解详情