前端开发面试题.docVIP

前端开发的面试题 前端开发的面试题 PAGE / NUMPAGES 前端开发的面试题 前端开发的面试题 web 前端面试题 以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中无法解决的问题，经过对知识的整理以及经验的总结，重新牢固自己的前端基础知识。 1.对  WEB 标准以及  W3C 的理解与认识 标签闭合、标签小写、不乱嵌套、提高找寻机器人找寻几率、使用外 链 css 和 js 本、结构行为表现的分别、文件下载与页面速度更快、内容能被更多的用户所接见、内容 能被更广泛的设备所接见、更少的代码和组件，简单维 护、改版方便，不需要变动页面 内容、供应打印版本而不需要复制内容、提高网站易用性 ;  脚 2.xhtml 和 html 有什么差异 HTML 是一种基本的 WEB 语言， XHTML 是一个基于 XML 的置口号言 最主要的不一样： XHTML 元素必定被正确地嵌套。 XHTML 元素必定被关闭。 标签字必定用小写字母。 XHTML 文档必定拥有根元素。 3.Doctype? 严格模式与混杂模式 -如何触发这两种模式，区分它们有何意义 ? 用于声明文档使用那种规范  (html/Xhtml)  一般为 严格 过分 基于框架的  html  文档 加入  XMl  声明可触发，剖析方式更正为  IE5.5 拥有  IE5.5  的  bug 4.行内元素有哪些 ?块级元素有哪些 ?CSS的盒模型 ? 块级元素： div p h1 h2 h3 h4 form ul 行内元素 : a b br i span input select Css 盒模型 :内容， border ,margin ，padding 5.CSS引入的方式有哪些 ? link 和 @import 的差异是 ? 内联 内嵌 外链 导入 差异 ：同时加载 前者无兼容性，后者 CSS2.1以下阅读器不支持 Link 支持使用 script 改变样式，后者不可以 6.CSS选择符有哪些 ?哪些属性可以继承 ?优先级算法如何计算 ?内联和 important 哪个优先级高 ? 标签选择符 类选择符 id 选择符 继承不如指定 Idclass标签选择 后者优先级高 7.前端页面有哪三层构成，分别是什么 ?作用是什么 ? 结构层 Html 表示层 CSS行为层 js 8.css 的基本语句构成是 ? 选择器 {属性 1:值 1;属性 2:值 2; } 9.你做的页面在哪些流览器测试过 ?这些阅读器的内核分别是什么 ? Ie(Ie 内核 ) 火狐 (Gecko) 谷歌 (webkit) opear(Presto) 10.写出几种 IE6 BUG 的解决方法 1.双边距 BUG float 引起的 使用 display 2.3 像素问题 使用 float 引起的 使用 dislpay:inline -3px 3.超链接 hover 点击后无效 使用正确的书写序次 link visited hover active 4.Ie z-index 问题 给父级增加 position:relative 5.Png 透明 使用 js 代码 改 6.Min-height 最小高度 !Important 解决 ’ 7.select 在 ie6 下掩饰 使用 iframe 嵌套 8.为什么没有方法定义 1px 左右的宽度容器 (IE6 默认的行高造成的，使用 over:hidden,zoom:0.08 line-height:1px) 11.标签上 title 与 alt 属性的差异是什么 ? Alt 当图片不显示是 用文字代表。 Title 为该属性供应信息 12.描述 css reset 的作用和用途。 Reset 重置阅读器的 css 默认属性 阅读器的品种不一样，样式不一样，尔后重置，让他们 一致 13.讲解 css sprites，如何使用。 Css精灵 把一堆小的图片整合到一张大的图片上，减少服务器对图片的央求数量 14.阅读器标准模式和独到模式之间的差异是什么 ? 盒子模型 衬着模式的不一样 使用 可显示为什么模式 15.你如何对网站的文件和资源进行优化 ?希望的解决方案包括： 文件合并 文件最小化 / 文件压缩 使用 CDN 托管 缓存的使用 16.什么是语义化的 HTML? 直观的认识标签 对于找寻引擎的抓取有好处 17.除去浮动的几种方式，各自的优缺点 1.使用空标签除去浮动  clear:both( 理论上能清楚任何标签，，，增加没心义的标签  ) 2.使用  overflow:auto(  空标签元素除去浮动而不得不增加没心代码的缺点  ,,使用 zoom:1 用于兼容 IE) 3.是用 afert