首页 > 编程知识 正文

web前端开发笔试题(前端原生js面试题)

时间:2023-05-04 00:50:07 阅读:81460 作者:876

AJAX

什么是 AJAX,为什么要使用 AJAX ?

1. AJAX是“异步JavaScript和XML”的缩写。 这是一种网页开发技术,用于创建交互式web APP应用程序。

2 .客户机和服务器无需刷新整个浏览器即可与服务器异步通信的技术

原生 AJAX 请求处理?

1 .创建xmlhttprequest对象,即创建异步调用对象

2 .创建新的HTTP请求,并指定该HTTP请求的方法、URL和凭据

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

发送HTTP请求

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

使用JavaScript和DOM进行本地刷新

同步请求和异步请求的区别?

同步:浏览器访问服务器的请求,用户查看页面更新,重新发送请求,请求结束,页面更新,出现新内容,用户查看新内容,进行以下操作

异步:浏览器访问服务器进行请求,用户操作正常,在浏览器后端进行请求。 请求结束后,页面不更新,也显示新内容,用户查看新内容

AJAX 的优点和缺点?

AJAX的好处

1 .无更新数据(不更新整个页面而维持与服务器的通信)2.异步与服务器通信,不中断用户操作)3.前端和后端的负载均衡)前端的一些工作减少服务器和宽度的负担)4.将接口和APP分离) ajax将接口和APP分离,也就是将数据和演示分离)。

AJAX的缺点

1. AJAX不支持浏览器的后退按钮。 2 .安全问题AJAX暴露了与服务器交互的详细情况。 3 .搜索引擎支持薄弱。 4.back和History的后退按钮的正常动作等破坏了浏览器的结构

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

同源策略是客户端脚本,特别是Javascript的重要安全度量标准。

Netscape Navigator2.0的第一个版本。 目的是防止文档或脚本从多个不同的源进行装载。

2 .同源战略是指协议、域名、端口相同。 同源策略是一种安全协议,指的是一个脚本只能读取来自同一来源的窗口和文档的属性。

如何解决跨域问题?

1.域间概念:

协议、域名和端口都是同一个域,否则是跨域的

2 .解决跨域问题:

1 )使用JSONP(JSONpadding )填充数据2 ).CORS方式)域间资源共享),在后端配置域间可能性3 ) .从服务器代理、服务器的文件中存储到第三方的资源

基于

axios 库的特点?

1.xhr/http包promise的异步ajax请求库

2 .浏览器侧/node侧均可使用

3 .请求/响应拦截器支持

4 .取消支持请求

5 .请求/响应数据转换

6 .批量发送多个请求

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。