* 写出一些前端性能优化的方法

1.减少dom操作

2.部署前，图片压缩，代码压缩

3.优化js代码结构，减少冗余代码

4.减少http请求，合理设置 HTTP缓存

5.使用内容分发cdn加速

6.静态资源缓存

7.图片延迟加载

* 谈谈你对前端工程化的理解

开发规范

模块化开发

组件化开发

组件仓库

性能优化

项目部署

开发流程

开发工具

* 行内元素有哪些？块级元素有哪些？CSS的盒模型？ 

 块级元素：div p h1 h2 h3 h4 form ul 

 行内元素: a b  i span b    em   strong

 Css盒模型:内容，border ,margin，padding 

* 行级元素和块级元素各有什么特征？ 

 行级元素的特征： 

 不会独占一行，宽度随元素的内容而变化，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行； 

 具有部分盒模型特征； 

 换行会被解析成。

   块级元素： 

 块级元素会独占一行，块级元素的宽度默认填撑满其父元素宽度； 

 具有盒模型特征。

* CSS引入的方式有哪些? link和@import的区别是? 

 内联 内嵌 外链 导入  

 区别 ：link XHTML标签；在页面载入时同时加载；无兼容问题，支持JavaScript改变样式 

 @import css中定义的，只能加载css；网页完全加载完成后开始加载；css2.1以下浏览器不支持，不支持JavaScript改变样式 

* CSS选择器有哪些？优先级算法如何计算？内联和important哪个优先级高？ 

 标签选择器 类选择器 id选择器 后代选择器 父子选择器 通配符选择器 伪类选择器 群组选择器  

 id>class>标签选择器 

 important后者优先级高 

* 前端页面有哪几层构成，分别是什么？作用是什么？ 

 结构层 Html ，表现层CSS， 行为层 js 

 网页的结构层由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。” 

 网页的表示层由 CSS 负责创建。CSS 对“如何显示有关内容”的问题做出了回答。 

 网页的行为层负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的领域。 

* 解释css sprites，如何使用。 

 Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量 

 好处： 

 1.减少网页的http请求，从而大大的提高页面的性能 

 2.图片命名上的困扰 

 3.更换风格方便 

 缺点： 

 必须要限定容器大小符合背景图元素位置 ，需要计算 

 维护的时候比较麻烦 

 步骤： 

 制作一张具有多个状态的拼合图片，处理拼合图片时，需要按照一定的规律处理 ;

 给要显示背景的盒一个固定的尺寸，以背景方式加载让其局部显示;

 通过背景图定位控制不同的显示状态 。

* 标签上title与alt属性的区别是什么？ 

 1、含义不同 

 alt是当图片不存在时的替代文字; title鼠标悬停在图片上的时候，为图片添加提示信息 

   2、在浏览器中的表现不同 

 在firefox和ie8中，当鼠标经过图片时title值会显示，而alt的值不会显示; 只有在ie6中，当鼠标经过图片时title和alt的值都会显示。 

 对于网站seo优化来说，title与alt还有最重要的一点：搜索引擎对图片意思的判断，主要靠alt属性。所以在图片alt属性中以简要文字说明，同时包含关键词，也是页面优化的一部分。条件允许的话，可以在title属性里，进一步对图片说明。 

* 描述css reset的作用和用途 

 reset重置浏览器的css默认属性，浏览器的内核不同，解析的样式属性值不同，需要对所有使用的元素去掉它们的自带样式，然后重置，让不同内核的浏览器都能解析到相同的属性值 

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

 盒子模型 渲染模式的不同 

 使用 window.top.document.compatMode 可显示为什么模式 

 文档声明缺失ie6，ie7，ie8下会触发怪异模式 

 .box{ width:200px;height:200px;padding:20px; } 

* xhtml和html有什么区别 

 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML（可扩展标记语言）的标记语言 

 最主要的不同： 

 XHTML 元素必须被正确地嵌套 

 XHTML 元素必须被关闭 

 标签名必须用小写字母 

 XHTML 文档必须拥有根元素 

 XHTML可以在所有浏览器中工作，并且向后兼容 

 Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 

 用于声明文档使用那种规范（html/Xhtml）一般为 严格 过度 基于框架的html文档 

 加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug