Sharon

前言 我们经常会用到 Array 对象的 reduce 方法，把它用于做一些计算、或者数据组合，发现自己用了那么多年 reduce ，竟然还不是很了解它，最近才发现如果不传...

前一篇讲解了 reduce 基础使用方法和场景的运用场景。本篇来分析一下 reduce 函数本身的实现原理。 实现 reduce 其实挺简单的，因为它本的运行原理也不难...

本篇文章主要实现一个无样式的倒计时 hook 组件，通常不同地方的倒计时样式都不同，但倒计时的逻辑基本是都是一样的，因此可以抽离成一个工具方法或者一个 hook 组件...

前言 前一篇 JavaScript数据类型对函数式编程的影响 讲到了不可变数据的重要性，而让数据不可变的原理就是 “拷贝数据”。 但如果拷贝的是一个树形结构，层次比较深，看...

实现 useScrollTop hook，封装 监听scroll事件、注销事件、节流逻辑、滚动结束等等，本篇文章将带你一步一步实现一个完善的 `hook` 组件。...

本文讲实现同时一个具备吸顶和吸底功能的 React 组件，附有demo和源码，效果类似京东超市顶部导航自动吸顶，自动脱顶的功能。...

Next.js 的很大一特点就是首屏性能好，它的首屏是服务端渲染或者静态化页面，本篇主要来分析一下 Next.js 首屏资源加载顺序，来看它在首屏渲染上做了什么优化。...

我理解的函数式编程是一种编程规范，也是一种对语言程序（比如JavaScript）本身能力的运用方式。就编程规范来说，对开发者来说可以说是一种约束，但在这种约束下，会让我们编...

本文探索内容：1. 了解JavaScript 的数据类型中可变数据的根源; 2. 可变数据数据是怎么让 `纯函数` 变得不纯的？3. 如何解决 `可变数据` 的影响？...

分享如何更好的去使用静态化功能，以及在使用的过程中可能会遇到的一些问题和解决方法，其中会涉及到一些原理的探索。...

这是第一次准备细写 Next.js 源码，所以写先叨叨几句。 想要完全弄懂一门开源框架，那么学习源码是必要过程，否则就是知其然不知其所以然。...

高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧，高阶组件是一个工厂函数，它接收一个参数并返回另外一个组件。 高阶函数本身就是对装饰器模式的应用，可以利用...

阅读redux源码，可以让我们在实践中更好使用和扩展它，甚至封装出类似dva这样的数据流方案。 首先enhancer在缺省条件下，如果preloadedState是个函数，...

promisify是node的utils模块中的一个函数，它作用就是为了转换最后一个参数是回调函数的函数为promise函数，且回调函数中有两个参数：error和data使...

目的：打造一个简单的 redux 数据流方案，实现功能类似与 dva，但仅仅只是对 redux 进行封装，简化 redux 使用流程和难度。最终目的肯定是为了提升开发效率和...

最近在读 nextjs 源码，看到命令行参数解析工具用的 arg.js，用法比较简单，源码也只有 100 多行，相对于command.js来说，更加容易阅读和理解，于是便精...

不规范的commit很可能一个月之后你自己也不记得当时提交代码的目的了，而规范的commit可以更好的定位问题，所以，为了能使得日后复盘和找bug的时候更加的方便，团队之间...

最近在公司内部需要引入commit规范以及相关配置，但是项目工程过多，一个个单独引用太过于麻烦，后续修改配置、升级想想就头大，于是花了几个小时找了以下资料，再结合自身的思考...

我们要从头开始一步一步重写一个 React，遵循真实的 React 代码结构，但不会有所有的优化以及非必要的功能。 如果你已经阅读过作者以前写的 构建你自己的 React ...

一般来说，一个页面的内容，很大部分由图片来组成，而图片往往会很大。一张精细的图片，很容易达到几百KB，甚至几M，而代码也许就只有几十KB。当页面图片丰富时，往往影响页面加载...