Mahut

周末在家学习了一下canvas相关api，觉得getImageData这个很有意思，于是尝试了一下，豁然发现它就是获取canvas图片像素点的终极奥秘！所以写下这篇文章作为学习记录~ canvas先画

当然，这篇文章所体现的核心思想并不是单单针对于优化单元测试时间，而是从开发的实际情况出发，找到开发中的痛点，利用工程化的思考能力，解决实际问题。

事情的起因是这样的，团队内部技术分享下周将轮到我，我准备分享一下hooks的使用。 技术分享这个事情，对于我来说，是展示逼格儿的一个东西，所以我想在分享的过程中尽量使用一些比较官方&标准的话术来表达。

node是一个基于事件驱动来实现非阻塞I/O的服务器。 node结构和chrome十分相似，它们都是基于事件驱动的异步架构，浏览器通过事件驱动来进行页面交互、Node通过事件驱动来服务I/O。 因为node是异步I/O，所以处理I/O密集型的任务是毋庸置疑的（I/O密集型任务包…

请注意：对React中一些重复的逻辑进行封装并不是封装公共的方法，而是一些组件内部重复的逻辑加以封装，使之可以重复使用。 关于公共hooks的封装，阿里开源的ahook有不少可以使用的hook，当然也有关于对antd使用的hook，可是每个项目的逻辑或许只差一步，就无法使用。所…

现如今前端React生态圈已有不少优秀的懒加载组件，比如react-lazy-load、react-lazy-mount等，但是它们并没有实现一个组件完全的懒加载，当DOM没有出现在视口中时，它们会先渲染出一部分，等到出现在视口中才会渲染要懒加载的目标，大多数基本都是图片懒加载…

都知道，前端性能优化的一条原则是将script标签放在body底部，为什么呢？因为script标签的加载和执行时会阻塞DOM结构渲染的，若是script标签放在头部，加载时间或者执行时间过长，会影响后续DOM的渲染，造成很长时间的页面白屏，前端体验会变得很差。 为了使例子更加直…

前几天看到某位大佬的一篇名为《你们都被VUE惯坏了》的文章，没怎么细读，大概意思就是拿轮播图举例，来告诫各位开发者脱离框架外还是要掌握JS的基础功能，要多了解各种库实现的原理，虽然那篇文章有说到轮播图的一些实现思想，但是要实现一个库，要注意的细节还是很有很多，所以决定写下这一篇…

--- # 主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purp