内容简介：Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组。如下所示：其实熟悉小红书的人，应该都知道这个原理，我在这里呢？推荐大家好像去深究一下小红书。 关于里面的方法首先然后就是
Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组。如下所示：
{
let a={length:2,0:'a',1:'b'};
Array.prototype.slice.call(a);// ["a", "b"]
let a={length:3};
Array.prototype.slice.call(a);// [undefined, undefined,undefined]
}
复制代码
其实熟悉小红书的人，应该都知道这个原理，我在这里呢？推荐大家好像去深究一下小红书。
关于里面的方法首先 call
呢？ 我前面一篇文章 谈一谈我如何使用call、apply、bind
里面有详细的讲到call的使用方法。
然后就是 slice
:slice有两个用法，一个是String.slice,一个是Array.slice，第一个返回的是字符串，第二个返回的是数组。我在这里呢？主要探究的是后者，关于slice的源码
function slice(start, end) {
var len = ToUint32(this.length), result = [];
for(var i = start; i < end; i++) {
result.push(this[i]);
}
return result;
}
复制代码
所以按照源码来探究的话 Array.prototype.slice.call(arguments) 应该就是：
Array.prototype.slice = function(start,end){
var result = new Array();
start = start || 0;
end = end || this.length; //call改变了this的指向
for(var i = start; i < end; i++){
result.push(this[i]);
}
return result;
}
复制代码
我相信经过我的这种深层次的探究，差不多也就明白了，这个的含义。
二、 vue双向绑定
关于数据的双向绑定，这个我发现我这里写不了比较复杂的代码，原本以为，我可以来写一个订阅-发布者模式，但是考虑到面试，就写几个比较简单就可以了。
<!DOCTYPE html>
<head></head>
<body>
<div id="app">
<input type="text" id="a">
<span id="b"></span>
</div>
<script type="text/javascript">
var obj = {};
Object.defineProperty(obj, 'hello', {
get: function() {
console.log('get val:'+ val);
return val;
},
set: function(newVal) {
val = newVal;
console.log('set val:'+ val);
document.getElementById('a').value = val;
document.getElementById('b').innerHTML = val;
}
});
document.addEventListener('keyup', function(e) {
obj.hello = e.target.value;
});
</script>
</body>
</html>
复制代码
上面是一个比较简单的例子，这是在我们知道dom的id的情况下来做的一个数据的双向绑定。代码比较简单，亲测可用
三、 减少http的请求
+ CSS Sprites
CSS Sprites，CSS精灵，合并图片，通过指定CSS的backgroud-image和backgroud-position来显示元素。
+ 合并JS脚本和CSS样式表
适当地把多个JS脚本合并为一个脚本，把多个CSS样式表合并为一个样式表。
+ 使用外部JS和CSS文件
在用户不带缓存访问页面的时候，内联所有的js和css的效率更快，原因是外置js和css带来额外的http请求开销，1个http请求相对于3个http请求要更快一些。
其实，使用外部JS和CSS文件会产生更快的访问速度，这是由于外部JS和CSS文件能被浏览器缓存，当下次再请求相同的JS和CSS时，浏览器将不会再发出HTTP请求，而是使用缓存的JS和CSS文件，减少了HTTP请求数。
+ 配置多个域名和CDN加速
通常浏览器对于一个域名的并发请求是有限的，比如：有100个文件要加载，但浏览器一次只可能并发请求10个文件，这样并发多次就会耗时。因此配置多个域名能够最大限度的增加并发请求量。
说在最后
我虽然暂时没有换工作的意向，但是多去总结他们的面试经验也是一件好事儿。至少也让我学习和回忆了很多，也让我发现了许多不足，我期待他们下次跟我聊天的时候会跟我讲述更多有趣的面试题目...
以上所述就是小编给大家介绍的《记我朋友的一次前端面试》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
