蒲公英·JELLY技术周刊Vol.17ReactHooks相信大家都不陌生。它的使用率很高，原理是很多大厂面试的必考题，很多朋友都能背熟。那么如何实现一个简单的ReactHooks呢？可能每个人都有自己的想法，但是不妨看看文中描述的方案是如何构建的。登高远眺天地万物，感觉宇宙无穷无尽。2020ChromeDevTools基础技术引入新特性。作为前端开发，和Chrome打交道是家常便饭。我们需要了解Chrome调试工具的更新迭代，以及它给日常开发调试带来的帮助。并改进。新的ChromeDevTools集成了lighthouse，在元素检查面板和性能面板上有一定程度的优化。本文还提供了相关功能的视频演示，非常容易理解和学习。浏览器任务、微任务、队列和调度浏览器中的事件循环（EventLoop）一直是一个老生常谈的话题，社区里也有很多文章和资料，但你真正了解事件循环中的任务、微任务、队列这些概念和它们的调度关系？本文是GoogleChrome开发者JakeArchibald撰写的博客。内容深入浅出。在任务调度和JS栈部分，精心绘制了CSS交互动画。最后讨论了不同浏览器之间的差异以及相关规范的定义。非常值得一读。Node.js内存泄漏指南由于Javascript采用了基于垃圾回收机制的内存管理方式，所以开发者一般不会关注内存的分配和释放，但在开发过程中稍有不慎就可能导致严重的内存泄漏。本文讲解Javascript垃圾回收机制，列举实例介绍Node服务中的内存泄漏场景，重点介绍如何使用heapdump和chromedevtools准确定位线上服务内存泄漏位置，为Node服务的性能优化提供参考节点服务意义。前端框架模仿React源码流程创建Hooks，90行代码。作者模拟了React的数据结构和工作流程，用简化的代码实现了useStateHook。看懂本文的分析和相应的源码后，再去ReactHooks的源码部分，会更容易理解。如果你只是简单使用过Hooks或者还没有了解Hooks，那么阅读本文是一个很好的学习机会。图形编程使用webworker驱动webGL渲染介绍通过OffscreenCanvasAPI，webworker驱动webGL渲染。将更新渲染逻辑分离出主线程，可以有效减少js执行造成的页面响应阻塞。文章提供了一个demo对比数据。工具介绍PolyK-PolyK.js，一个用Javascript编写的多边形库，提供多种功能帮助你更轻松地处理多边形。一些有趣的效果也可以用一些物理引擎来制作。比如下面这个使用phaser+matter.js的demo，基于ployk.js库，可以用很少的代码实现对象切片，可能会给大家开发H5游戏带来一些新的思路。沧海桑田拾遗，积步成万里Nerv-类React组件框架当我们在前端领域不断往上爬的时候，随着对React等框架理解的加深，总会有类似的东西这个我们脑子里的想法：“我也可以实现一个像React这样的框架”，Nerv就是这个想法在京东的实现。相信通过Nerv，你会对React有不一样的理解。在小程序中使用ReactHooks如果你选择了React来开发小程序，相信你对Taro有一定的了解。也许你现在正在通过Taro3.x按照自己的意愿在小程序平台中构建自己想要的小程序。不过回顾Taro的开发历程，支持Hooks也是需要针对性优化的特性之一。思考通过这些特性的实现，对自身技术的提升大有裨益。《蒲公英》期刊，每周更新，我们重点挖掘“基础技术、工程、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能、设计哲学、前端框架”等主要方向行业热点及专业解读；不仅如此，我们还会推荐精选的O2-Convex技术文章，展示团队内部的研究技术方向。抬头望去，蒲公英的种子会生根发芽，绚丽如夏花；探事知，登高望远，沧海拾遗，以积硅行万里。蒲公英·JELLY科技每周投稿指南欢迎关注傲兔实验室博客：aotu.io或关注傲兔实验室公众号（傲兔实验室），不定期推送文章。
