1.浏览器内核的理解
1,渲染引擎:负责取到网页的内容,整理讯息,然后输出只显示器,内核不同,语法解释不同,所以渲染的效果也不同。
2,js引擎:解析和执行javascript 来实现网页的动态效果,
2.css sprites如何使用。
css精灵把一小堆的图片整合到一张大的图片上,减轻了服务器对图片的请求数量。
1.静态图片,不随用户信息的变化而变化,
2,小图片,图片容量比较小。
3.加载量比较大。
3.清除浮动的几种方式,各自的优缺点
(1)父级div定义height。
(2)结尾处加空div标签clear:both。
(3)父级div定义伪类:after和zoom。
(4)父级div定义overflow:hidden。
(5)父级div定义overflow:auto。
(6)父级div也浮动,需要定义宽度。
(7)父级div定义display:table。
(8)结尾处加br标签clear:both。
比较好的是第3种方式,好多网站都这么用。
4,Doctype作用?标准模式与兼容模式各有什么区别?
<doctype> 告知浏览器用什么文档标准解析这个文档。负责导致文档以兼容模式呈现。
标准模式的排版和JS的运作模式都是以该浏览器支持的最高标准运行,兼容模式中,页面以宽松的向后兼容的方式显示,
5.iframe有哪些缺点?
①iframe会阻塞主页面的Onload事件,搜索引擎的检索程序无法解读这种页面,不利于SEO;
②iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。
使用iframe之前需要考虑这两个缺点。如果需要使用iframe,最好是通过javascript动态给iframe添加src属性值,这样可以绕开以上两个问题。
6.css3的新特性
border-radius:8px; box-shadow:10px
;text-shadow gradient transform rotate scale translate skew
html5的兼容性问题使用
document.createlement产生的标签,或者使用成熟的框架来兼容其它浏览器,比如html5shim
html5的新特性
1.canvas 2,video, audio
3,对于本地离线储存的更好支持,
4.新的特殊内容元素,5,新的表单控件。