【面试】---网上面试题整理

简述JQUERY和AJAX

首先jQuery和Ajax都是基于Javascript的，jQuery是轻量级的javascript库，兼容css3和各种浏览器，能够方便的处理Html元素，表单验证、时间处理等；Ajax是异步javascript和XIL缩写，意思是在事件触发之后，浏览器可以做其他事情，与发生事件的控件的无关控件不受影响，Ajax是一种用于创建更好更快以及交互性更强的Web应用程序技术

body中的onload()函数和jQuery中的document.ready()有什么区别？

1、我们可以在页面中使用多个document.ready()，但只能使用一次onload()。

2、document.ready()函数在页面DOM元素加载完以后就会被调用，而onload()函数则要在所有的关联资源（包括图像、音频）加载完毕后才会调用。

jQuery中有哪几种类型的选择器？

1、基本选择器：直接根据id、css类名、元素名返回匹配的dom元素。

2、层次选择器：也叫做路径选择器，可以根据路径层次来选择相应的DOM元素。

3、过滤选择器：在前面的基础上过滤相关条件，得到匹配的dom元素。

开发中都用到了那些设计模式?用在什么场合?

每个模式都描述了一个在我们的环境中不断出现的问题，然后描述了该问题的解决方案的核心。通过这种方式，你可以无数次地使用那些已有的解决方案，无需在重复相同的工作。

(1) MVC模式,在J2EE项目开发中主要用在表示层框架中，很好解决视图和流程控制。在项目中采用的Struts、WebWork等框架。

(2) DAO模式,在项目开发中主要用在数据层，封装数据的访问操作，为业务层提供数据服务。

(3) IoC模式,在项目开发中业务层有大量对象，他们之间存在依赖关系，可以使用IoC模式减少他们之间的代码耦合，提高系统的可扩展性。实际项目中使用的Spring框架来实现业务组件的装配。

(4) Observer模式，在Servlet的监听器中应用到了观察者模式。

(5) singleton单例模式和Factory工厂模式结合使用在项目中无需使用者了解过多的细节就可获取有关的对象实例。比如Hibernate项目中通过SessionFactory来获取Session。 (6) bridge模式，在项目中使用JDBC驱动访问数据库。

魅族2015-04-12周日在广州招聘会上的前端笔试题

1、列举3个HTML5标签，3个CSS3新特性，3个ECMAScript 5新API。

2、2种方式，实现某DIV元素以50px每秒的速度左移100px。
3、用css分别实现某个DIV元素上下居中和左右居中。
4、用DIV+CSS实现三栏布局（左右固定200px，中间自适应）。
5、按顺序写出alert弹出窗口的内容。
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
alert('1.' + this.name);
return function(){
return this.name;
};
}
};
var func = object.getNameFun
7fe0
c();
alert('2.' + func());
alert('3.' + func.call(object));
alert('4.' + func.apply(object));
6、列出三个常见的不同浏览器JS的兼容性问题。
7、用JS写一个实现继承的方法。
8、用JS实现一个数组合并的方法（要求去重）。
9、使用正则表达式给所有string对象添加trim方法。
10、用js实现一个电话号码提取的方法。
例如：" 1852145998 020-888-999845 测试 021 - 85421987, 19865754"
得到的结果应该是[1852145998, 020-888-999845 , 021 - 85421987, 19865754]
11、哪些方法可以提升网站前端性能？
12、列举你经常访问的前端技术网站，并简单描述一下自己的职业规划。