前端面试题目解读.docVIP

1. 5个IE8 css hack兼容 (1)、图片间隙 A) div中的图片间隙(该bug出现在IE6及更低版本中) 描述：在div中插入图片时，图片会将div下方撑大三像素。 hack1:将 /div与img写在一行上； hack2:将img转为块状元素，给img添加声明：display:block; dt中图片间隙（IE6） hack: 将img转为块状元素，给img添加声明：display:block; C) li中图片间隙 hack1:img转为块元素； hack2:给ul设置font-size:0； hack3:给img设置margin-bottom:-5px; (2)、双倍浮向（双倍边距） 描述：当Ie6及更低版本浏览器在解析浮动元素时，会错误地把浮向边界加倍显示。 hack:给浮动元素添加声明 ：display:inline; (3)、默认高度（IE6） 描述：在IE6及以下版本中，部分块元素拥有默认高度（低于18px高度） hack1：给元素添加声明：font-size:0; hack2：给元素添加声明：overflow:hidden;(4)、表单元素行高不一致(IE,MOZ,C,O,S)描述：表单元素行高对齐方式不一致 hack:给表单元素添加声明：float:left; (5)、按钮元素默认大小不一 描述：各浏览器中按钮元素大小不一致 hack1： 统一大小/（用a标记模拟） hack2：在input上写按钮的样式， 一定要把input的边框去掉。 hack3：如果这个按钮是一个图片，直接把图片作为按钮的背景图即可。 (6)、百分比bug 描述：在IE6及以下版本中在解析百分比时，会按四舍五入方式计算从而导致50%加50%大于100%的情况。 hack: 给右面的浮 动元素添加声明： clear:right; 意思：清除右浮动。 clear:left:清除左浮动 clear:both:清除两边的浮动 (7)、鼠标指针bug 描述：cursor属性的hand属性值只有IE浏览器识别，其它浏览器不识别该声明，cursor属性的pointer属性值IE6.0以上版本及其它内核浏览器都识别该声明。 hack:如统一某元素鼠标指针形状为手型，应添加声明：cursor:pointer; 8)、透明属性 IE浏览器写法：filter:alpha(opacity=value);取值范围 1-100 兼容其他浏览器写法：opacity:value;(value的取值范围0-1,0.1,0.2,0.3-----0.9) (9）、li里a加display：block；出现行高不一致； hack1：给a加display：inline-block； hack2：给a加display：inline;// ajax 有什么优点 有什么缺点 一、ajax的优点 Ajax的给开发者带来的好处大家基本上都深有体会，如下： 1、最大的一点是页面无刷新，在页面内与服务器通信，给用户的体验非常好。 2、使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。 3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。 4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。 二、ajax的缺点 1、ajax干掉了back按钮，即对浏览器后退机制的破坏。后退按钮是一个标准的web站点的重要功能，但是它没法和js进行很好的合作。这是ajax所带来的一个比较严重的问题，因为用户往往是希望能够通过后退来取消前一次操作的。那么对于这个问题有没有办法？答案是肯定的，用过Gmail的知道，Gmail下面采用的ajax技术解决了这个问题，在Gmail下面是可以后退的，但是，它也并不能改变ajax的机制，它只是采用的一个比较笨但是有效的办法，即用户单击后退按钮访问历史记录时，通过创建或使用一个隐藏的IFRAME来重现页面上的变更。（例如，当用户在Google Maps中单击后退时，它在一个隐藏的IFRAME中进行搜索，然后将搜索结果反映到Ajax元素上，以便将应用程序状态恢复到当时的状态。） 但是，虽然说这个问题是可以解决的，但是它所带来的开发成本是非常高的，和ajax框架所要求的快速开发是相背离的。这是ajax所带来的一个非常严重的问题。 2、安全问题 技术同时也对IT企业带来了新的安全威胁，ajax技术就如同对企业数据建立了一