【校招VIP】前端网络相关之性能和加载优化- 校招VIP

考点介绍

随着前端项目不断扩大，浏览器渲染的压力变得越来越重。配置好一点的计算机可以顺利地展现页面；配置低一些的计算机渲染页面的性能就不那么可观了。性能优化部分的面试题主要考察应试者对网站性能优化的了解。如何做好性能优化，哪些操作会引起性能优化的问题，性能优化指标是什么等，都值得应试者关注。

答案详情解析和文章内容可点击下方链接即可查看

一、考点题目

1.列举你知道的Web性能优化方法。

解答：（1）压缩源码和图片（ JavaScript采用混淆压缩，CSS进行普通压缩，JPG图片根据具体质量压缩为50%~70%，把PNG图片从24色压缩成8色以去掉一些PNG格式信息等）……

2.如何优化服务器端的接口？

解答：（1）接口合并：如果一个页面需要请求两部分以上的数据接口，则建议合并成一个以减少HTTP请求数……

3.jQuery性能优化如何做？

解答：（1）使用最新版本的 jQuery类库。JQuery类库每一个新的版本都会对上一个版本进行Bug修复和一些优化，同时也会包含一些创新，所以建议使用最新版本的 jQuery类库提高性能。不过需要注意的是，在更换版本之后，不要忘记测试代码，毕竟有时候不是完全向后兼容的……

4.哪些方法能提升移动端CSS3动画体验？

解答：一个元素通过 translate3d右移500X的动画流畅度会明显优于使用left属性实现的动画移动，原因是CSS动画属性会触发整个页面重排、重绘、重组。paint通常是最耗性能的，尽可能避免使用触发 paint的CSS动画属性……

二、考点文章

1.【校招VIP】Token一般存放在哪里

Token一般是存放在哪里？ Token放在cookie和放在localStorage、sessionStorage中有什么不同……

2.【校招VIP】Token的原理及实现

在早前的Web应用中，Web 基本上就是文档的浏览而已，既然是浏览，作为服务器，不需要记录谁在某一段时间里都浏览了什么文档，每次请求都是一个新的HTTP协议，就是请求加响应，尤其是我不用记住是谁刚刚发了HTTP请求，每个请求对我来说都是全新的……

3.【校招VIP】前端面试题：Token一般是存放在哪里

一般是用户通过用户名和密码登录成功之后，服务器将登陆凭证做数字签名，加密之后得到的字符串作为token……

三、考点视频

从浏览器输入URL到展示页面的全流程是怎么样的

本题目可以理解为从本地终端（如手机、电脑）访问一个网站，怎么处理请求并且加载出数据的。实际上考察的是计算机网络TCP/IP协议栈。主要的得分项为TCP协议各层的描述、数据传送的封装和解包、一次页面包含多个TCP连接，另外还有一个加分项，能不能考虑到浏览器缓存的情况……