智一面为您提供模拟练习题：

高级前端工程师    http://www.gtalent.cn/exam/interview?token=76f1af731aa16cfd9addb763891fb73e
中级前端工程师 http://www.gtalent.cn/exam/interview?token=05fc891d3a7b4f3a89520d6b789da38b
初级前端工程师 http://www.gtalent.cn/exam/interview?token=77be195b15052213bd1452130fbd7b64
前端实习生 http://www.gtalent.cn/exam/interview?token=e0a66129f7665f61d1d8bf17bcc5ccb5

img标签上tilte与alt属性的区别是什么？

alt当图片不显示时，用文字代表

title为该属性提供信息

解释css sprites,如何使用

Reset重置浏览器的css默认属性，浏览器品种不同，样式不同，重置让他们统一

浏览器标准模型和怪异模型之间的区别是什么

盒子模型，渲染模式的不同

标准盒子模型：width,height不包括padding 

怪异盒子模型：width，height包括padding

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

  1. 文件合并（目的是减少http请求），
  2. 文件最小化/文件压缩，（目的是直接减少文件下载的体积）
  3. 使用CDN托管，降低通信距离
  4. 缓存的使用，添加Expire/Cache-Control头。
  5. 避免重定向
  6. 移除重复脚本
  7. 减少DNS查询
  8. 使用AJAX缓存，让网站内容分批加载，局部更新
  9. 将css放在页面最上面，script放在页面最下面

什么是语义化的html?

直观的认识标签，对于搜索引擎的抓取有好处

为什么要语义化？

  1. 即使在没有CSS样式的条件下，也能很好地呈现出内容结构、代码结构；
  2. 语义化HTML会使HTML结构变的清晰，有利于维护代码和添加样式；
  3. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
  4. 提升搜索引擎优化(SEO)的效果。和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
  5. 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
  6. 通常语义化HTML会使代码变的更少，使页面加载更快。

 

智一面|热门IT岗面试题集锦