前端面试题库(8个前端面试的题目)

前端面试题库(8个前端面试的题目)

前端面试题库本栏目整理了前端面试题库,帮助您初步了解前端面试题库相关信息,希望我的回答对你有所帮助。



块级元素:div p h1 h2 h3 h4 form ul

行内元素: a b br i span input select

Css盒模型:内容,border ,margin,padding

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

结构层;主要指DOM节点;HTML/XHTML

样式层;主要是指页面渲染;CSS

脚本层:主要指页面动画效果;JS/AS

三、CSS引入的方式有哪些? link和@import的区别是?

内联 内嵌 外链 导入

区别 :同时加载

前者无兼容性,后者CSS2.1以下浏览器不支持

Link 支持使用javascript改变样式,后者不可

写出几种IE6 BUG的解决方法

1.双边距BUG float引起的 使用display:inline;

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嵌套

五、标签上title与alt属性的区别是什么?

Alt 当图片不显示是 用文字代表。

Title 为该属性提供信息

Reset重置浏览器的css默认属性 浏览器的品种不同,样式不同,然后重置,让他们统一

六、什么是语义化的HTML?

直观的认识标签 对于搜索引擎的抓取有好处

清除浮动的几种方式,各自的优缺点

1.使用空标签清除浮动 clear:both(理论上能清楚任何标签,,,增加无意义的标签)

2.使用overflow:auto(空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE)

3.是用afert伪元素清除浮动(用于非IE浏览器)

七、IE和标准下有哪些兼容性的写法

Var ev = ev || window.event

Var target = ev.srcElement||ev.target

八、ajax请求的时候get 和post方式的区别

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

有大小限制

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

闭包就是能够读取其他函数内部变量的函数。

添加 删除 替换 插入到某个接点的方法

obj.innersetBefore

obj.replaceChild

obj.removeChild

javascript的同源策略

超链接四个状态:

a:link{text-decoration:none ; color:#666 ;}

a:visited {text-decoration:none ; color:#666 ;}

a:hover {text-decoration:underline ; color:#000 ;}

a:active {text-decoration:none ; color:#000 ;}

加载顺序不同,link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。

转载地址:

文/丁向明

以上是关于前端面试题库的相关信息,了解更多关于前端面试场景题, 前端面试题目100及最佳答案内容请继续关注本站。

前端面试题库(8个前端面试的题目)

文章版权声明:除非注明,否则均为边学边练网络文章,版权归原作者所有

相关阅读