听雨巷卖杏花

对于新手来说， reduce 没有 map、 forEach、 filter 等数组方法那么友好。但是不得不说，它们能干的事情， reduce 一个不落下，直呼“B神”。 写这篇文章的目的就是想给大家好好的介绍一下 reduce 它有多“骚”。 第一个参数是回调函数（必选），第…

高质量可维护的代码应具备可读性高、结构清晰、低耦合、易扩展等特点。而原生的 JavaScript 由于其弱类型和没有模块化的缺点，不利于大型应用的开发和维护，因此，TypeScript 也就应运而生。 TypeScript 是 JavaScript 的一个超集，它的设计初衷并不…

一直以来，ssh 身边都有很多小伙伴对 TS 如何在 React 中运用有很多困惑，他们开始慢慢讨厌 TS，觉得各种莫名其妙的问题降低了开发的效率。 其实如果运用熟练的话，TS 只是在第一次开发的时候稍微多花一些时间去编写类型，后续维护、重构的时候就会发挥它神奇的作用了，还是非…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …

高亮显示你的 TODO、FIXME，支持自定义关键字和外观，可以起到良好的提示作用。 解决冲突后配合使用完美格式化代码，能交给机器做的一定要学会偷懒。 实时高亮匹配标签，不用在 HTML 中眼花缭乱的找标签了。 快速生成 console.log() ，调试利器，妈妈再也不用担心…

马上就要到 29 岁生日，也将踏入了 30 岁的旅程，在此写一篇随笔。 刚开始工作总是热情十足、活力四射的去做一件事，希望能够做得更好，更棒。但慢慢的发现，有些事情不是全靠一个人能完成的，因为能独立完成的天才实在太少了，而更多的是努力的人。 从认识到自己是一个平凡的人开始，可能…

我们来研究一下最近天天都在使用 React Hook。说起 Hook，烧烤哥也用了好一阵子了，但是一直不知道 Hook 背后到底是怎么运作的，在出现 Bug 的时候只能靠一半猜一半试来解 Bug，这显然是不行的。所以，今天开始就让我们来把 React Hook 慢慢烤透，以便在…

代码中如果if-else比较多，阅读起来比较困难，维护起来也比较困难，很容易出bug，接下来，本文将介绍优化if-else代码的八种方案。 如果if-else代码块包含return语句，可以考虑通过提前return，把多余else干掉，使代码更加优雅。 使用条件三目运算符可以简…