有关jQuery Angular面试题

1. 整理总结jQuery中的DOM操作有哪些

参考答案：

查找节点、创建节点、插入节点、删除节点、复制节点、替换节点

2. 总结jQuery的各种效果以及相互的联系和区别

参考答案：

对象：show()  hide()  fadeIn()  fadeOut()  slideUp()  slideDown()

3. jQuery对象和DOM对象的相互转换（面试真题）

参考答案：

jQuery提供了两种方法将一个jQuery对象转换成DOM对象，即：[index]和get(index);

DOM转换成jQuery对象，只需要用$()把DOM对象包裹起来，可以获得一个jQuery对象，方式为$(DOM对象)；

4. jQuery选择器的优势：

简洁的写法

支持CSS1到CSS3写法

完善的事件处理机制

5. jQuery库在开发中的优势

jQuery强调的理念是写得少，做得多（write less do more）。jQuery 独特的选择器、链式操作、事件处理机制和封装完善的Ajax都是其他JavaScript库望尘莫及的。概括起来，jQuery有以下优势。

轻量级。jQuery非常轻巧，采用UglifyJS压缩之后，大小在30KB左右。

强大的选择器。jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及jQuery独创的高级而复杂的选择器。

出色的DOM封装。jQuery封装了大量常用的Dom操作，使开发者在编写DOM操作相关的程序时能够得心应手。

可靠的事件处理机制。jQuery的事件处理吸收了JavaScript专家Dean Edwards编写的事件处理精华，使得jQuery在处理事件绑定的时候相当可靠。

链式操作方式。jQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个jQuery对象中的一组动作，可以直接连写而无需重复获取对象。这一特点使jQuery无比优雅。

6. 列举浏览器对象模型BOM里常用的至少4个对象，并列举window对象的常用方法（至少5个）

参考答案：

对象：window  location  screen  history  

方法：alert()   confirm()   prompt()  open()  close()

Angular

1. 谈谈ng-show、ng-hide和ng-if的区别？

参考答案:ng-show、ng-hide是通过CSS的display属性来实现显示和隐藏，DOM结构依然存在，ng-if是通过创建和删除dom节点来实现显示和隐藏

 

2. ng-model、ng-bind和{{}}渲染页面的区别？

参考答案:ng-module只能绑定作用域中input的text、textarea、password这些内容，而ng-bind指令和{{}}表达式能将数据渲染到页面，但是在脚本没有完全加载出来时会在页面渲染出{{}}用户体验不友好，所以首页的数据绑定一般选择ng-bind指令

 

3. 列出今天所学的angular内置指令及其含义

参考答案：ng-app：初始化一个AngularJS的应用程序

ng-init：初始化应用程序的数据

ng-model：指令把元素值（比如输入域的值）绑定到应用程序

ng-repaet:重复一个HTML元素

Ng-controller：绑定控制器

Ng-show、ng-hide：实现显示或者隐藏

Ng-if：通过创建或者删除ＤＯＭ节点来控制元素的显示和隐藏

Ng-click:鼠标点击事件

Ng-keyup：键盘抬起事件

4. 总结Angular的过滤器及其作用

参考答案：uppercase：格式化字符串为大写

Lowercase：格式化字符串为小写

Currency：将数字格式化为货币格式

Date：对日期进行格式化

Filter：匹配字符串（可以用作模糊查询）

limitTo：限制数组或字符串长度

orderBy：可以对一个数组中的元素进行排序，接受一个参数来制定规则

5. 对自定义指令的理解；

参考答案：自定义指令可以通过ecma四种方式渲染到页面中，我们可以通过自定义指令对dom元素进行操作。

6. 总结Angular的内置服务；

参考答案：

$http:这是angular非常常用的服务，向服务器发送请求，响应服务器传送过来的数据。

$timeout：对应了JS的window.setTimeout

$interval：对应了JS的window.setTInterval

$window：获取窗口对象

$location:获取地址

7. （面试题目）对自定义服务service的理解；

参考答案：在angularJS中，使用service会用new关键字实例化一个服务，

具体使用方法是：

app.service(“服务名称”，function（）{

This.name=”xxx”;

This.funcName=function(){

Console.log(0);

}

})

App.controller(“myCtrl”,function($scope,服务名称){

服务名称.funcName;

})