web前端开发面试题汇总模板.doc

web前端开发面试题汇总模板.docweb前端开发面试题汇总模板
web前端开发面试题汇总模板
web前端开发面试题汇总模板
web前端开发面试题汇总
1天前653浏览2评论
前端面试题汇总
HTML&CSS
Blink（WebKit的
分支）、Opera内核原为Presto
，现为Blink；
内核主要分成两部分：
渲染引擎(layoutengineer或RenderingEngine)和JS引擎
渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。
浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
JS引擎则：解析和执行javascript来实现网页的动态效果。最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。
html5有哪些新特性？如何处理HTML5新标签的浏
览器兼容问题？如何区分HTML和HTML5？
(Q1)HTML5现在已经不是SGML的子集，主要是关于图像，位置，存储，多任务等功能的增加。
(1)绘画canvas;
(2)用于媒介回放的video和audio元素;
(3)本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失;
(4)sessionStorage的数据在浏览器关闭后自动删除;
web前端开发面试题汇总模板
web前端开发面试题汇总模板
web前端开发面试题汇总模板
(5)语意化更好的内容元素，比如article、footer、header、nav、section;(6)表
单控件，calendar、date、time、email、url、search;
(7)新的技术webworker,websocket,Geolocation;
(Q2)IE8/IE7/，可以利
用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要
添加标签默认的样式。也可以直接使用成熟的框架、比如html5shim，
简述一下你对HTML语义化的理解？
用正确的标签做正确的事情。
，结构更清晰，便于对浏览器、搜索引
擎解析;
，并且是容易阅读的;搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于
SEO;
，便于阅读维护理解。
##常见兼容性问题？
png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.
浏览器默认的margin和padding不同。解决方案是加一个全局的
{margin:0;padding:0;}来统一。IE6双边距bug:块属性标签float后，又有横行
的margin情况下，在ie6显示margin比设置的大。浮动ie产生的双倍距离#box{float:left;width:10px;margin:000100px;}
这种情况之下IE会产生20px的距离，解决方案是在float的标签样式控制中加入——_display:inline;将其转化为行内属性。(_这个符号只有ie6会识别)渐进识别的方式，从总体中逐渐排除局部。
web前端开发面试题汇总模板
web前端开发面试题汇总模板
web前端开发面试题汇总模板
首先，巧妙的使用“9”这一标记，将

IE

游览器从所有情况中分离出来。

接着，
web前端开发面试题汇总模板
web前端开发面试题汇总模板
web前端开发面试题汇总模板
再次使用“+将”IE8

和

IE7、IE6

分离开来，这样

IE8

已经独立识别。

css

.bb{
web前端开发面试题汇总模板
web前端开发面试题汇总模板
web前端开发面试题汇总模板
background-color:#f1ee18;/所有识别
web前端开发面试题汇总模板
web前端开发面试题汇总模板
web前端开发面试题汇总模板
/

.background-color:#00deff\9;/

IE