2017前端面试题之综合篇(1)

1 . 浏览器如何渲染?

浏览器的渲染原理简介

专题:浏览器:渲染重绘、重排两三事

浏览器加载和渲染HTML的顺序以及Gzip的问题

从FE的角度上再看输入url后都发生了什么

从输入 URL 到页面加载完成的过程中都发生了什么事情?

当你输入一个网址,实际会发生什么?


2 . 如何分析页面性能?


3 . 你如何对网站的文件和资源进行优化?

  • 文件合并
  • 文件最小化/文件压缩
  • 使用 CDN 托管
  • 缓存的使用

4 . 请说出三种减少页面加载时间的方法。

  • 减少感知时间,添加一些视觉上的反馈,比如添加进度条等。
  • 先导入静态文件
  • 减少加载文件的数量,整合js文件称单一文件,整合css文件为单一文件,减少浏览器请求数量。
  • 浏览的地方才加载

5 . 有哪些工具来测试代码的性能。

答:Profiler, JSPerf, Dromaeo


6 . 有哪些前端工具性网站


7 . 请描述一下 GET 和 POST 的区别?

答:区别如下:

  • get 向指定的资源请求数据,请求的数据会附在URL 之后,就是把数据放置在请求行(request line)中),以?分割URL和传输数据,多个参数用&连接;

  • post 向指定的资源提交要被处理的数据。post方法请求是封装在http 消息包体中

& get post
后退/刷新 无害 请求重新提交
书签 可做书签 不可做
缓存 可被缓存 不能被缓存
历史 保留在浏览器记录里 不保留
对数据长度限制 限制(2048字符) 不限制
安全性 url中暴露数据 相对安全
可见性 url中可见 不可见

8 . HTTP 状态码

  • 1XX代表请求已经被接收;
  • 2xx代表请求已成功被服务器接收、理解、并接受。常用的200表示请求已成功,请求所希望的响应头或数据体将随此响应返回;
  • 3xx代表重定向。
  • 4xx代表客户端错误。404表示网页不存在。
  • 5xx代表服务器错误。500表示服务器内部错误,503表示服务器暂时不可用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,555评论 1 19
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,381评论 25 708
  • “每18至24个月,前端都会难一倍”——赫门 “2015深JS大会《前端服务化之路》主题演讲” 题目&答案 你遇到...
    晓松阅读 12,996评论 10 294
  • 人们常说一句话,“一个人要有主见,才会走到更远。”却是不假。 一个人最基本的元素,是“主见”,也就是你要为自己的人...
    阿俊xi阅读 422评论 0 0
  • 一个满是少年气的男孩, 撑着油纸伞, 走在长长的青石板街, 你脚步轻轻走到他的身旁, 他抬首对你温柔一笑。
    朝花惜时忆蝉鸣阅读 139评论 2 0