由于第二种原理更利于解耦业务逻辑，具体的实现方案比较多样。以下是具体的实现方案，简单介绍下，权当科普： 父页面通过window.open(url, name)方式打开的子页面可以获取句柄，然后通过postMessage完成通讯需求。 缺点是只能与自己打开的页面完成通讯，应用面相…

本文阿宝哥将按照以下的流程来介绍前端如何进行图片处理，然后穿插介绍二进制、Blob、Blob URL、Base64、Data URL、ArrayBuffer、TypedArray、DataView 和图片压缩相关的知识点。 还在犹豫什么？跟上阿宝哥的脚步，让我们一起来玩转前端二…

前端开发中总免不了关于文件的上传、下载需求。下面来总结一下常用的方法，欢迎讨论和吐槽。 最传统的文件上传方法是使用form表单上传文件的，只需要把enctype设置为 multipart/form-data。这种方式上传文件不需要 js ，而且没有兼容问题，所有浏览器都支持，就…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

其实axios已经提供了很多很强大的api，我们在实际使用中直接调用就可以，但是每个团队每个项目调用axios的姿势不一样，特别是在一个大型的团队项目中，与后端交互逻辑迥异、配置复杂、地址繁多，所以一个风格统一化、配置灵活化、管理集中化的请求方案必不可少。 首先在项目中创建一个…

亲爱的读者朋友，如果你点开了这篇文章，说明你对正则很感兴趣。 想必你也了解正则的重要性，在我看来正则表达式是衡量程序员水平的一个侧面标准。 关于正则表达式的教程，网上也有很多，相信你也看了一些。 与之不同的是，本文的目的是希望所有认真读完的童鞋们，都有实质性的提高。 本文内容共…

不知道有没有跟我一样，对于设计模式存在困惑的，以我为例，不瞒大家，我对设计模式真的是“看山就是山”、“看水就是水”、“看理论就是看理论”。毕业之前，我自己捣鼓的东西/项目，几乎没有设计的思想。老夫才不管那么多，直接梭哈，But，正是因为这样，才导致因设计缺陷、代码实现缺陷，为后…

如果你还不能很好的解答上面的问题，那说明你还没有完全掌握这部分的知识，那么请好好阅读下面的文章吧。 本文从底层原理到实际应用详细介绍了JavaScript中的变量和类型相关知识。 ECMAScript标准规定了7种数据类型，其把这7种数据类型又分为两种：原始类型和对象类型。 上…

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