html5+css3常见面试题(一)

html-css015

html5+css3常见面试题(一),第1张

1. Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

1.声明位于文档中的最前面,处于 标签之前。告知浏览器的解析器,用什么文档类型 规范来解析这个文档。

2.严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。

3.在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

4.DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

2.

有尿儿就啥也不怕,知道不

即使大家告诉你再多实际情况,即使你再背再总结也没有什么用,到岗位上也费尽。

问题也好,经验也罢,都这不是固定的。唯一固定的也不过就是作品展示和实际操作,很多时候后者重于前者。后者也相当麻烦,就我个人经历,一次面试从到公司开始,从设计到编码结束花费了几个小时,并且屏幕有监控,你开个音乐休闲一下都不行,一直到人家员工都吃饭去了我还弄呢,要求设计一个web2.0风格的网站,并编码出来。

一次是给我打开一个网站,让我只对它代码部分进行符合web标准重构。

一次是技术总监坐你旁边,他让你写什么代码就写什么代码,AI画什么效果就什么效果

……

如果真要说到时候会问什么,我觉得你第一点就应该把这种div+css的概念扔掉,div不过是标签罢了,属于html,而css是它的设计师,非要简单的说,不如说xhtml+css,这样更正确,不只是div可以用来布局。

其余的都是些:你对CSS框架了解不啊,都有什么框架啊,使用过没有啊;WEB标准了解不啊,谈谈你的理解啊;语义化,合理嵌套,SEO优化等等,就那些呗,关于楼上提到的兼容问题也是会问的,但不会详细到问你说IE6和FF中盒模型的差异之类的,一般都是问你兼容方面拿手吗,能做到哪些浏览器兼容。

其次有些人对你使用什么编辑器也有问的,不管花样如何,他们想知道的就是一点,你能不能完全的手写代码,这是能力的一种体现。

问题还有好多,但问题再多,无非是在考验你是不是公司需要的那个人,个人能力的问题。

不用担心太多,就像开头说的,有尿儿,就啥也不怕

Web前端经常被问到的面试题及答案

一、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 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 支持使用javascript改变样式,后者不可

6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?

标签选择符 类选择符 id选择符

继承不如指定 Id>class>标签选择

后者优先级高

7.前端页面有哪三层构成,分别是什么?作用是什么?

结构层 Html 表示层 CSS 行为层 js

8.css的基本语句构成是?

选择器{属性1:值1属性2:值2……}

9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?

Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto)

二、Javascript

1.javascript的typeof返回哪些数据类型

Object number function boolean underfind

2.例举3种强制类型转换和2种隐式类型转换?

强制(parseInt,parseFloat,number)

隐式(== – ===)

3.split() join() 的区别

前者是切割成数组的形式,后者是将数组转换成字符串

4.数组方法pop() push() unshift() shift()

Push()尾部添加 pop()尾部删除

Unshift()头部添加 shift()头部删除

5.事件绑定和普通事件有什么区别

6.IE和DOM事件流的区别

1.执行顺序不一样、

2.参数不一样

3.事件加不加on

4.this指向问题

7.IE和标准下有哪些兼容性的写法

Var ev = ev || window.event

document.documentElement.clientWidth || document.body.clientWidth

Var target = ev.srcElement||ev.target

8.ajax请求的时候get 和post方式的区别

一个在url后面 一个放在虚拟载体里面

有大小限制

安全问题

应用不同 一个是论坛等只需要请求的,一个是类似修改密码的

9.call和apply的区别

Object.call(this,obj1,obj2,obj3)

Object.apply(this,arguments)

10.ajax请求时,如何解释json数据

使用eval parse 鉴于安全性考虑 使用parse更靠谱

11.b继承a的方法

12.写一个获取非行间样式的函数

function getStyle(obj,attr,value)

{

if(!value)

{

if(obj.currentStyle)

{

return obj.currentStyle(attr)

}

else

{

obj.getComputedStyle(attr,false)

}

}

else

{

obj.style[attr]=value

}

}