B_Cornelius

在添加和移除的时候都有过场动画。当某个notication被删除时，其他的应该垂直滑动 这里使用create-react-app来创建工程，然后使用css module来写样式。 在上面notification无论是添加还是删除，动效都非常僵硬。下面添加渐入渐出动画，让这个添加…

当我们需要间隔一段时间或者每段时间间隔执行一个特定的函数，这个时候就需要借助定时器。 这两种方法可以直接直接在react中使用，但是有些差异需要注意。在这篇文章中，就会讲解定时器函数在hooks的使用，并且如何在hooks对其进行封装。下面通过一个例子进行讲解 在React C…

这样来实现全局遮罩层，modal里边的内容自己控制。但是这样会存在一个问题，具体如下: 然后就发现狂点这个按钮不能控制modal的显示隐藏，因为这个button严重影响了modal的行为。 这种其实是很难排查问题的，你不知道用户写了什么奇葩的代码，这个时候就考虑其他方式来规避这…

Ryan Dahl也是Node.js的创始人，从2007年一直到2012年，他后来把 Node.js 移交给了其他开发者，不再过问了，转而研究人工智能。 他始终不是很喜欢 Python 语言，久而久之，就想搞一个 JavaScript 语言的人工智能开发框架。等到他再回过头捡起…

深色模式为目前网络发展的一大趋势，可以看到大量的网站为了提高网站的体验都添加了深色模式。深色模式在光线不足的情况下看起来不会那么刺眼，能够很好的保护我们的眼睛。 假设有这么一个页面，我们需要自由切换深色模式和浅色模式。那么就需要在不同模式使用不同的css，这里可以通过两种方式一…

vanillaJS是史上最轻量跨平台前端框架 ，我们能够使用它构建强大的JS应用。从过去到以后他都是最轻量的框架 vanillaJS是世界上最轻量的框架，没有之一！使用vanillaJS的部署策略，能够让在用户访问访问你的网站之前就就从内存中读取vanillaJS的资源。 是的…

2015是JS发展的黄金时间，委员会提出的ES6在ES5的基础上增加了大量的新特性。 在ES5中我们是通过原型的方式定义一个类，在ES6中可以通过class的方式来声明一个类。 在ES6之前，js没有原生的模块管理方式。在ES6中，我们在文件中导出函数和和变量，然后在另外一个文…

父组件中使用createContext创建的Context.Provider。这个组件允许消费组件订阅Context的变化。当 Provider 的 value 值发生变化时，它内部的所有消费组件都会重新渲染 在上面代码中child就能够消费在parent中定义的值。 但是上面…

api层面上基本都是一样的，需要一个函数，还有依赖值。 useCallback是根据依赖(deps)缓存第一个入参的(callback)。 useMemo是根据依赖(deps)缓存第一个入参(callback)执行后的值。 在登录操作中，我们维护了多个状态，每次操作都需要更改多…