前端 js 收藏集

• 解释js 中的 prototype __proto__ 以及 new 一个对象的时候具体发生了什么事?git地址
• flowjs
• 关于 Object.defineProperty详细解释
• Promise 中 race() 方法, 在 promise队列中执行完一个就做某件事情MDN解释

var p1 = new Promise(function(resolve, reject) { 
    setTimeout(resolve, 500, "one"); 
});
var p2 = new Promise(function(resolve, reject) { 
    setTimeout(resolve, 100, "two"); 
});

Promise.race([p1, p2]).then(function(value) {
  console.log(value); // "two"
  // 两个都完成，但 p2 更快
});

• Array.map() 如何跳出循环?
• 页面中的 postMessage() 与 worker
• css 如何改变 input 的 placeholder 样式

::-webkit-input-placeholder{
     color: red;
     font-size: 20px;
     line-height: 50px;
}

• call 和 apply 以及 ES6新增的 bind 区别? 连接

apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。

call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。

相同是都调用一个对象的一个方法，用另一个对象替换当前对象
不同是传参的不同

看到知乎上一个写的很有意思的解释:

猫吃鱼，狗吃肉，奥特曼打小怪兽。

有天狗想吃鱼了
猫.吃鱼.call(狗，鱼)
狗就吃到鱼了

猫成精了，想打怪兽
奥特曼.打小怪兽.call(猫，小怪兽)

小程序相关 weuiFor 小程序