WEB前端面试题全套.docVIP

什么是响应式网页? 通过 CSS3 Media Query 实现响应式 Web 设计 响应式 Web 设计(Responsive Web design)的理念是，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。 具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query 的使用等。无论用户正在使用笔记本还是 iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。 Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 标准模式和混杂模式（quirks mode）。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如 Microsoft IE 4 和 Netscape Navigator 4）的行为以防止老站点无法工作。 在 IE 6 出现时，在标准模式中使用的是正确的盒模型，在混杂模式中使用的则是老式的专有盒模型。为了维持对 IE 5 和更低版本的向后兼容性，Opera 7 和更高版本也在混杂模式中使用有缺点的 IE 盒模型。 前端页面有哪三层构成，分别是什么？作用是什么？ 网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。” 网页的表示层（presentation layer） 由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。 网页的行为层（behavior layer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的领域。 使用 (X)HTML 去搭建文档的结构。 使用 CSS 去设置文档的呈现效果。 使用 DOM 脚本去实现文档的行为 如何居中一个浮动元素? 方法一：让最外面的层相对定位，left 等于 50%，然后内部嵌套层也使用相对定位且 left 设为-50%，这样的效果就是内层相对整行为水平居中； 方法二：使用 display: table; 方法三：直接使用 table 布局（使用太多 table 容易让结构看起来比较混乱，其实页面中使用少量的 table，只要不要嵌套使用，还是可以实现使用少量 CSS，达到最好的效果的），这种方法这里就不举例演示了。 如何让 ie6,7,8，兼容 html5 的标签？ 我一直使用公司里的提供的 jqside 插件，里面就是把 html5 的标签放到字符串，用字符串的 split 的方法变为数组，用 while 的方法，变量减减，用 dom 的createElement 方法进行再 ie678 里创建标签。 if( $.isIE678 ){ Var html5=abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,vid eo.split(,), i = html5.length; while(i--) document.createElement(html5[i]); } 在 Css 中那个属性会影响 dom 读取文档流的顺序？ Float 行内元素有哪些？块级元素有哪些？CSS 的盒模型？ Css 的盒模型：从外到里，margin，border，padding，content。 块元素在页面里，占一行，可以设定宽和高，可以容纳块元素和行内元素。常见的块元素有 div，p，h1-h6，ul 等。 行内元素没有宽和高的属性但可以与其他元素同一行，一般不可以包含块元素，行内元素的高度一般由元素内部的字体大小决定，宽度由内容的长度控制。常见的行内元素有 a，b，span，strong，em 等。 CSS 引入的方式有哪些? link 和@import 的区别是? 内联引用 CSS。可灵巧应用样式於各标签中。方便于编写代码时的使用。没有整篇文件的“统一性”，在需要修改某样式的时候也变的比较困难。 内部引用 CSS将样式规则写在STYLE.