lucefer

使用 React 开发复杂的需求，时常会碰到性能问题。近期做业务过程就遇到一次，页面十分卡顿。此文将笔者排查问题的过程以及性能优化解决方案记录下来跟大家分享。...

在 npm 中，如何选择 --legacy-peer-deps 和 --force？了解它们的区别，避免破坏性更改，维护依赖树完整性，提升项目稳定性。...

由于大模型通常是需要实时推理的，浏览器提交数据，服务端完成推理，然后将结果以 JSON 数据格式通过标准的 HTTP 协议返回给前端。所以SSE流式传输成了前端必学的内容...

大家好，我是田螺。 分享一道字节面试场景题：假设你负责的业务系统，流量突增，比如QPS暴增100倍，你要怎么处理？ 有些伙伴一听完题目，就不假思索回答，那就加机器呀、扩容什...

“你们前端算什么？不就是切图仔？”。当后端Leader甩出这句话时，作为前端开发者，我已经在项目中见过无数技术上的争论，但这一次的冲突，真的是让我彻底爆发了。 我先是一愣，...

这篇文章分享了20个React技巧，包括条件渲染、状态管理、懒加载等，帮助开发者提升代码效率和可读性，编写出更简洁高效的React应用。...

雪花算法ID重复了？惨痛教训：请勿轻易造轮子！ 最近我们线上系统发生了一起严重事故：订单号/流水号出现了重复，影响了核心业务流程。最终定位到根源：一个自研的二方包雪花算法I...

在React的开发中，我们经常会遇到这样的场景：组件之间需要共享状态，并且根据用户的交互或业务需求，多个组件需要协同工作。这时，设计出既灵活又可维护的组件结构就变得非常重要...

无感刷新：使用两个令牌，让用户在不知不觉中完成身份续期，保持长时间在线状态。解决使用中途或短时间内需要重新输入密码的问题...

引言：为什么需要状态机？ 在后台系统开发中，我们经常需要处理对象的状态流转问题：订单从"待支付"到"已支付"再到"已发货"，工单系统从"打开"到"处理中"再到"解决"，这些...

31 岁，写了 8 年代码的我，终于懂了啥叫成功 现在每天下午六点，我准时关了 IDEA，开车穿过 4 公里的晚高峰，20 分钟就到小区。 一、去年那个手忙脚乱的夏天，我差...

大家好，我是双越老师。从全栈角度看，前端能做的性能优化不多，就拆分资源和异步加载，这些都会在网络层面很好的解决。一个 web 系统的性能瓶颈主要在于网络和服务端，前端主要做...

我们知道 Promise 一旦实例化之后，状态就只能由 Pending 转变为 Rejected 或者 Fulfilled， 本身是不可以取消已经实例化之后的 Promis...

以前看技术社区，热门多半是面试文章当道，作为技术文章创作者来说也是同样的体验，写其他主题，水花不大，但围绕面试找工作，肯定有基本的数据。 现在经历了几轮 下岗潮、 AI 大...

typescript中的协变、逆变等概念比较晦涩，要想成为typescript高手，协变逆变是绕不过去的坎，本文通过一个个例子带你窥探其神秘的面纱......

「这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」 react版本 18rc 读完本篇文章可以了解到： 如何初始化一个模拟react运行的项目 ...

想要知道 `React` 的内部运行机制，实际上就是要探索 `React` 如何将组件映射屏幕，以及组件中的状态发生了变化之后 `React` 如何将这些「变化」更新到屏幕...

修勾课堂开课了！在【狗教我React——原理篇之React整体架构解读 】中，简单介绍了Fiber架构和fiber节点的概念，本篇将详细介绍Fiber和Fiber架构的工作...

如果你是一个前端开发者，甚至每天浏览器陪伴你度过的时光比女朋友陪伴你的都要久，想想那每一个令人“不是那么期待”的早晨，每一个争分夺秒完成任务的黄昏，只有浏览器和编辑器一直是...

1. 介绍 工作中碰到一个需求，在后台管理系统中，从列表页点击查看详情，然后再点击浏览器的返回列表，希望保持列表页的scrollTop 目前的表现是，回到列表页总是回到顶部...