洛河桥盼

这个限制在开发中也确实会时常影响到我们的开发体验，比如函数组件中出现 if 语句提前 return 了，后面又出现 Hook 调用的话，React 官方推的 eslint 规则也会给出警告。 其实是个挺常见的用法，很多时候满足某个条件了我们就不希望组件继续渲染下去。但由于这个限…

大家好，这里是 CSS 魔法使——alphardex。 平时我们见过很多的图片悬浮和滚动特效，大部分是用CSS和SVG实现的，但是有一种特效它们绝对实现不了——扭曲特效。为何？CSS擅长直线型变换，而SVG擅长曲线型变换。扭曲特效则两者都不是，它是像素级变换，能做到像素级变换的…

觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…

该算法即简化了 Dependency hell 的解决方式，也带来了非常多的问题。 其错误原因就在于全局的 types 形成了命名冲突，因此假如版本重复可能会导致全局的类型错误。 一般的解决方式就是自己控制包含哪些加载的 @types/xxx。 node 会对加载的模块进行缓存…

如何在 BetterScroll 2.0 里面合理使用 TypeScript，并且能够做到友好的 IDE 智能提示，在以 class 为基础的架构中，我们费了相当多的功夫让 TypeScript 提示更智能、更完善。在这个过程中，我们要解决的主要是以下三个问题： 既然知道了问题…

之前其实对于useRef使用的并不多，但在最近公司的新项目开发中，碰到了许多需要使用useRef来解决的业务场景，顺便也对useRef好好的研究了一番，以此文作为学习的总结。 注意：本文只介绍现在hooks中的useRef、forwardRef以及useImperativeHa…

本文聊一聊线性渐变的凹面矩形过渡动效的难点和思路，主要介绍凹面矩形实现、给凹面矩形加线性渐变、线性渐变背景色的过渡。如果有更好的实现方案，欢迎在评论区和我讨论。 使用radial-gradient径向渐变来实现，将渐变的模糊距离缩小到0就能看到清晰的圆形界限。 径向渐变如果模糊…

在 React v16.13 版本中，正式推出了实验性的 Concurrent Mode，尤其是提供一种新的机制 Suspense，非常自然地解决了一直以来存在的异步副作用问题。结合前面 v16.8 推出的 Hooks，v16.0 底层架构 Fiber，React 给开发者体验…