谁能给我出一两道 web前端笔试题 上机题啥的,呵呵,比较常考的

html-css017

谁能给我出一两道 web前端笔试题 上机题啥的,呵呵,比较常考的,第1张

[面试题] 某企业前端开发面试题

【HTML &CSS】

1. Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?

2. 行内元素有哪些?块级元素有哪些?CSS的盒模型?

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

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

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

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

7. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?

8. 如何居中一个浮动元素?

9. 有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况!

10. 你怎么来实现下面这个设计图,主要讲述思路 (效果图省略)

11. 如果让你来制作一个访问量很高的大型网站,你会如何来管理所有CSS文件、JS与图片?

12. 你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?

【Javascript】

1. js是什么,js和html 的开发如何结合?

2. 怎样添加、移除、移动、复制、创建和查找节点

3. 怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别

4. 面向对象编程:b怎么继承a

5. 看看下面alert的结果是什么

view sourceprint?1.function b(x, y, a) {

.arguments[2] = 10

.alert(a)

}

b(1, 2, 3)

如果函数体改成下面,结果又会是什么?

a = 10

alert(arguments[2] )

6. 请编写一个JavaScript函数 parseQueryString,它的用途是把URL参数解析为一个对象

var obj = parseQueryString(url)

alert(obj.key0) // 输出0

7. ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?

8. 什么是闭包?下面这个ul,如何点击每一列的时候alert其index?

<ul id=”test”>

<li>这是第一条</li><li>这是第二条</li><li>这是第三条</li>

</ul>

9. 最近看的一篇Javascript的文章是?

10. 常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件?

11.说说YSlow(可以详细一点)

答案在参考资料里面可以找到,答案在参考资料里面可以找到,答案在参考资料里面可以找到

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>交叉重叠层</title>

<style type="text/css">

html{ color:#f00}

#top{width:200pxheight:300pxbackground-color:#fffposition:absolutetop:50pxleft:50px}

#bottom{width:300pxheight:400pxbackground-color:#000z-index:-100position:absolutetop:0left:0}

</style>

</head>

<body>

<div id="top">上面层</div>

<div id="bottom">下面层</div>

</body>

</html>

可以用z-index来定义层的上下关系

padding-left表示左内补丁,如果右侧没有指定的话,右侧是0.所以只加一个50是正确的.

padding-top则只是上内补丁,与padding不同,后者表示上下左右四处内补丁使用同一个值.

padding:5px

等同于:

padding:5px 5px 5px 5px

等同于:

padding-top:5px

padding-right:5px

padding-bottom:5px

padding-left:5px