前端面试题总结1

本文深入探讨了HTTP状态码的含义,如200、301、404等,解析了同步与异步的区别及其在JavaScript中的应用,介绍了原生DOM操作的基本方法,阐述了axios库的功能与使用场景,解释了跨域问题及其解决方案,讨论了Promise如何解决异步编程难题。
1.http状态码及描述:
	200-请求成功
	301-资源(网页)被永久转移到其他url
	404-请求网页资源不存在
	400-客户端请求的语法错误,服务器无法理解
	500-内部服务器错误
	504-网络请求超时,服务器未在规定时间内返回响应
	2** 操作被成功接受并处理
	3** 重定向
	4** 客户端错误-语法错误或无法完成请求
	5** 服务端错误-处理请求时发生错误

2.同步异步理解
	同步:执行的顺序符合代码的顺序,前一个任务执行完毕后才会进行下一个任务
	异步:
			不进入主线程,而是进入'任务队列'的任务,只有'任务队列'通知主线程,
		某个异步任务可以执行了,该任务才会进入主线程执行
			主线程发起一个异步请求,相应的工作线程接受请求并告知主线程已收
		到通知(异步函数返回)。主线程可以继续执行后面的代码,同时工作线程
		执行异步任务。工作线程完成工作后,通知主线程。主线程收到通知后,
		执行一定的动作(调用回调函数)
		有哪些是异步:
			异步函数,比如 setTimeout和setInterval
			ajax    node.js中的许多函数也是异步的
			
3.常见的js原生DOM操作
	- 创建元素:document.createElement()
	- 创建文本节点:document.createTextNode
	- document.getElementById
	- document.getElementsByClassName
	- document.getElementsByTagName
	- document.getElementsByName
	- document.forms
	- 父节点:parentNode  子节点:childNodes
		- firstElementChild   firstChild  lastElementChild   lastChild    
	-  给元素设置属性:  element.setAttribute(name, value); 
	- getAttribute返回指定的特性名相应的特性值,如果不存在,则返回null- var value = element.getAttribute("id");

4.axios是什么,常见使用方法
Axios 是一个基于 promise 的 HTTP 库,简单的讲就是可以发送get、post请求。
	常见使用方法:('问题未解决'5.跨域是什么,如何解决该问题
	跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的'同源'策略造成的,是浏览器施加的安全限制。
	所谓'同源'是指,域名,协议,端口均相同,
	解决:
		1.jsonp是前端解决跨域最实用的方法
			JSONP只支持GET请求,不支持POST请求
		2.服务器proxy代理
			浏览器有跨域限制,但是服务器不存在跨域的问题,所有可以由服务器来请求所有域的资源返回给客户端
	http://www.sohu.com/a/241967861_661296  讲的很好,可以参考		

6.promise解决了什么问题  
	Promise 是异步编程的一种解决方案('问题未解决'7.js的异步解决方案有哪些
	('问题未解决'8. let const解决了什么问题,两者有什么区别

--------------------------------------------------------
补充
1.跨域:
	- jsonp核心是通过<script>标签的src来帮助我们获取数据
	- 原因是我们项目部署在a服务器时,是不能直接访问b服务器上的资料的
	- 这个时候,我们利用<script>标签的src帮助我们去服务器请求到数据,将
	  数据作为一个JavaScript的函数来执行,并且执行的过程中传入我们需要的json
  	- JSONP只支持GET请求,不支持POST请求
  	- // 封装jsonp的核心就在于我们监听window上的jsonp进行回调时的名称

2.axios:
	功能特点:
		1.在浏览器中发送XMLHttpRequests请求
		2.在node.js中发送http请求
			注意:jquery,ajax是不能在node.js(node环境)中发送请求的
		3.支持 Promise API
		4.拦截请求和响应
			每发送一次网络请求,是可以进行拦截(就可以添加一些操作)
		5.转化请求和响应数据

3.promise解决了什么问题:
	解决了浏览器异步请求问题:
		- 用户向服务器发送网络请求,是比较耗时的,就会发生堵塞。
		  导致用户界面卡顿,无法显示,无法点击。
		  必须等到网络请求任务结束后,才能做其他操作
		- 当有一个网络请求时,开启一个异步任务,让这个任务单独处理网络请求。
		  网络请求回来后,定义一个回调函数,来接受返回来的数据。
		  之后就可以对数据进行操作
		
	
		
  

参考:
测试人员应该知道的常用HTTP状态码
https://blog.youkuaiyun.com/loner_fang/article/details/81095359

在js中同步与异步的理解分析
https://blog.youkuaiyun.com/weixin_42614080/article/details/90346489

常见的原生javascript DOM操作
https://www.cnblogs.com/wfblog/p/8862946.html
js常见的原生dom操作总结
https://www.cnblogs.com/jiazhifeng/p/11265386.html

Axios是什么?用在什么场景?如何使用?
http://www.imooc.com/article/287900

什么是跨域及怎么解决跨域问题?
https://blog.youkuaiyun.com/lianzhang861/article/details/84871369

个人防护装备实例分割数据集 一、基础信息 • 数据集名称:个人防护装备实例分割数据集 • 图片数量: 训练集:4524张图片 • 训练集:4524张图片 • 分类类别: 手套(Gloves) 头盔(Helmet) 未戴手套(No-Gloves) 未戴头盔(No-Helmet) 未穿鞋(No-Shoes) 未穿背心(No-Vest) 鞋子(Shoes) 背心(Vest) • 手套(Gloves) • 头盔(Helmet) • 未戴手套(No-Gloves) • 未戴头盔(No-Helmet) • 未穿鞋(No-Shoes) • 未穿背心(No-Vest) • 鞋子(Shoes) • 背心(Vest) • 标注格式:YOLO格式,适用于实例分割任务,包含边界框或多边形坐标。 • 数据格式:图片数据,来源于监控或相关场景。 二、适用场景 • 工业安全监控系统开发:用于自动检测工人是否佩戴必要的个人防护装备,提升工作场所安全性,减少工伤风险。 • 智能安防应用:集成到监控系统中,实时分析视频流,识别PPE穿戴状态,辅助安全预警。 • 合规性自动化检查:在建筑、制造等行业,自动检查个人防护装备穿戴合规性,支持企业安全审计。 • 计算机视觉研究:支持实例分割、目标检测等算法在安全领域的创新研究,促进AI模型优化。 三、数据集优势 • 类别全面:覆盖8种常见个人防护装备及其缺失状态,提供丰富的检测场景,确保模型能处理各种实际情况。 • 标注精准:采用YOLO格式,每个实例都经过精细标注,边界框或多边形坐标准确,提升模型训练质量。 • 真实场景数据:数据来源于实际环境,增强模型在真实世界中的泛化能力和实用性。 • 兼容性强:YOLO格式便于与主流深度学习框架(如YOLO、PyTorch等)集成,支持快速部署和实验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值