前端面试题目搜集.pdfVIP

目 录 一、理论知识 二、HTML 三、CSS 四、JavaScript 参考资料 本文档使用 看云 构建 - 2 - 一、理论知识 一、理论知识 原文出处 ：http///strick/p/4968200.html 作者 ：咖啡机(K.F.J) 1.1、讲讲输入完网址按下回车 ，到看到网页这个过程中发生了什么 a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求 ，浏览器得到html代码 e. 浏览器解析html代码 ，并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 参考 《一次完整的HTTP事务是怎样一个过程》 1.2、谈谈你对前端性能优化的理解 a. 请求数量 ：合并脚本和样式表 ，CSS Sprites ，拆分初始化负载 ，划分主域 b. 请求带宽 ：开启GZip ，精简JavaScript ，移除重复脚本 ，图像优化 ，将icon做成字体 c. 缓存利用 ：使用CDN ，使用外部JavaScript和CSS ，添加Expires头 ，减少DNS查找 ，配置ETag ，使 AjaX可缓存 d. 页面结构 ：将样式表放在顶部 ，将脚本放在底部 ，尽早刷新文档的输出 e. 代码校验 ：避免CSS表达式 ，避免重定向 参考 《前端工程与性能优化》 *1.3、前端 MV框架的意义** 早期前端都是比较简单 ，基本以页面为工作单元 ，内容以浏览型为主 ，也偶尔有简单的表单操作 ，基本不 太需要框架。 随着 AJAX 的出现 ，Web2.0的兴起 ，人们可以在页面上可以做比较复杂的事情了 ，然后前端框架才真正 出现了。 本文档使用 看云 构建 - 3 - 一、理论知识 如果是页面型产品 ，多数确实不太需要它 ，因为页面中的 JavaScript代码 ，处理交互的绝对远远超过处理 模型的 ，但是如果是应用软件类产品 ，这就太需要了。 长期做某个行业软件的公司 ，一般都会沉淀下来一些业务组件 ，主要体现在数据模型、业务规则和业务流 程 ，这些组件基本都存在于后端 ，在前端很少有相应的组织。 从协作关系上讲 ，很多前端开发团队每个成员的职责不是很清晰 ，有了前端的 MV框架 ，这个状况会大有 改观。 之所以感受不到 MV*框架的重要性 ，是因为Model部分代码较少 ，View的相对多一些。如果主要在操作 View和Controller ，那当然 jQuery 这类库比较好用了。 参考 《前端 MV*框架的意义》 1.4、请简述盒模型 IE6盒子模型与W3C盒子模型。 文档中的每个元素被描绘为矩形盒子。盒子有四个边界 ：外边距边界margin, 边框边界border, 内边距边 界padding与内容边界content。 CSS3中有个box-sizing属性可以控制盒子的计算方式 ， content-box ：padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的 width值和border、padding之和。 （W3C盒子模型 ） border-box ：padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的 width值。 （IE6盒子模型 ） 参考 《盒模型》 1.5、请你谈谈Cookie的弊端 a. 每个特定的域名下最多生成的cookie个数有限制 b. IE和Opera 会清理近期最少使用的cookie ，Firefox会随机清理cookie c. cookie的最大大约为4096字节 ，为了兼容性 ，一般不能超过4095字节 d. 安全性问题。如果cookie被人拦截了 ，那人就可以取得所有的session信息。 1.6、浏览器本地存储 在HTML5中提供了sessionStorage和localStorage。 sessionStorage用于本地存储一个会话 （session ）中的数据 ，这些数据只有在同一个会话中的页面才能 本文档使用 看云 构建