前端面试题汇总
HTML+CSS
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 h1-h4 form ul
行内元素:a b br i span input select
IE盒模型:内容+border+margin+padding
CSS3盒模型:内容+margin
5,CSS引入的方式有哪些?link和@inport的区别?
方式:内联、内嵌、外联、导入
区别:同时加载。link无兼容性,@inport CSS2.1以下浏览器不支持。
link写在HTML页面中的,@import写下css页面中的。
link支持使用javascript改变样式,而@import不可。
6,CSS选择符有哪些?
类选择器,标签名选择器,ID选择器,后代选择器(派生选择器)、群组选择器
可以继承选择器?
类选择器,标签选择器,后代选择器,群组选择器
优先级的算法?
标签内直接定义1000
ID选择器100
类选择器10
标签名选择器1
内联和important中,important优先级高。
7,前端页面有哪三层构成,分别是什么?作用是什么?
结构层(html、xhtml):主要指DOM节点;
行为层(css):主要指页面渲染;
表示层(js/as):主要注意页面动画效果交互;
8,CSS基本语句的构成是?
选择符 属性 值
dome:选择器{属性1:值1;属性2:值2;……}
9,你做的页面有那些浏览器测试过?这些浏览器的内核分别是什么?
Ie(IE内核)火狐(Gocko)谷歌(webkit)opear(Presto)
10,写出几种IE6BUG的解决方法?
(1)双边距bug float引起的,用display:inline解决;
(2)3像素问题 float引起的,使用display:inline -3px解决;
(3)超链接hover点击失效,使用正确顺序 link visited hover active;
(4)IE z-index问题 给父级添加position:relative
(5)png透明问题 使用js代码改写。png-8
(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.浏览器标准模式和怪异模式之间的区别是什么?
盒子模型 渲染模式的不同
使用 window.top.document.compatMode 可显示为什么模式
15,你如何对网站文件和资源进行优化?
文件合并;
文件最小化/文件压缩;
使用CDN托管;
缓存的使用;
16,什么是语义化HTML?
直观认识标签,对于搜索引擎的抓取有好处
17,清除浮动的几种方式,各自优缺点?
(1)使用空标签clear:both;理论上能清楚任何标签,但增加了无意义标签。
(2)使用overflow:auto;空标签元素清除浮动而不得不增加无意义代码的弊端,使用zoom:1用于兼容IE
(3)使用After伪元素清除浮动;用于非IE浏览器。
18,有没有关注HTML5和CSS3?简单说一下对他们了解情况?
html5是目前正为未来html标准的主要修订的发展。与前任一样,html5是一个结构和提交万维网内容的标准。新标准结合了诸多视频播放,拖动和放下以前曾在第三方浏览器插件依赖例如Adobe Flash,微软的Silverlight的功能,和谷歌齿轮。
19,如果让你制作一个放微凉很高的大型网站,你会如何管理所有CSS文件,js与图片?
把所有的css文件都放入一个样式表中,通过把所有的脚本放到一个文件中来减少HTTP请求的方法。js也是采用同样方法。把所有的背景图像放到一个图片文件中,然后通过css的background-image和background-position属性来显示图片的不同部分。
20,你对前端界面工程师这个职位怎么样理解,他的前景如何?
1,与交互设计师,视觉设计师协作,根据设计图完成页面制作。
2,维护及优化网站前端性能。
前景:长期以来,国内前端来发在整个软件开发行业占得比重较小,发展较晚。网站也多倾向与盈利最大化而轻视用户体验。前后端比例悬殊大。近几年来,随着以用户为中心的思想普及发展。前端开发呈现出强劲的发展态势,前端开发人员在项目中的重要性日益突出。前端人员呈现出严重的人员短缺现象。