拓

能不能讲一讲Flex布局，以及常用的属性？。 WeakMap只能以复杂数据类型作为key，并且key值是弱引用，对于垃圾回收更加友好。 深拷贝：一般需要借助递归实现，如果对象的值还是个对象，要进一步的深入拷贝，完全替换掉每一个复杂类型的引用。 React需要尽可能的保证熟练。因…

在日常工作中，消息通信是一个很常见的场景。比如大家熟悉 B/S 结构，在该结构下，浏览器与服务器之间是基于 HTTP 协议进行消息通信： 对于这两种场景，相信大家都不会陌生。接下来，阿宝哥将介绍消息通信的另外一种场景，即父页面与 iframe 加载的子页面之间，如何进行消息通信…

天秀老接口存在一个问题，我们每次请求1000条数据，返回的数组中，每一条数据都有上百个字段，其实我们前端只用到其中的10个字段而已。 如何从一百多个字段中，抽取任意n个字段，这就用到graphQL。 里面有两个女神的所有信息，包括女神的名字、手机、微信、身高、学校、备胎集合等信…

bind 一句话介绍 bind: 由此我们可以首先得出 bind 函数的两个特点： 返回一个函数 可以传入参数 返回函数的模拟实现 从第一个特点开始，我们举个例子： 关于指定 this 的指向，我们可

call 一句话介绍 call： 举个例子： 注意两点： call 改变了 this 的指向，指向到 foo bar 函数执行了 模拟实现第一步 那么我们该怎么模拟实现这两个效果呢？ 试想当调用 ca

用 JS 操作 Cookie 其实是很麻烦的，并不存在一个简单的 API 能让我们获取或者设置 Cookie。 唯一一个操作 Cookie 的 API 是 document.cookie，但是这句代码使用起来很难受。如果说我们想要获取一个需要的 Cookie，可能得先写这么一个…

忙碌的日子总是过得特别快，回头一看，我已经做node.js BFF开发8个月了，基本上没写过web前端的事情，做了大半年，写篇文章来记录一下我这大半年的心路历程。 其实我刚进公司那会是做前端的，做B端前端开发，用react画页面，系统是一个持续做了一年多的，超过上百个模块的系统…

至此，一个能够满足长按识别的动态二维码已经生成，不继续处理的话会有两张二维码，长按对比就能看出，qrcode.js 生成的二维码长按无法识别，而经过重置之后的对象是可以实现此功能的。 我的处理方式是两个二维码都保留，将二维码图片进行重新定位，将重置的二维码图片置于不能识别二维码…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧解决一些实际问题，本文中使用的代码都是简化后的，不代表生产环境。生产环境的代码肯定比文中的例子要复杂很多，但是简化后的思想应该是相通的。 那么比如在路由发生…