网站前端开发面试题.docxVIP

网站前端开发面试题　　WEB前端面试题整理　　1、列举你工作中遇到的IE6 BUG，谈谈解决方案。　　1.双倍边距bug:　　例如：给元素添加属性float:left的时候，设置margin-left，margin属性会加倍，此时需要添加属性display:inline.　　这样能避免双倍边距　　2.发生在一个元素浮动，然后一个不浮动的元素自然上浮与之靠近会出现的　　3px的bug。只有采用“暴力破解法”,人为地调整3px。　　3.当子元素浮动未知高度时，使父容器适应子元素的高度bug　　overflow:auto;-------让父容器自适应子元素的高度　　_zoom:1;---------为了兼容IE6而使用的CSS Hack　　4.外部相对定位div的奇数宽高bug　　比如：可以将外部相对定位div的宽高为奇数时，会产生1px的边距，可以将外部相对定位的div的宽高改为偶数　　5. 图片下方有空隙产生　　给img元素添加属性：display:block;　　下的空标签高度bug　　一个空div，如果设置高度为0到19px,会默认始终为19px,此时可以在空标签中添加一些html注释标签　　2：行内元素有哪些?块级元素有哪些?CSS的盒模型?　　行内元素有：a b span I img input select strong(input用于定义表单中的各个具体的表单元素)　　块级元素有：div ul ol lidl dt dd　　盒模型：margin border padding width　　选择符有哪些?哪些属性可以继承?优先级算法如何计算?　　标记选择器，类选择器，ID选择器。优先级就近原则　　载入样式以最后载入的定位为准。　　5:前端页面有哪三层构成，分别是什么?作用是什么?　　网页分成三个层次，即：结构层、表示层、行为层。　　网页的结构层：由HTML 或XHTML 之类的标记语言负责创建，即HTML的语义化。，说白了就是一些标签　　网页的表示层：说白了就是CSS　　网页的行为层：说白了就是Javascript 语言和DOM 主宰的领域。　　6:css的基本语句构成是?　　层叠样式表　　(自定义的样式名称){ 样式内容｝;　　9.如何居中一个浮动元素?　　position：relative;margin-left:50%;left:-width/2　　10.有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况!　　HTML5　　添加了video和audio标签　　添加了canvas绘画元素　　更加语义化：添加了header,footer,article　　新的表单元素：datalist,keygen,output　　新的input类型：email,number,url　　等等　　CSS3实现圆角，阴影(text-showdow)对文字加特效(text-overflow,word-wrap,font-size-adjust)，增加了更多的CSS选择器(全局选择器，组合选择器，继承选择器，伪类选择器等)　　11:如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片?　　文件，以及js文件尽量分别都放在一个文件里，减少客户端请求服务器的次数　　2.背景图片尽量采用CSS sprites技术　　和JS的命名尽量采用英文有意义的缩写　　　　2.怎样添加、移除、替换、复制、创建和查找节点　　(1)创建新节点　　createDocumentFragment() //创建一个DOM片段　　createElement_x_x_x_x_x() //创建一个具体的元素　　createTextNode() //创建一个文本节点　　(2)添加、移除、替换、插入　　a()　　removeChild()　　replaceChild()　　Before()　　(3)查找　　getElementsByTagName() //通过标签名称　　getElementsByName() //通过元素的Name属性的值　　getElementById() //通过元素Id，唯一性　　3.怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别　　普及：有两种触发方式，一种叫做Bubbling(冒泡)，另外一种叫做Capturing(捕获)。由上图可以看出来，冒泡的方式效果就是当一个DOM元素的某事件例如click事件被触发时，依次它的父元素的click事件也被触发，一直传递到最顶层的body元素为止。而捕获的触发方式正好相反，当某个元素的click事件被触发时，先从最顶层的body元素click事件被触发开始，一直传递到真正被触发的元素为止。　　怎样使用事件：　　1.直接在DOM元素上绑定事件处理器　　等浏览器遵循W