分享一位WEB前端开发工程师面试题！！！

今天在Q群里看到这样一则面试题！此技术题还可以。只围绕了HTML、CSS、JS这三个前端必备的技术，其它更多的知识没有提及。你全做对了，并不代表着什么。但你答不上来，那就代表着很多很多。。。

[HTML && CSS]
1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 

doctype声明指示将使用哪一个文档类型定义(Document Type Definition DTD)来编写标记，DTD基本上就是个详细描述标记规则和语法的页面。

doctype有两个重要的用途，一个将提醒用户代理和验证程序该文档使用什么DTD，另一个是提醒浏览器按照标准模式而不是怪异模式来解释文档。如果包含了doctype ，那么浏览器会试图按照严格方式来解释标记，如果没有doctype，就会触发怪异模式，按照旧的不正确的方式来解释标记。

2：行内元素有哪些？块级元素有哪些？CSS的盒模型？

行内元素：<a> <img > <input > <span>

块级元素：<p> <h1>-<h6> <blockquote> <div> <ul> <li> <ol> <dl> <table> <form> <em> <strong> <input>

盒模型：width border padding margin

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

外联式：<link href="url" rel="stylesheet" tyle="text/css">

内联式:<script type="text/css"></script>

嵌入式:<input type="" style="">

4.CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？
5:前端页面有哪三层构成，分别是什么？作用是什么？

结构层，表现层，行为层
6:css的基本语句构成是？
8：你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？
9.如何居中一个浮动元素?
10.有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况！
11.你怎么来实现下面这个设计图,主要讲述思路 （效果图省略）
13:如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片？
14：你对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？

[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(可以详细一点)