前端面试题整理

dehuachenyunfei dehuachenyunfei     2023-03-03     139

关键词:

1.比较typeof与instanceof?

typeof的定义和用法:返回值是一个字符串,用来说明变量的数据类型。

Instanceof定义和用法:instanceof 用于判断一个变量是否属于某个对象的实例。

2.什么是跨域?跨域请求资源的方法有哪些?

由于浏览器同源策略,凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。存在跨域的情况。

跨域请求资源的方法:

(1)、porxy代理

定义和用法:proxy代理用于将请求发送给后台服务器,通过服务器来发送请求,然后将请求的结果传递给前端。

实现方法:通过nginx代理;

注意点:1、如果你代理的是https协议的请求,那么你的proxy首先需要信任该证书(尤其是自定义证书)或者忽略证书检查,否则你的请求无法成功。

(2)、CORS 【Cross-Origin Resource Sharing】

定义和用法:是现代浏览器支持跨域资源请求的一种最常用的方式。

使用方法:一般需要后端人员在处理请求数据的时候,添加允许跨域的相关操作。如下:

res.writeHead(200, 
    "Content-Type": "text/html; charset=UTF-8",
    "Access-Control-Allow-Origin":‘http://localhost‘,
    ‘Access-Control-Allow-Methods‘: ‘GET, POST, OPTIONS‘,
    ‘Access-Control-Allow-Headers‘: ‘X-Requested-With, Content-Type‘
);

3)、jsonp

定义和用法:通过动态插入一个script标签。浏览器对script的资源引用没有同源限制,同时资源加载到页面后会立即执行(没有阻塞的情况下)。

特点:通过情况下,通过动态创建script来读取他域的动态资源,获取的数据一般为json格式。

缺点:

  1、这种方式无法发送post请求(这里)

  2、另外要确定jsonp的请求是否失败并不容易,大多数框架的实现都是结合超时时间来判定。

 javascript面向对象中继承实现?

面向对象的基本特征有:封闭、继承、多态。

在JavaScript中实现继承的方法:

1. 原型链(prototype chaining)

2. call()/apply()

3. 混合方式(prototype和call()/apply()结合)

4. 对象冒充

$(document).ready()方法和window.onload有什么区别?

(1)、window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行的。

 (2)、$(document).ready() 方法可以在DOM载入就绪时就对其进行操纵,并调用执行绑定的函数。

jquery中$.get()提交和$.post()提交有区别吗?
相同点:都是异步请求的方式来获取服务端的数据;

异同点:

1、请求方式不同:$.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来进行异步请求的。

2、参数传递方式不同:get请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体内容发送给Web服务器的,这种传递是对用户不可见的。

3、数据传输大小不同:get方式传输的数据大小不能超过2KB 而POST要大的多

4、安全问题: GET 方式请求的数据会被浏览器缓存起来,因此有安全问题。

什么是盒子模型?
在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。

sessionStorage 、localStorage 和 cookie 之间的区别
 共同点:用于浏览器端存储的缓存数据

不同点:

(1)、存储内容是否发送到服务器端:当设置了Cookie后,数据会发送到服务器端,造成一定的宽带浪费;

        web storage,会将数据保存到本地,不会造成宽带浪费;

(2)、数据存储大小不同:Cookie数据不能超过4K,适用于会话标识;web storage数据存储可以达到5M;

(3)、数据存储的有效期限不同:cookie只在设置了Cookid过期时间之前一直有效,即使关闭窗口或者浏览器;

        sessionStorage,仅在关闭浏览器之前有效;localStorage,数据存储永久有效;

(4)、作用域不同:cookie和localStorage是在同源同窗口中都是共享的;sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;




前端面试押题整理

...表格的。严重违反了HTML语义化。4后来有了专门的写CSS的前端,他们会使用DIV+CSS布局,主要是用float和绝对定位布局。稍微符合了HTML语义化。5再后来,前端专业化,知道HTML 查看详情

前端面试题整理——react考点和回答

一、基础使用1、变量、表达式、classstyle、子元素和组件2、ifelse、三元表达式、逻辑运算符&&||3、map、key4、bindthis5、关于event参数,react的event不是原生的,event.nativeEvent才是指向原生event,所有的事件都是放弃安逸,持续努... 查看详情

一名深漂程序员:我所整理和收集的前端面试题(笔记)(代码片段)

系列文章目录一名深漂程序员:我所整理和收集的前端面试题(一)一名深漂程序员:我所整理和收集的前端面试题(二)一、如何做性能优化1.webpack工程环境层面的优化1.新的工具,更好的代码压缩... 查看详情

一名深漂程序员:我所整理和收集的前端面试题(笔记)(代码片段)

系列文章目录一名深漂程序员:我所整理和收集的前端面试题(一)一名深漂程序员:我所整理和收集的前端面试题(二)一、如何做性能优化1.webpack工程环境层面的优化1.新的工具,更好的代码压缩... 查看详情

前端面试题整理—vue篇(代码片段)

 1、对vue的理解,他有什么特点,vue为什么不能兼容IE8及以下浏览器  vue是一套用于构建用户界面的渐进式框架,核心是一个响应的数据绑定系统  vue是一款MVVM框架,基于双向绑定数据,当数据发生变化时候,vue自身会... 查看详情

一名深漂程序员:我所整理和收集的前端面试题webpack有关面试题(代码片段)

写在前面的话虽然作为绝大多数,打包发布这些事接触的很少甚至接触不到,尤其是如果在外包公司。那基本上除了写业务逻辑,打包上线这些事跟咱没任何关系,但是。webpack,或者vite这些打包的工具是面试... 查看详情

一名深漂程序员:我所整理和收集的前端面试题webpack有关面试题(代码片段)

写在前面的话虽然作为绝大多数,打包发布这些事接触的很少甚至接触不到,尤其是如果在外包公司。那基本上除了写业务逻辑,打包上线这些事跟咱没任何关系,但是。webpack,或者vite这些打包的工具是面试... 查看详情

15个方面解析面试官问的那些前端面试题,好家伙整理完有立刻想找大厂对线的冲动

...他知识点面试题、项目类问题、笔试编程题15个方面来讲前端面试题,题目答案文档里有,篇幅原因就只列举了部分题目,完整版的可以点击这看看噢。前端掌握的知识内容概要HTML/C 查看详情

一名深漂程序员:我所整理和收集的前端面试题

经典面试题合集(绝大多数都是超高频面试题)从浏览器地址栏输入url到显示页面的步骤(这是详细版本)在浏览器地址栏输入URL浏览器查看缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤如果资... 查看详情

前端面试题

  整理了一下最近的面试题,方便以后查阅。  一、vue相关(包括nuxt.js)  1.nodejs请求的接口。有时需要区分nodejs请求的接口和浏览器请求的接口。使用服务端渲染时,有些数据可以通过asyncData的方式获取,在nodejs层面获... 查看详情

3天,把过去半年前端高频面试题整理全了(内含大佬面经)

...首位置,TypeScript也是飞速上涨,热度飙升。可见前端依旧大势!当然,现在前端不像前几年,动不动就有重磅的、颠覆性的框架、轮子出现,还是趋于稳定,更多的是已有框架的特性更新。目前各个大... 查看详情

时隔许久,精心整理的超级实用的web前端面试题总结后续来啦(代码片段)

文章目录Web前端面试题总结(二)JavaScript篇1、JavaScript是一门什么样的语言,它有哪些特点?2、javascript的本地对象,内置对象和宿主对象?3、js的内置对象有哪些?列举一下arry和string的常用方法?... 查看详情

js万字整理javascript相关基础技术面试题总结-前端面试必备-基础知识总结-秋招冲鸭(代码片段)

文章目录1.变量声明与类型1.1varletconst区别1.2数据类型1.3值类型与引用类型的区别1.4typeof能判断哪些类型1.5判断数据类型的方式1.6`===`与`==`1.7truly变量与falsely变量1.8强制类型转换和隐式类型转换1.9语句... 查看详情

前端面试题及答案整理(2022最新版)(代码片段)

收集整理2022年最新前端面试题及答案,方便平时翻看记忆,欢迎各位大佬们补充。一般来说,把下面基础中的高频题写熟练就差不多了。当然去面大厂这些远远不够,还要再刷一些算法题。基础高频1.手写instanceof... 查看详情

一名自由程序员:我所整理和收集的前端面试题(代码片段)

【原生Appvs.跨平台Appvs.混合App】优劣对比:1、原生开发,至少得两套代码,成本高、开发周期长、复杂交互和样式开发麻烦;交互流畅、性能好、能够访问手机原生功能。2、H5:交互可以做得非常精致、样式... 查看详情

前端面试题整理

...务器,通过服务器来发送请求,然后将请求的结果传递给前端。实现方法:通过nginx代理;注意点:1、如果你代理的是https协议的请求,那么你的proxy首先需要信任该证书(尤其是自定义证书)或者忽略证书检查,否则你的请求... 查看详情

一名深漂程序员:我所整理和收集的前端面试题(代码片段)

【原生Appvs.跨平台Appvs.混合App】优劣对比:1、原生开发,至少得两套代码,成本高、开发周期长、复杂交互和样式开发麻烦;交互流畅、性能好、能够访问手机原生功能。2、H5:交互可以做得非常精致、样式... 查看详情

web前端面试:这40个经典web前端面试题面试者必看!

想成功就业Web前端工程师,想要能高薪就业,那么除了好的Web前端技能以外,还得有好的面试技巧,如果提前就了解更多企业的面试要求及面试题目,那么可以让我们的面试成功的几率大大的提高。今天千锋... 查看详情