2023-2-1-前端快报

Deep Cloning Objects in JavaScript, the Modern Way

structured-clone是在结构化克隆算法的基础上实现的克隆方案。结构化克隆算法会有一些限制:

• Function对象和DOM节点是不能被结构化克隆算法复制,会抛出DATA_CLONE_ERR
• 对象的某些特定参数也不会被保留,比如RegExp 对象的 lastIndex 字段不会被保留、属性描述符、原型链上的属性等 对比几种clone方案:
• 对象扩展符和Object.assign不能实现深克隆
• JSON.parse(JSON.stringify(x)) JSON.stringify无法处理循环引用数据、丢失内置类型(Map/Set/Date/Symbol等)、无法复制函数
• cloneDeep是一个比较成熟的方案，但是它的包体积有点大材小用(在平时的使用中其实很少用到那么复杂结构的数据)

The gotcha of unhandled promise rejections

这篇文章介绍for wait中unhandled promise的处理方式

Everything you need to know about Concurrent React (with a little bit of Suspense)

这篇文章介绍React Concurrent mode.通过例子引入Concurrent mode中高优先级和低优先级任务的处理,比较生动。

You’ve Got Options for Removing Event Listeners

在之前的文章axios的cancel功能源码解读中axios已经AbortController来实现请求的终止，这篇文章中介绍了使用AbortController实现网页中元素绑定事件的移除

The Future of the Web is on the Edge

这篇文章简单介绍Serverless的概念，可以结合为什么我不使用Serverless，如何评价无服务器计算（serverless）的未来前景？你认为 serverless 有未来吗？进一步了解Serverless

工具

Mafs

实现可交互的数学视图的React库

msw

一个支持在浏览器和node环境中实现Mock Server的库，在浏览器中它通过Service Worker或者通过拦截原生的fetch实现mock，在node中通过拦截器封装原生的http模块实现mock.

swiper

移动端的swiper组件，有比较多的动效支持

参考

最新HTML规范——structuredClone深拷贝函数，能取代JSON或者lodash吗？ for await of VS Promise.all