IntersectionObserver 可以监听元素与视口（viewport）的交叉状态，从而实现懒加载、无限滚动等功能。无需手动计算元素位置，让页面加载更加高效流畅！

本文使用 React + Three.js + React Three Fiber 技术栈，实现一个《塞尔达传说：王国之泪》主题风格基于滚动控制的平滑滚动图片展示页面。通过本文的阅读，你将学习到...

壹 ❀ 引 我在[react] 什么是虚拟dom？虚拟dom比操作原生dom要快吗？虚拟dom是如何转变成真实dom并渲染到页面的?一文中，介绍了虚拟dom的概念，以及react中虚拟dom的使用场景

任何新技术、新产品都是有一定适用场景的，它可能在当下很流行，但它不一定在任何时候都是最优解。在被微前端坑了几次之后，回过头发现，iframe真香！

写测试通常都会被认作一个乏味的过程，但是这是你必须掌握的一个技能，虽然在某些时候，测试并不是必要的。然后对于大多数有追求的公司而言，单元测试是必须的，开发者对于代码的自信会大幅提高，侧面来说也能提高公司对其产品的信心，也能让用户使用得更安心。 在 React 世界中，我们使用 …

这几个月在公司内做一个跨前端项目之间共享组件/区块的工程，主要思路就是在 Bit 的基础上进行开发。Bit 主要目的是实现不同项目 共享 与 同步 组件/区块，大致思路如下： 在 A 项目中通过执行 Bit 提供的命令行工具将需要共享的组件/区块的源码推送到远端仓库，然后在 B…

交易指挥中心是中台基础基础组件化向智能基础组件化升级的战略项目，同时驱动中台核心业务中心的平台化搭建。一期建成优惠监控、库存、订单、商品四大指挥中心系统以及门户，实现中台系统的从零到一的系统建设。 对于我们的前端团队意义在于，积累面向 B 端中后台系统开发经验，沉淀中后组件，配…

在做项目的时候，你的产品可能会提出这样的需求：在某些拥有表单的页面中，如果用户还未保存表单数据，就想去浏览别的页面内容。这时候需要给一个弹窗，提示用户是否需要在未保存数据的情况下跳转页面。 最简单的实现就是使用 react-router 提供的 Prompt 组件来控制是否显示…

这篇是我在组内做的一次技术分享的讲稿。没怎么修改就直接分享出来了。 React 16.6 添加了一个 <Suspense> 组件，可以用来在 lazy load 的时候显示加载中的状态。 后来 React 想，这 Suspense 既然能用来等待 lazy load 的 Pro…