美文网首页面试合集前端面试题汇总集锦
2017前端面试题之综合篇(1)

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

作者: 岁寒3友 | 来源:发表于2017-06-05 15:33 被阅读320次

    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表示服务器暂时不可用

    相关文章

      网友评论

        本文标题:2017前端面试题之综合篇(1)

        本文链接:https://www.haomeiwen.com/subject/fwgifxtx.html