往年前端面试题.docxVIP

往年前端面试题 一、HTML/CSS 篇 1、请你说一下Web Worker和WebSocket的作用。 【仅供参考】 Web Worker的作用如下： (1)通过 worker= new Worker (url)加载一个 JavaScript 文件，创建一个 Worker,同时返回一■个Worker实例 (2)用 worker. postMessage (data)向 Worker 发送数据 (3)绑定worker, onmessage接收Worker发送过来的数据 (4)可以使用worker, terminate ()终止一个Worker的执行。 WebSocket的作用如下。 它是Web应用程序的传输协议，提供了双向的、按序到达的数据流。它是 HTML5新增的协议，WebSocket的连接是持久的，它在客户端和服务器之间保 持双工连接，服务器的更新可以及时推送到客户端，而不需要客户端以一定的 时间间隔去轮询。 2、HTML5应用程序缓存为应用带来什么优势？ 【仅供参考】 应用程序缓存为应用带来3个优势。 (1)离线浏览，让用户可在应用离线时(网络不可用时)使用它们。 (2)速度，让已缓存资源加载得更快。 (3)减少服务器负载，让浏览器将只下载服务器更新过的资源。 3、＜img＞的title和alt有什么区别 【仅供参考】 通常当鼠标滑动到元素上的时候显示 alt是＜img＞的特有属性，是图片内容的等价描述，用于图片无法加载时显示、 读屏器阅读图片。可提图片高可访问性，除了纯装饰图片外都必须设置有意义 的值，搜索引擎会重点分析。 【仅供参考】 在JS中，可以自定义命名的东西都属性标识符; 比如变量名，函数名，参数名都是标识符 7、JavaScript原型，原型链？有什么特点? 【仅供参考】 任何对象都有proto隐式原型，等于构造函数的prototype const obj = {} obj._proto_ === Ototype // true 任何函数都有prototype显示原型等于原型对象（就是一个普通对象包含公 共属性） *（通过Function, prototype, bind方法构造出来的函数是个例外，它没有 prototype 属性） function Person （） {} Person, prototype =原型对象 Person, prototype, constructor 二二二 Person // true const personl = new Person personl. _proto_ === Ptotype // true personl. constructor == Person // true 对象还具有constructor属性，指向构造函数 （Person, prototype, constructor =二 Person） 原型链是依赖于—proto—,查找一个属性会沿着proto原型链向上查找，直 到找到为止。 特殊 //原型链最终点是null Object, prototype.—proto— === null // true obj._proto_,_proto_ === null // true 每个对象都会在其内部初始化一个属性，就是prototype（原型），当我们访问 一个对象的属性时， 如果这个对象内部不存在这个属性，那么他就会去prototype里找这个属性， 这个 prototype 又会有自己的 prototype, 于是就这样一直找下去，也就是我们平时所说的原型链的概念。 关系:instance, constructor, prototype = instance, proto 特点： JavaScript对象是通过引用来传递的，我们创建的每个新对象实体中并没有一 份属于自己的原型副本。当我们修改原型时，与之相关的对象也会继承这一改 变 8、JavaScript的同源策略 【仅供参考】 所谓〃同源〃指的是〃三个相同〃，协议+域名+端口 同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。因 此A网页设置的Cookie, B网页不能读到，除非这两个网页〃同源〃。比如恶意 网站的页面通过iframe嵌入了银行的登录页面(二者不同源)，因此恶意网站 得不到用户输入的任何信息和cookieo 如果非同源，共有三种行为受到限制： Cookie、LocalStorage 和 IndexDB 无法读取。 D0M无法获得。 AJAX请求不能发送。 同源政策规定，AJAX请求只能发给同源的网址，否则就报错。 有三种方法规避这个限制。 JS0NP WebSocket CORS Nginx代理 跨域技术-CORS,是HTML5的一项特性，它定义了一种浏览