1.正则表达式构造函数 var reg = new RegExp('xxx')与正则表达字面量 var reg = // 有什么不同?
使用正则表达字面量的效率更高解析:下面的示例代码演示了两种可用于创建正则表达式以匹配反斜杠的方法:
//正则表达字面量
var re = /\\/gm;
//正则构造函数
var reg = new RegExp("\\\\", "gm");
var foo = "abc\\123"; // foo的值为"abc\123"
console.log(re.test(foo)); //true
console.log(reg.test(foo)); //true
如上面的代码中可以看到,使用正则表达式字面量表示法时式子显得更加简短,而且不用按照类似类(class-like)的构造函数方式思考。
其次,在当使用构造函数的时候,在这里要使用四个反斜杠才能匹配单个反斜杠。这使得正则表达式模式显得更长,更加难以阅读和修改。
正确来说,当使用 RegExp()构造函数的时候,不仅需要转义引号(即"表示"),并且通常还需要双反斜杠(即\表示一个\)。
使用 new RegExp()的原因之一在于,某些场景中无法事先确定模式,而只能在运行时以字符串方式创建。
2.异步加载 js 的方法
方案一:‹script›标签的 async="async"属性
点评:HTML5 中新增的属性,Chrome、FF、IE9&IE9+均支持(IE6~8 不支持)。此外,这种方法不能保证脚本按顺序执行。
方案二:‹script›标签的 defer="defer"属性
点评:兼容所有浏览器。此外,这种方法可以确保所有设置 defer 属性的脚本按顺序执行。
方案三:动态创建‹script›标签
示例:
‹!DOCTYPE html›
‹html›
‹head›
‹script type="text/javascript"›
(function() {
var s = document.createElement_x("script");
s.type = "text/javascript";
s.src = "http://code.jquery.com/jquery-1.7.2.min.js";
var tmp = document.getElementsByTagName_r("script")[0];
tmp.parentNode.insertBefore(s, tmp);
})();
‹/script›
‹/head›
‹body›
‹img src="http://xybtv.com/uploads/allimg/100601/48-100601162913.jpg" /›
‹/body›
‹/html›
点评:兼容所有浏览器。
方案四:AJAX eval(使用 AJAX 得到脚本内容,然后通过 eval_r(xmlhttp.responseText)来运行脚本)
点评:兼容所有浏览器。
方案五:iframe 方式(这里可以参照:iframe 异步加载技术及性能 中关于 Meboo 的部分)
点评:兼容所有浏览器。
3.去除数组重复成员的方法
方法 1 扩展运算符和 Set 结构相结合,就可以去除数组的重复成员
// 去除数组的重复成员
[...new Set([1, 2, 2, 3, 4, 5, 5])];
// [1, 2, 3, 4, 5]
方法 2
function dedupe(array) {
return Array.from(new Set(array));
}
dedupe([1, 1, 2, 3]); // [1, 2, 3]
方法 3(ES5)
function unique(arry) {
const temp = [];
arry.forEach(e =› {
if (temp.indexOf(e) == -1) {
temp.push(e);
}
});
return temp;
}
4.去除字符串里面的重复字符
最简单的方式[...new Set("ababbc")].join(""); // "abc"
5求数组的最大值
Math.max.apply(null, 数组)var a = [1, 2, 3, 5];
alert(Math.max.apply(null, a)); //最大值
alert(Math.min.apply(null, a)); //最小值
6. 你是如何将一个 HTML 元素添加到 DOM 树中的?
你可以用 jQuery 方法 appendTo() 将一个 HTML 元素添加到 DOM 树中。这是 jQuery 提供的众多操控 DOM 的方法中的一个。你可以通过 appendTo() 方法在指定的 DOM 元素末尾添加一个现存的元素或者一个新的 HTML 元素。
7. 你能用 jQuery 代码选择所有在段落内部的超链接吗?
这是另一个关于选择器的 jQuery 面试题。就像其他问题那样,只需一行 jQuery 代码就能搞定。你可以使用下面这个 jQuery 代码片段来选择所有嵌套在段落(‹p›标签)内部的超链接(‹a›标签)
8. $(this) 和 this 关键字在 jQuery 中有何不同?
这对于很多 jQuery 初学者来说是一个棘手的问题,其实是个简单的问题。(this) 返回一个 jQuery 对象,你可以对它调用多个 jQuery 方法,比如用 text() 获取文本,用val() 获取值等等。而 this 代表当前元素,它是 JavaScript 关键词中的一个,表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法,直到它被 (this)。
9. 你如何使用jQuery来提取一个HTML 标记的属性 例如. 链接的href?
attr() 方法被用来提取任意一个HTML元素的一个属性的值. 你首先需要利用jQuery选择及选取到所有的链接或者一个特定的链接,然后你可以应用attr()方法来获得他们的href属性的值。下面的代码会找到页面中所有的链接并返回href值:
$('a').each(function(){
alert($(this).attr('href'));
});
10. 你如何使用jQuery设置一个属性值?
前面这个问题之后额外的一个后续问题是,attr()方法和jQuery中的其它方法一样,能力不止一样. 如果你在调用attr()的同时带上一个值 例如. attr(name, value), 这里name是属性的名称,value是属性的新值。