小小 - 个人主页动态 - 牛客网

发布(193) 评论刷题收藏

2021-03-01 20:20

门头沟学院 Java

58.前端进阶-网络传输8

5.41 axios的拦截器原理及应用 参考答案： 应用场景请求拦截器用于在接口请求之前做的处理，比如为每个请求带上相应的参数（token，时间戳等）。返回拦截器用于在接口返回之后做的处理，比如对返回的状态进行判断（token是否过期）。  拦截器的使用  在src目录下建立api文件夹 文件夹内建立axios.js文件，进行接口请求的初始化配置   import axios from 'axios' let instance = axios.create({ baseURL: "http://localhost:3000/", headers: { &#3...

0 点赞评论收藏

分享

2021-03-01 20:20

门头沟学院 Java

57.前端进阶-网络传输7

5.34 keep-alive是什么？ 参考答案： 什么是KeepAlive  KeepAlive可以简单理解为一种状态保持或重用机制，比如当一条连接建立后，我们不想它立刻被关闭，如果实现了KeepAlive机制，就可以通过它来实现连接的保持 HTTP的KeepAlive在HTTP 1.0版本默认是关闭的，但在HTTP1.1是默认开启的；操作系统里TCP的KeepAlive默认也是关闭，但一般应用都会修改设置来开启。因此网上TCP流量中基于KeepAlive的是主流 HTTP的KeepAlive和TCP的KeepAlive有一定的依赖关系，名称又一样，因此经常被混淆，但其实是不同的东西，下面具...

0 点赞评论收藏

分享

2021-03-01 20:19

门头沟学院 Java

56.前端进阶-网络传输6

5.29 OSI七层协议 参考答案： OSI（Open System Interconnect），即开放式系统互联。 一般都叫OSI参考模型，是ISO（国际标准化组织）组织在1985年研究的网络互连模型。ISO为了更好的使网络应用更为普及，推出了OSI参考模型。其含义就是推荐所有公司使用这个规范来控制网络。这样所有公司都有相同的规范，就能互联了。OSI定义了网络互连的七层框架（物理层、数据链路层、网络层、传输层、会话层、表示层、应用层），即ISO开放互连系统参考模型。 1.应用层 作用：它是与其他计算机进行通信的应用，它是对应应用程序的通信服务的。各种应用软件，包括web应用。 协议：DNS、...

0 点赞评论收藏

分享

2021-03-01 20:18

门头沟学院 Java

55.前端进阶-网络传输5

5.21 手写jsonp 参考答案： 实现步骤：  创建script元素，设置src属性，并插入文档中，同时触发AJAX请求。 返回Promise对象，then函数才行继续，回调函数中进行数据处理 script元素删除清理  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...

0 点赞评论收藏

分享

2021-03-01 20:18

门头沟学院 Java

54.前端进阶-网络传输4

5.15 https加密解密流程 参考答案： https加密解密流程分成以下8个步骤：  客户端发起HTTPS请求 这个没什么好说的，就是用户在浏览器里输入一个HTTPS网址，然后连接到服务端的443端口。  服务端的配置 采用HTTPS协议的服务器必须要有一套数字证书，可以自己制作，也可以向组织申请。区别就是自己颁发的证书需要客户端验证通过，才可以继续访问，而使用受信任的公司申请的证书则不会弹出提示页面。这套证书其实就是一对公钥和私钥。如果对公钥不太理解，可以想象成一把钥匙和一个锁头，只是世界上只有你一个人有这把钥匙，你可以把锁头给别人，别人可以用这个锁把重要的东西锁起来，然后发给你，因为只...

0 点赞评论收藏

分享

2021-03-01 20:18

门头沟学院 Java

53.前端进阶-网络传输3

5.10 非对称加密和对称加密，具体怎么实现的 参考答案： 对称加密：在对称加密算法中，加密使用的密钥和解密使用的密钥是相同的。也就是说，加密和解密都是使用的同一个密钥。 非对称加密：指加密和解密使用不同密钥的加密算法。非对称加密算法需要两个密钥：公钥（publickey）私钥（privatekey）。 公钥与私钥是一对存在，如果用公钥对数据进行加密，只有用对应的私钥才能解密；如果用密钥对数据进行加密，那么只有用对应的公钥才能解密。因为加密和解密使用的是两个不同的密钥，所以这种算法叫作非对称加密算法。 解析： 1、对称加密算法的缺点  1、要求提供一条安全的渠道使通讯双方在首次通讯时协商一个共...

0 点赞评论收藏

分享

2021-03-01 20:17

门头沟学院 Java

52.前端进阶-网络传输2

5.4 有什么方法可以保持前后端实时通信 参考答案： 实现保持前后端实时通信的方式有以下几种  WebSocket： IE10以上才支持，Chrome16, FireFox11,Safari7以及Opera12以上完全支持，移动端形势大 event-source: IE完全不支持（注意是任何版本都不支持），Edge76，Chrome6,Firefox6,Safari5和Opera以上支持， 移动端形势大好 AJAX轮询： 用于兼容低版本的浏览器 永久帧（ forever iframe）可用于兼容低版本的浏览器 flash socket 可用于兼容低版本的浏览器  这几种方式的优缺点 1.Web...

0 点赞评论收藏

分享

2021-03-01 20:16

门头沟学院 Java

51.前端进阶-网络传输1

5.1 跨域是什么？如何解决跨域？ 参考答案： 1.什么是同源策略及其限制内容？ 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。  同源策略限制内容有：  Cookie、LocalStorage、IndexedDB 等存储性内容 DOM 节点 AJAX 请求发送后，结果被浏览器拦截了  但是有三个标签是允许跨域加载资源：  <img src='xxx'> <link href=&#3...

0 点赞评论收藏

分享

2021-03-01 20:16

门头沟学院 Java

50.前端进阶-安全

4.1 如何提高网站的安全性？ 参考答案： 前端常见安全问题的7个方面：  iframe opener CSRF（跨站请求伪造） XSS（跨站脚本攻击） ClickJacking（点击劫持） HSTS（HTTP严格传输安全） CND劫持  解析：  iframe a.如何让自己的网站不被其他网站的 iframe 引用？   // 检测当前网站是否被第三方iframe引用 // 若相等证明没有被第三方引用，若不等证明被第三方引用。当发现被引用时强制跳转百度。 if(top.location != self.location){ top.location.href = 'http://ww...

0 点赞评论收藏

分享

2021-03-01 20:15

门头沟学院 Java

49.前端进阶-性能

3.1 前端性能优化手段 参考答案： 前端性能优化手段从以下几个方面入手：加载优化、执行优化、渲染优化、样式优化、脚本优化 加载优化:减少HTTP请求、缓存资源、压缩代码、无阻塞、首屏加载、按需加载、预加载、压缩图像、减少Cookie、避免重定向、异步加载第三方资源 执行优化：CSS写在头部，JS写在尾部并异步、避免img、iframe等的src为空、尽量避免重置图像大小、图像尽量避免使用DataURL 渲染优化：设置viewport、减少DOM节点、优化动画、优化高频事件、GPU加速 样式优化：避免在HTML中书写style、避免CSS表达式、移除CSS空规则、正确使用display：dis...

0 点赞评论收藏

分享

2021-03-01 20:14

门头沟学院 Java

48.前端进阶-移动端

1.2 移动端适配方案 参考答案： 适配思路 设计稿（750*1334） ---> 开发 ---> 适配不同的手机屏幕，使其显得合理 原则  开发时方便，写代码时设置的值要和标注的 160px 相关 方案要适配大多数手机屏幕，并且无 BUG 用户体验要好，页面看着没有不适感  思路  写页面时，按照设计稿写固定宽度，最后再统一缩放处理，在不同手机上都能用 按照设计稿的标准开发页面，在手机上部分内容根据屏幕宽度等比缩放，部分内容按需要变化，需要缩放的元素使用 rem, vw 相对单位，不需要缩放的使用 px 固定尺寸+弹性布局，不需要缩放  viewport 适配 根据设计稿标准（7...

0 点赞评论收藏

分享

2021-03-01 20:13

门头沟学院 Java

47.前端进阶-浏览器4

1.14 token 能放在cookie中吗 参考答案： 能 解析：  token 是在客户端频繁向服务端请求数据，服务端频繁的去数据库查询用户名和密码并进行对比，判断用户名和密码正确与否，并作出相应提示，在这样的背景下，token 便应运而生。 「简单 token 的组成」:uid(用户唯一的身份标识)、time(当前时间的时间戳)、sign（签名，token 的前几位以哈希算法压缩成的一定长度的十六进制字符串）  token认证流程   客户端使用用户名跟密码请求登录 服务端收到请求，去验证用户名与密码 验证成功后，服务端签发一个 token ，并把它发送给客户端 客户端接收 token ...

0 点赞评论收藏

分享

2021-03-01 20:13

门头沟学院 Java

46.前端进阶-浏览器3

1.12 浏览器垃圾回收机制 参考答案： 1. 介绍 浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。其原理是：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其开销比较大并且GC时停止响应其他操作，所以垃圾回收器会按照固定的时间间隔周期性的执行。 不再使用的变量也就是生命周期结束的变量，当然只可能是局部变量，全局变量的生命周期直至浏览器卸载页面才会结束。局部变量只在函数的执行过程中存在，而在这个过程中会为局部变量在栈或堆上分配相应的空间...

0 点赞评论收藏

分享

2021-03-01 20:12

门头沟学院 Java

45.前端进阶-浏览器2

1.8 浏览器如何渲染页面的？ 参考答案： 所以可以分析出基本过程：  1. HTML 被 HTML 解析器解析成 DOM 树；  2. CSS 被 CSS 解析器解析成 CSSOM 树；  结合 DOM 树和 CSSOM 树，生成一棵渲染树(Render Tree)，这一过程称为 Attachment；  生成布局(flow)，浏览器在屏幕上“画”出渲染树中的所有节点；  将布局绘制(paint)在屏幕上，显示出整个页面。 不同的浏览器内核不同，所以渲染过程不太一样。     WebKit 主流程   Mozilla 的 Gecko 呈现引擎主流程  由上面两张图可以看出，虽然主流...

0 点赞评论收藏

分享

2021-03-01 20:11

门头沟学院 Java

44.前端进阶-浏览器1

1.1 cookie sessionStorage localStorage 区别 参考答案：  共同点：都是保存在浏览器端、且同源的   区别：   cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下   存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据，如会话标识。session...

0 点赞评论收藏

分享

创作者周榜

更多

关注他的用户也关注了：

牛客网
牛客企业服务