前端面试题及答案1

　　1、什么是H5?

　　H5=HTML5，指的是HTML超文本标记语言(HTML)的第五次重大修改，HTML的第五代。 HTML5具有的特点：

　　(1)、语义化的标签：好处是网站加载更快;该标签举例：header、nav、article等。

　　(2)、增加了音频、视频标签：好处是取代falsh;该标签举例：audio、video。

　　(3)、canvas标签：好处在浏览器上绘制图形或动画，取代flash。

　　(4)、**手机和*板的响应式布局。

　　HTML5的缺点：低版本浏览器**性不好，比如IE9以下的浏览器不**HTML5。

　　2、H5为什么这么火?H5是哪一年产生的?H5会火多久?

　　(1)、因为H5的**很硬，是谷歌(google)和苹果(Apple)两大巨头公司，谷歌和苹果大力倡导H5的发展，也是H5的忠实的**者和实践者(IOS+Android系统占据手机市场92.36%)，H5的产生主要目的也是干掉flash，因为flash是adobe公司的，adobe不是W3C**的成员之一，苹果和谷歌等万维网联盟也不希望在自己的产品中使用加载量过大的flash。

　　(2)、H5是2014年9月份W3C(万维网联盟，主要有苹果和谷歌公司)**发布的。

　　(3)、刷脸时代(这里专指网站用户体验更加美观的时代)+移动端时代(手机+*板)，会促使H5会在未来的有更加美好的`发展前景，只要有网站，H5就会很火，UI也就很火，H5的发展会让UI更加提高用户的满意度，H5的火爆时代，会促进UI更好发展。

　　(4)、微信的发展，O2O的促使H5更火。

　　在这里不得不谈微信，如果没有微信，或许今天我们不会这样来讨论H5，微信无意中养成了用户扫码的习惯，并通过公众号的内容生.产及分发，以及微信本身已有的庞大的用户群体及社交属性，使基于网页的内容可以快速传播，真正带来了APP即浏览器的时代，取消了输入内容网址的麻烦。以微信为**的超级社交APP，解决了网页内容浏览及分发的通路。 H5或许会没落，但会迎来H6、H7?，只会变得越来越好，所以没必要担心H5会不会死，当下重在实践与积累，至少现在，Html5的影响力，会超出你我的想象，也就意味着H5的好闺蜜UI会一直火下去。

　　3、什么叫做响应式?

　　针对不用的屏幕显示不同的网页布局，比如说大屏幕手机、小屏幕手机、*板能够适应不同的屏幕来显示网站。

　　4、针对不同屏幕的响应式，UI***该做几套设计图?

　　只做一套，大多UI***会使用iPhone5的尺寸来做一套(640X1136)。那么这种可以适配响应式的各种屏幕的吗?这种在HTML5中通过代码中的**查询来实现。**查询怎么写?**查询的具体写法如下：

　　@media screen and (max-width:640px) { //最大宽度是640px的屏幕宽度

　　nav li { //nav标签下的li标签设置样式

　　display: inline; //转化为行元素

　　}

　　}

前端面试题及答案2

　　1、p是什么?在p出现之前做网站用什么布局?

　　p是网站布局的盒子标签，p出现是table布局，因为table布局嵌套很多，网站加载慢，布局层级不清晰。

　　2、html是什么?css是什么?js是什么?

　　(1)、html是超文本标记语言，他是做网站时候用的一些文本标记标签，比如p、p等。

　　(2)、css是层叠样式表，是做网站的时候给标签来美化网站的样式，比如说background(背景)、color(字体颜色)、height(高度)、width(宽度)等。

　　(3)、js=javascript是网**写前**交互效果、网页动画效果的一种开发语言，比如鼠标点击事件(click)、前**数据请求(ajax)等。

　　3、什么是前端工程师?什么是后端工程师?

　　前端工程师就是指的做静态网页的工程师：

　　(1)、广义的前端分为三种：安卓工程师、ios工程师、web前端工程师。

　　(2)、狭义的前端指的是web前端工程师，web前端工程师指的是做静态的PC端和手机端静态网页的工程师。

　　4、什么是静态网页?什么叫做***页?

　　(1)、静态网页：没有数据交互的网页，没有数据库参与，没有服务器端数据的加载。比如静态网页就是只有html+css+JavaScript做成的网站。

　　(2)、***页：有**数据参与的网页，网页中的数据是从数据库取的，需要有**逻辑的**。比如***页就是jsp页面(**语言是java)、asp页面(**语言是asp)。

　　5、前端语言有哪些?后端语言有哪些?

　　(1)、前端语言：HTML、css、javascript。

　　(2)、后端语言(服务器端语言)：php、java、asp。最近新出的node.js

　　6、做一个网站的团队都需要哪些人?

　　(1)、产品经理：设计这个产品，通常就是了解用户的网站需求，画原型图。

　　(2)、项目经理：通常是对整个产品有一个整理管理和负责，通常是会代码技术的人来构建整个网站的代码框架，以后网站实现的全面管理。

　　(3)、UI***，通过原型图画psd设计图的。

　　(4)、前端工程师，根据设计图来做静态网页，可能是原生app的IOS和安卓工程师，或者web端的web前端工程师。

　　(5)、后端工程师，通常就是做java、asp、php的工程师来写后端逻辑的工程师。

前端面试题及答案3篇扩展阅读

前端面试题及答案3篇（扩展1）

——android面试题及答案3篇

android面试题及答案1

　　1. Intent的几种有关Activity启动的方式有哪些，你了解每个含义吗?

　　这里Android123提示大家，Intent的一些标记有FLAG_ACTIVITY_BROUGHT_TO_FRONT 、FLAG_ACTIVITY_CLEAR_TOP、FLAG_ACTIVITY_CLEAR_WHEN_TASK_RESET、FLAG_ACTIVITY_EXCLUDE_FROM_RECENTS、FLAG_ACTIVITY_MULTIPLE_TASK和FLAG_ACTIVITY_NEW_TASK 等。每种含义大家看SDK文档和具体跑下这样你的记忆会更深刻些。

　　2. Activity和Task的启动模式有哪些? 每种含义是什么?

　　有关在AndroidManifest.xml中的android:launchMode定义，主要有standard、singleTop、singleTask和singleInstance，同时对于android:taskAffinity这些问题大家也要了解，Android开发网在以前的文章中讲过，不过很多开发者仍然不是很清楚，这些基础问题我们以后仍然会再次总结。

　　3. 通过Intent传递一些二进制数据的方法有哪些?

　　1). 使用Serializable接口实现序列化，这是Java常用的方法。

　　2). 实现Parcelable接口，这里Android的部分类比如Bitmap类就已经实现了，同时Parcelable在Android AIDL中交换数据也很常见的。

　　4. 能说下Android应用的入口点吗?

　　在Google的虚拟机中Application实例中已经实现了main方法，有关具体的Application介绍可以参考 Android程序的入口点是什么,不是Main()吗

　　5. Java基础问题，说说HashSet和HashTable的区别?

　　这个相信Java程序员都知道HashSet相对于HashMap就是不能存放重复的数据，对于HashTable来说，存放的数据不能出现key或value为null这样的情况。

　　6. Java基础问题，用Java的集合类写下广度优先搜索.

　　这个属于基础数据结构问题，通过队列处理一层一层，相对于深度优先的栈处理方式来说更实用一些。

　　7. Android都有哪些XML解析器，都熟练掌握吗?

　　这里XmlPull、SAX和DOM相信做过Web开发的都已经滚瓜烂熟了。

　　8. SQLite**事务吗? 添加删除如何提高性能?

　　SQLite作为轻量级的数据库，比MySQL还小，但**SQL语句查询，提高性能可以考虑通过原始经过优化的SQL查询语句方式处理。

　　9. Android Service和Binder、AIDL你都熟练吗?

　　作为Android重要的**服务，这些每个Android开发者都应该掌握，这也算是和Java SE最大的不同了，具体的实例大家可以查看Android音乐播放器的源代码Music.git中的，这里不再赘述。

　　10. 你用过哪款Android手机，有哪些优点和不足，相对于iPhone或Symbian又有哪些优缺点?

　　把这个作为面试题也是考察下，可以大概了解到它对Android的了解程度，多移动开发的认识。

android面试题及答案2

　　1、 Android的四大组件是哪些，它们的作用?

　　答：Activity：Activity是Android程序与用户交互的窗口，是Android构造块中最基本的一种，它需要为保持各界面的状态，做很多持久化的事情，妥善管理生命周期以及一些跳转逻辑

　　service：**服务于Activity，封装有一个完整的功能逻辑实现，接受上层指令，完成相关的食物，定义好需要接受的`Intent提供同步和异步的接口

　　Content Provider：是Android提供的第三方应用数据的访问方案，可以派生Content

　　Provider类，对外提供数据，可以像数据库一样进行选择排序，屏蔽内部数据的存储细节，向外提供**的借口模型，**简化上层应用，对数据的整合提供了更方便的途径

　　BroadCast Receiver：接受一种或者多种Intent作触发事件，接受相关消息，做一些简单处理，转换成一条Notification，**了Android的事件广播模型

　　2、 请介绍下Android中常用的五种布局。

　　常用五种布局方式，分别是：FrameLayout(框架布局)，LinearLayout (线性布局)，AbsoluteLayout(绝对布局)，RelativeLayout(相对布局)，TableLayout(表格布局)。

　　一、FrameLayout：所有东西依次都放在左上角，会重叠，这个布局比较简单，也只能放一点比较简单的东西。

　　二、LinearLayout：线性布局，每一个LinearLayout里面又可分为垂直布局(android:orientation=”vertical”)和水*布局(android:orientation=”horizontal” )。当垂直布局时，每一行就只有一个元素，多个元素依次垂直往下;水*布局时，只有一行，每一个元素依次向右排列。

　　三、AbsoluteLayout：绝对布局用X,Y坐标来指定元素的位置，这种布局方式也比较简单，但是在屏幕旋转时，往往会出问题，而且多个元素的时候，计算比较麻烦。

　　四、RelativeLayout：相对布局可以理解为某一个元素为参照物，来定位的布局方式。主要属性有：相对于某一个元素android:layout_below、 android:layout_toLeftOf相对于父元素的地方android:layout_alignParentLeft、android:layout_alignParentRigh;

　　五、TableLayout：表格布局，每一个TableLayout里面有表格行TableRow，TableRow里面可以具体定义每一个元素。每一个布局都有自己适合的方式，这五个布局元素可以相互嵌套应用，做出美观的界面。

　　3、 android中的动画有哪几类，它们的特点和区别是什么

　　答：两种，一种是Tween动画、还有一种是Frame动画。

　　Tween动画，这种实现方式可以使视图组件移动、放大、缩小以及产生透明度的变化; 另一种Frame动画，传统的动画方法，通过顺序的播放排列好的图片来实现，类似电影。

　　4、 android 中有哪几种解析xml的类?**推荐哪种?以及它们的原理和区别。

　　答：XML解析主要有三种方式，SAX、DOM、PULL。常规在PC上开发我们使用Dom相对轻松些，但一些性能**的数据库或手机上还是主要采用SAX方式，SAX读取是单向的，优点:不占内存空间、解析属性方便，但缺点就是对于套嵌多个分支来说处理不是很方便。而DOM方式会把整个XML文件加载到内存中去，这里Android开发网提醒大家该方法在查找方面可以和XPath很好的结合如果数据量不是很大推荐使用，而PULL常常用在J2ME对于节点处理比较好，类似SAX方式，同样很节省内存，在J2ME中我们经常使用的KXML库来解析。

　　5、 ListView的优化方案

　　答：1、如果自定义适配器，那么在getView方法中要考虑方法传进来的参数contentView是否为null，如果为null就创建contentView并返回，如果不为null则直接使用。在这个方法中尽可能少创建view。

　　2、给contentView设置tag(setTag())，传入一个viewHolder对象，用于缓存要显示的数据，可以达到图像数据异步加载的效果。

　　3、如果listview需要显示的item很多，就要考虑分页加载。比如一共要显示100条或者更多的时候，我们可以考虑先加载20条，等用户拉到列表底部的时候再去加载接下来的20条。

前端面试题及答案3篇（扩展2）

——web前端面试题3篇

web前端面试题1

　　1、为什么要初始化CSS样式。

　　因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

　　当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。

　　*最简单的初始化方法就是： * {padding: 0; margin: 0;} 。

　　2、Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

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

　　(2)、严格模式的排版和 JS 运作模式是以该浏览器**的最高标准运行。

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

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

　　3、CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?

　　(1)、id选择器( # myid)

　　(2)、类选择器(.myclassname)

　　(3)、标签选择器(p, h1, p)

　　(4)、相邻选择器(h1 + p)

　　(5)、子选择器(ul< li)

　　(6)、后代选择器(li a)

　　(7)、通配符选择器( * )

　　(8)、属性选择器(a[rel = “external”])

　　(9)、伪类选择器(a: hover, li: nth – child)

　　* 可继承：font-size font-family color, ul li dl dddt;

　　* 不可继承：border padding margin width height ;

　　* 优先级就近原则，样式定义最近者为准;

　　* 载入样式以最后载入的定位为准;

　　优先级为:

　　!important > id> class > tag

　　important 比内联优先级高

　　4、如何居中p，如何居中一个浮动元素?

　　确定容器的宽高宽500 高 300 的层。

　　设置层的外边距

　　.p {

　　Width:500px ; height:300px;//高度可以不设

　　Margin: -150px 0 0 -250px;

　　position:relative;相对定位

　　background-color:pink;//方便看效果

　　left:50%;

　　top:50%;

　　}

web前端面试题2

　　1、css的基本语句构成是?

　　选择器{属性1:值1;属性2:值2;??} 例如：p{margin-top:10px;border:1px solid #ccc}

　　2、前端页面由哪三层构成，分别是什么?作用是什么?

　　网页分成三个层次，即：结构层、表示层、行为层。

　　网页的结构层(structural layer)由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。” 网页的表示层(presentation layer)由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。

　　网页的行为层(behavior layer)负责回答“内容应该如何对事件做出反应”这一问题。这是Javascript语言和 DOM 主宰的领域。

　　3、你做的页面在哪些流览器测试过?

　　IE内核浏览器：360，傲游，搜狗，世界之窗，腾讯TT。

　　非IE内核浏览器：firefox opera safari chrome 。

　　4、著名的前端框架都有哪些的呢?

　　布局框架：bootstrap、easy UI等。

　　Js动效框架：jquery、angular.js等。

　　5、做一个网页***或者前端工程师，*常访问学习的IT网站都有哪些?

　　(1)、W3C *shool

　　(2)、segme*tFault

　　(3)、cs*n

　　(4)、知呼论坛

　　(5)、博*园

　　6、切图工作是UI***来做?还是前端工程师来做?

　　对于app工程师，也就是ios和Android工程师，大多由UI***来完成切图。

　　对于web前端工程师，也就是PC端、浏览端，大多有web前端工程师自己完成切图。

前端面试题及答案3篇（扩展3）

——前端基础面试题3篇

前端基础面试题1

　　1、什么时网页三剑客?

　　网页三剑客，是一套强大的网页编辑工具，最初是由Macromedia公司开发出来的。由Dreamweaver，Fireworks，Flash三个软件组成，俗称网页三剑客。

　　Dreamweaver 是一个“所见即所得”的可视化网站开发工具，主要用于***页和静态网页的开发;Fireworks主要是用于对网页上常用的jpg、gif的制作和处理，也可用于制作网页布局;Flash主要用来制作动画，现推出Flash*台，可预见有极好的前景。

　　2、怎么调试网页代码?怎么查看网页源代码?

　　(1)、按键盘上的F12，打开开发者调试工具;

　　(2)、鼠标右键查看页面源代码。

　　3、什么是H5?

　　H5=HTML5，指的是HTML超文本标记语言(HTML)的第五次重大修改，HTML的第五代。 HTML5具有的特点：

　　(1)、语义化的标签：好处是网站加载更快;该标签举例：header、nav、article等。

　　(2)、增加了音频、视频标签：好处是取代falsh;该标签举例：audio、video。

　　(3)、canvas标签：好处在浏览器上绘制图形或动画，取代flash。

　　(4)、**手机和*板的响应式布局。

　　HTML5的缺点：低版本浏览器**性不好，比如IE9以下的浏览器不**HTML5。

　　4、H5为什么这么火?H5是哪一年产生的?H5会火多久?

　　(1)、因为H5的**很硬，是谷歌(google)和苹果(Apple)两大巨头公司，谷歌和苹果大力倡导H5的发展，也是H5的忠实的**者和实践者(IOS+Android系统占据手机市场92.36%)，H5的产生主要目的也是干掉flash，因为flash是adobe公司的，adobe不是W3C**的成员之一，苹果和谷歌等万维网联盟也不希望在自己的产品中使用加载量过大的flash。

　　(2)、H5是2014年9月份W3C(万维网联盟，主要有苹果和谷歌公司)**发布的。

　　(3)、刷脸时代(这里专指网站用户体验更加美观的时代)+移动端时代(手机+*板)，会促使H5会在未来的有更加美好的发展前景，只要有网站，H5就会很火，UI也就很火，H5的发展会让UI更加提高用户的满意度，H5的火爆时代，会促进UI更好发展。

　　(4)、微信的发展，O2O的促使H5更火。

　　在这里不得不谈微信，如果没有微信，或许今天我们不会这样来讨论H5，微信无意中养成了用户扫码的习惯，并通过公众号的内容生.产及分发，以及微信本身已有的.庞大的用户群体及社交属性，使基于网页的内容可以快速传播，真正带来了APP即浏览器的时代，取消了输入内容网址的麻烦。以微信为**的超级社交APP，解决了网页内容浏览及分发的通路。 H5或许会没落，但会迎来H6、H7?，只会变得越来越好，所以没必要担心H5会不会死，当下重在实践与积累，至少现在，Html5的影响力，会超出你我的想象，也就意味着H5的好闺蜜UI会一直火下去。

　　5、什么叫做响应式?

　　针对不用的屏幕显示不同的网页布局，比如说大屏幕手机、小屏幕手机、*板能够适应不同的屏幕来显示网站。

前端基础面试题2

　　1、行内元素有哪些?块级元素有哪些?空(void)元素有那些?

　　(1)、CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如p默认display属性值为“block”，成为“块级”元素;p默认display属性值为“inline”，是“行内”元素。

　　(2)、行内元素有：a b p img input select strong(强调的语气)

　　块级元素有：p ulol li dl dtdd h1 h2 h3 h4?p。

　　2、CSS的盒子模型?

　　(1)、两种， IE 盒子模型、标准W3C 盒子模型;IE 的content部分包含了 border 和pading;

　　(2)、盒模型：内容(content)、填充(padding)、边界(margin)、边框(border)。

　　3、浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?

　　* IE浏览器的内核Trident、 Mozilla(火狐)的Gecko、google(谷歌)的WebKit、Opera内核Presto;

　　* png24为的图片在iE6浏览器上出现背景，解决方案是做成PNG8.

　　* 浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来**。

　　* IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。

　　4、页面重构怎么操作?

　　编写 CSS、让页面结构更合理化，提升用户体验，实现良好的页面效果和提升性能。

　　5、为什么要初始化CSS样式。

　　因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

　　当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。

　　*最简单的初始化方法就是： * {padding: 0; margin: 0;} 。

前端面试题及答案3篇（扩展4）

——面试题目及答案3篇

面试题目及答案1

　　问题：你对我们公司有多少了解?

　　回答：

　　1.完全不了解。

　　2.因为对贵公司有关方面相当有兴趣,所以才来应聘.

　　点评：若回答1.那就没有必要再说下去了，但录用的机会也就小了。最好的回答是2，这是公司想测试应聘者对公司的兴趣，关注程度，以后进公司工作的意愿的问题，因此，最好要稍稍记住公司的简介内容和招聘人事广告内容。

面试题目及答案2

　　问题：你谈谈选择这份工作的动机?

　　回答：“这个职位刚好是我的专业对口，能把学的书本知识在实践中更好地应用。”

　　“我虽然学的专业与这职位有区别，但我对这方面的能力较强，相信自己能干好这份工作。

　　点评：这是测试面试者对这份工作的理解程度及热忱，并筛选因一时兴起而来应聘的人。

面试题目及答案3

　　问题：你家在外地，我们单位无住宿，你如何看待呢?

　　回答：家在外地，贵单位无住宿条件，这些都不影响我来应聘贵公司，住宿我可以自己解决，无须单位操心，我看重贵公司的发展前途。

　　点评：不要因为个人生活上的小问题，而错失良机。主试者也想看看你对困难的看法，自信心程度。

前端面试题及答案3篇（扩展5）

——出纳面试题及答案3篇

出纳面试题及答案1

　　1、什么是出纳复核**?

　　答案：指一切现金实物的收付和交接及出纳各类账簿的记载，都要换人复核，不得一人办理。做到职责明确，相互**，密切协作，准确及时。

　　2、什么是出纳“双先”**?

　　答案：即现金(实物)收入，先收款后记账，现金(实物)付出，先记账后付款。在办理业务时，要严格顺序操作，避免发生差错。

　　(1)现金(实物)收入先收款后记账。指收入现金(实物)时先由出纳部门将现金(实物)收妥后，凭证才能传递会计部门凭以记账。

　　(2)现金(实物)付出先记账后付款。付出现金(实物)时，先由会计部门**凭证并记账后，出纳部门才能凭以办理付款。

　　3、什么是出纳登记**?

　　答案：(1)指办理现金和实物收付、转移时，必须逐笔序时记载现金收入、付出日记簿和其他有关的账簿。及时反映收入或付出的现金(实物)数额和**凭证的数量，不得延误。

　　(2)券别登记。指办理现金收付业务时，必须在收付款凭证的背面加盖券别印章，并登记款项的券别张数和金额。

出纳面试题及答案2

　　1、什么是出纳交接**?

　　答案：出纳人员因工作变动，现金或有价证券的出入库、调拨、转移以及库房钥匙、业务公章、枪支弹药等重要物品换人经管时，都必须办理交接登记手续，做到当面交接清楚，手续严密，记录在案，有据可查。

　　2、什么是出纳查库**?

　　答案：查库是指上级**或****对出纳业务、库存现金、库房管理进行的定期或不定期的检查。无论那一级查库都必须按以下要求进行检查：

　　(1)市地信用合作管理部门每半年要对辖属县联社营业部的业务库存全面检查一次。

　　(2)县联社**或分管**每季度要对联社查库一次，对所辖营业单位每年至少**一次全面性的查库;县联社出纳管理部门对所属基层营业单位每季至少查库一次，并经常检查督促查库**的贯彻落实情况。

　　(3)基层信用社主持工作的**每月要不定期全面查库一次。

　　(4)基层信用社内勤**或指定人员每月对所辖营业网点(门市、分社、储蓄所等)要不定期全面查库一次。

前端面试题及答案3篇（扩展6）

——前端面试技巧3篇

前端面试技巧1

　　一、基本知识

　　DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

　　DOM操作——怎样添加、移除、移动、复制、创建和查找节点。

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

　　XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。

　　严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。

　　盒模型——外边距、内边距和边框之间的关系，IE8以下版本的浏览器中的盒模型有什么不同。

　　块级元素与行内元素——怎么用CSS**它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。

　　浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。

　　HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。

　　JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。

　　二、少量**

　　现在有一个正显示着Yahoo!股票价格的页面。页面上有一个按钮，你可以单击它来刷新价格，但不会重新加载页面。请你描述一下实现这个功能的过程，假设服务器会负责准备好正确的股票价格数据。

　　这个问题牵扯到一组我想要考察的基本知识点：DOM结构、DOM操作、事件处理、XHR和JSON。如果我要求你对换一种处理股票价格的方式，或者 让你在页面中显示其他信息，就可以把更多的知识点包括进来。对于经验比较丰富应聘者，我也可以自如地扩展要考察的知识范围，最简单像JOSN与XML的区别、安全问题、容量问题等等。

　　我还希望应聘者给出的任何解决方案中都不要使用库。我想看到最原生态的代码，你就当页面中没有包含任何库。你说你对哪个库了解多少多少，但我不能把关于库的知识作为评判能力的因素，因为库是会随时间变化的。

　　三、解决问题

　　做为一名前端工程师，最值得高兴的事莫过于解决同一个问题会有很多种不同的方法，而你要做的就是找出最合适的方法来。我在**的时候，经常会在应聘者解释完一种方法后问他们还有没有第二种方法。此时我会跟他们说，假设你的这个方法由于种种原因被否决了，那么你还能不能给出另一种方法。这样做可以达到 两个目的。

　　首先，可以测试出他们是否在毫无意义地复述书本中的东西。不能不承认，某些人确实有过目不忘的天赋，听他们在那里滔滔不绝地讲，你会觉得他们什么都明白。可是，只要一跟这些人谈到怎么查找方案无效的原因，以及能否拿出一个新方案来，他们往往就傻眼了。这时候，如果我听到“我不明白这个方案为什么不够 好”之类的反问，心里立刻就明白我的问题已经超出了他们的能力范围，而他们只是想拿自己死记硬背的结论来蒙混过关。

　　其次，可以测试出他们已经掌握的(还是那句话，“想都不用想”)浏览器技术知识。如果他们对浏览器*台的.核心知识有较好的理解，想出解决同一问题的不同方案根本没有那么难。

　　注意：所有问题都与浏览器技术相关。我不相信出几道抽象的逻辑题，就能够考出某人解决Web技术问题的能力。在我看来，这无异于让素描大师画肖像，没有意义，也得不到任何有价值的信息。

　　四、有激情

　　要成为一名优秀的前端工程师，最重要的莫过于对自己做的事要有激情。我们技能都不是从学校中或者从研讨会上学来的，因此前端工程师必须具备自学能力。浏览器技术的变化可谓日新月异，所以也只有不断提升自己的技能才做得到与时俱进。我虽然不能强迫谁必须多看博客、不断学习，但想应聘前端工程师的人恐怕还是必须这么做的。

　　你怎么知道谁对这种工作有没有激情?实际上非常简单。我只问一个简单的问题：“目前你对什么Web技术最感兴趣?”这个问题永远不会过期，而且也几乎不可能出错……除非你答不上来。就眼下来说，我希望你对这个问题给出的技术中包括WebSocket、HTML、WebGL、客户端数据库，等等。只有 对Web开发充满激情的人，才会坚持不懈地学习新知识、掌握新技能;

　　五、最后一点

　　计算机科学或者Web设计方面的知识当然也有用，但那都是基本知识之外的东西。只要基本知识在那儿了，一切就都有了基础，想扩充知识面也不难。可是，如果等到正式上班以后，还得从头学习基本技能，那种难度是不可同日而语的。