两道前端笔试题

Question

某公司的两道前端笔试题，想听听大神的意见

1. 如果解决浏览器默认样式不一的问题？

2. 如何减少页面请求时间（包括请求静态内容）？

Answer 1

1. stylesheet reset；
2. 快速的 DNS 服务器、gzip 压缩静态内容、合并文件以减少请求数、减少不必要的 cookie、缓存静态文件、使用 CDN、压缩 CSS 和 JavaScript 等。参见阿里测。

Answer 2

1.重置浏览器默认样式。如果想知道具体的css代码有哪些可以参考compass框架的reset模块（http://compass-style.org/reference/compass/reset/utilities/）

2.这个有很多方法，作为前端的话，常见的有比如减少静态资源大小（如css、js文件的压缩）、合并静态资源（css、js文件尽可能合并，图片可以通过CSS Sprites合并为一张图片）

Answer 3

1.默认样式同一，可以自已手动去重置浏览器默认的样式，也就是通常我们在做页面时会有一个reset.css，这样可以让所有浏览器样式大致一样。 2.分门别类的回答，可以看楼上两条。

Answer 4

第一个问题解决浏览器默认样式不一致的问题通用的方式是reset css.
第二个问题解决方法分为前端和后端。前端优化可以参照雅虎的前端优化法则和高性能网站建设指南这本书。主要是包括减少http请求，使用CDN，添加expire过期头，压缩组件，样式表放顶部，脚本文件放底部，减少dns查找，使ajax可以进行缓存，等等，还可以使用big pipe技术来加载页面。后端其实主要耗时是在IO操作方面。主要是页面的缓存技术，数据库的优化，服务器的部署方面了。总的来说，前端开发可以优化网站加载时间大概占70%~80%。

Answer 5

刚好我也做过这道笔试题，就回忆一下吧。 1.通过设置 reset.css 来实现，现在推荐 normailize.css 2.参考雅虎14条，压缩 js 和 css，，减少 http 请求，使用图片精灵，使用 CDN，图片等资源储存在不同的域名（突破浏览器同时访问线程的限制），设置 expire 头。

面试被虐刷...

Answer 6

第二道题可以参考 Google Web Performance Best Practices

简单摘录下提纲

• Optimizing caching — keeping your application's data and logic off the network altogether
• Minimizing round-trip times — reducing the number of serial request-response cycles
• Minimizing request overhead — reducing upload size
• Minimizing payload size — reducing the size of responses, downloads, and cached pages
• Optimizing browser rendering — improving the browser's layout of a page
• Optimizing for mobileNew! — tuning a site for the characteristics of mobile networks and mobile devices

Answer 7

1:viewport 2:......

Answer 8

1, reset 2, .min

来个精简版。

Answer 9

^_^ 学习了，个人稍微整理了上面的一些回答，如下：

1.如何解决浏览器默认样式不一致的问题？

> 重置浏览器默认样式，通过设置reset.css来实现，现在推荐normailize.css。 如果想知道具体的css代码有哪些可以参考compass框架的reset模块

2.如何减少页面请求时间（包括请求静态内容）？

> 减少静态资源大小（如css、js文件的压缩）、合并静态资源（css、js文件尽可能合并，图片可以通过CSS Sprites合并为一张图片）、减少 http 请求、快速的DNS服务器、使用 CDN、图片等资源储存在不同的域名（突破浏览器同时访问线程的限制）、设置 expire 过期头（可参考Google Web Performance Best Practices）

Answer 10

前端优化请戳链接描述