这是之前面试的时候面试官提问的一道面试题。 具体题目是：为什么表单提交不会出现跨域，而使用 Ajax 发送 post 请求时却会出现跨域的情况。 那什么情况下会出现跨域： 协议 + 端口 + 端口 三

面试官出很多考题，基本都会变着方式来考察this指向，看候选人对JS基础知识是否扎实。 读者可以先拉到底部看总结，再谷歌（或各技术平台）搜索几篇类似文章，看笔者写的文章和别人有什么不同（欢迎在评论区评论不同之处），对比来看，验证与自己现有知识是否有盲点，多看几篇，自然就会完善自…

图文并茂，循序渐进，以图解的方式描述JS核心知识原型与原型链，最终给出一张汇总图助力你掌握原型与原型链！

不知道今年大家有没有感受到来自互联网的“寒气”，至少我是感受到了，面试的时候手写代码时很常见很常见的事情了。有时候没遇到过还真一时半会写不出来，企业招聘的要求也是越来越高，尤其是一些大厂会对 JS 的

上一篇文章 《「前端面试题系列4」this 的原理以及用法》 中，提到了 call 和 apply。 它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 不过，突…

1、手写实现防抖和节流 1.1 实现防抖函数 防抖函数原理：把触发非常频繁的事件合并成一次去执行 在指定时间内只执行一次回调函数，如果在指定的时间内又触发了该事件，则回调函数的执行时间会基于此刻重新开

用过React的同学都知道，经常会使用bind来绑定this。 那么面试官可能会问是否想过bind到底做了什么，怎么模拟实现呢。 先看一下bind是什么。从上面的React代码中，可以看出bind执行后是函数，并且每个函数都可以执行调用它。 眼见为实，耳听为虚。读者可以在控制台…

用过Vuejs的同学都知道，需要用new操作符来实例化。 那么面试官可能会问是否想过new到底做了什么，怎么模拟实现呢。 从这里例子中，我们可以看出：一个函数用new操作符来调用后，生成了一个全新的对象。而且Student和Object都是函数，只不过Student是我们自定义…

其中模拟bind方法时是使用的call和apply修改this指向。但面试官可能问：能否不用call和apply来实现呢。意思也就是需要模拟实现call和apply的了。 在fun函数运行时指定的this值。需要注意的是，指定的this值并不一定是该函数执行时真正的this值，…