Ryan772

去年写了《NextJs 从入门放弃》文章后，直到最近开发项目，才重新关注 NextJs，其版本已更新到**V14**，趁着**V15**还在蓄势待发，先赶紧总结一下开发的心...

平日开发过程中，大家是如何调试线上问题的呢？等一下，还有没有人在用 SourceMap 调试啊？通过 SourceMap，我们可以在浏览器内，直接看到源码，而不是编译、压缩...

React 是由 Facebook 开发并于 2013 年开源的前端库，最初的目的是为了解决当时复杂用户界面开发中的效率和性能问题。...

RxJS 入门及应用 RxJS为什么被称为是函数响应式编程？ 函数式编程（Functional Programming） 函数式编程的特点是允许把函数当成一个实参或返回值，...

SKU（Stock Keeping Unit）是库存管理中的基本概念，指的是库存进出计量的单位，也是产品库存控制的最小可用单位。本文讲述如何实现SKU算法。...

什么是SKU sku就是我们在京东或者拼多多购物的时候，选择的商品的属性。 通过动态图很容易明白什么是sku是什么，就是选择一件商品的不同属性。 从图中我们可以看到可选的s...

hooks一直都是面试的热门考点。并且面试官对候选人在手写自定义hook，解决实际业务问题上也有较高的要求。在准备这方面的内容时，不妨向优秀的开源项目学习学习，以便在真实面...

在一次面试时，面试官问我 react scheduler 调度机制原理是什么？我却支支吾吾想了半天没答上来，看着面试官轻蔑的表情，我在心里默默的下定决心：三十年河东三十年河...

【踩坑记录】H5页面在IOS设备上都有默认的橡皮筋效果。产品经理不想要，那该怎么优雅的禁用这个效果呢？...

新人前端往往在学习过程中由于找不到体系化的工程化课程，导致对这一块的理解很浅薄。前端工程化的网上资源较乱，但是面试又特别爱问，故而写下这个系列的文章整理。...

父组件中使用createContext创建的Context.Provider。这个组件允许消费组件订阅Context的变化。当 Provider 的 value 值发生变化...

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使...

原作博客可以说是我全网所见的关于 React 性能优化最好的博客。这篇文章告诉我们，两个被广泛使用的 hooks 是如何被滥用的，而我们为什么应该将大部分与它们相关的代码删...

众所周知，React是一个专注于UI层的库，不同于Vue、Angular等框架，React 的各种状态管理方案一直是在百花齐放、群魔乱舞。对新手来说无从下手，对老伙计就是摧...

状态管理是前端开发整天遇到的概念，但是大家是否真的理解什么是状态，管理的又是什么呢？ 我们知道，程序是处理数据的，数据是信息的载体，比如颜色是红色或蓝色这就是数据。 那为什...

要说现代前端有哪些最混沌的领域，那状态管理必然占据了一席之地。似乎每个人都能插上两脚，知乎大佬们人均一个轮子。我今天也难以免俗地趟一趟浑水，不过我不会谈论那些具体的状态管理...

上一篇文章我们手写了一个Redux，但是单纯的Redux只是一个状态机，是没有UI呈现的，所以一般我们使用的时候都会配合一个UI库，比如在React中使用Redux就会用到...

Nuxt3的基础框架搭建、基本目录介绍、环境变量设置、按需引入antdv、错误页面介绍、状态管理、接口内容封装以及开发过程中遇到的问题等...

主要介绍了什么是不可变数据、为什么追求不可变数据、不可变数据的实现方式、一一引导到了主题immer.js，从源码的角度解析了immer.js的核心实现，有利于大家在理解不可...

Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，...