借助宽高等比例放大的两张图片，结合js中鼠标偏移量、元素偏移量、元素自身宽高等属性完成；左侧遮罩移动Xpx,右侧大图移动X*倍数px；其余部分就是用小学数学算一下就OK了。

作为一个程序员，代码能力毋庸置疑是非常非常重要的，就像现在为什么大厂面试基本都问什么 API 怎么实现可见其重要性。我想说的是居然手写这么重要，那我们就必须掌握它，所以文章标题用了死磕，一点也不过分，也希望不被认为是标题党。 作为一个普通前端，我是真的写不出 Promise A…

XMLHttpRequest 对象 简介 浏览器与服务器之间，采用 HTTP 协议通信。用户在浏览器地址栏键入一个网址，或者通过网页表单向服务器提交内容，这时浏览器就会向服务器发出 HTTP 请求。

GET方式调用POST方式调用具体代码，使用了ES6语法

本文配有完整的 demo 演示，可前往逐一测试，使用 netlify 部署，访问速度可能稍慢。 节流防抖是一种防止函数频繁无序执行的设计思想，它的核心目的是让无序变为有序，让函数执行更符合预期目的。 防抖的原理是，只要在倒计时的范围内，新触发防抖函数就会导致计时器重置，要重新等…

考察原型、原型链只要一道实现instanceof的题就够了，我们试着用3种方式来实现，递归、遍历等等

1. 前言 文章会从三个方面应对这道面试题：认识 reduce、使用 reduce、实现 reduce。 阅读本文，你将学到： 2. 认识 reduce reduce()方法对数组中每个元素执行一个由

面向对象编程就是将你的需求抽象成一个对象，然后对这个对象进行分析，为其添加对应的特征（属性）与行为（方法），我们将这个对象称之为 类。 面向对象一个很重要的特点就是封装，虽然 javascript 这种解释性的弱类型语言没有像一些经典的强类型语言(例如C++，JAVA等)有专门…

这是我参与更文挑战的第 1 天，活动详情查看：更文挑战 前言 本文整理了前端面试高频出现的手写源码相关的题目 其中有小编面试亲自遇到的也有其他同学帮忙补充的