前端夜点心

副作用（side-effects）说得直白一点就是与程序外部的世界的交互作用，比如改变显示屏的界面展示，读写后端数据库中的内容，副作用让我们的应用得以与外部世界发生相互以实现功能。如果一段代码完全没有副作用，那执行完以后你只会发现电脑热了一点（这其实也是一种副作用）。所以可以说…

这里的选项一般也被称作刺激物（stimulus）可以是一些实体的按钮，可以是格斗中的招式（Hick's Law 也被用在格斗中，一些理论认为太多的招式积累会减慢一个招式的反应启动速度），可以是一份菜单，可以是一张待填充的网页表单。 这个公式中的常量 b 是一个常量，n 是刺激物…

现在假设我们需要实现一个名为 promisify 函数，它的功能有些类似 then 方法：接受一个值，如果它已经是 Promise 了，就直接返回；如果不是，就把它包在一个 Promise 中返回。这个需求实现起来不难： 上面的实现通过范型 T，声明了入参 input 的类型。…

今天的夜点心关于 React 的 memo 方法。 上面的代码中，App 组件是应用的根组件；Display 接受一个字符串 name 和一个数字 value 作为属性，每次组件重渲染的时候会在控台打印出这两个属性的值。 这次，用来显示十位数的组件每次都跟着父组件一起重新渲染了…

函数式编程（下面简称 FP），往往被前端们拿来主义地用来解决一些「局部困难」：如使用 rxjs 来处理订阅流；如使用高阶组件来复用逻辑。它在充斥着副作用的应用中默默承担着一个工具的角色，帮上一点小忙，却不太受重视，还时常被曲解。 「函数式夜点心」系列希望从动机出发，剥去一些干扰…

今天的夜点心关于交互设计中的 Fitt's Law。 我们会不定期地发布一些交互设计与数据可视化方面的内容。一方面是由于笔者自己在硕士阶段学习的是设计，另一方面前端是直接与 UI 界面打交道的工作，在关注数据逻辑的同时掌握一些设计相关的基本知识总是有好处的。 交互设计的一个很重…

TS 在遇到以下这些条件语句时，会在语句的块级作用域内「收紧」变量的类型，这种类型推断的行为称作类型守卫 (Type Guard)。 类型守卫可以帮助我们在块级作用域中获得更为精确的变量类型，从而减少不必要的类型断言。下面通过一些具体的例子来帮助大家理解这个看起来有点抽象的概念…

今天的夜点心关于 ECMAScript 的两个带有 ? 的新提案。 这些语法大同小异（后面的三种写法的 . 不要忘了哦），本质都是帮助我们减少一些判断值是否是 null 或者 undefined 的条件语句的书写。这样面对一个对象，原本的安全取值方式： 且逻辑完全等价。 无需更…

里面声明的 count 状态和 increaseCount 方法我们暂时都没有用到。现在假设有一个奇葩需求：每当用户缩放浏览器窗口的时候，就打印这个 count 并且给他加一。我们应该如何实现这个监听的过程呢？ 容易想到，为了监听视口大小，需要在组件挂载的时候给 window …