京东618已经过去，在开发和备战618期间总结过一些设计原则，也遇到了一些坑。而且随着网站业务发展，需求日趋复杂多样随时变化；传统静态化方案会遇到业务瓶颈，不能满足瞬变的需求。因此需要一种能高性能实时渲染的动态化模板技术来解决这些问题。

在使用React和React-router实现单页面应用时，会有这样一个场景：从列表页面点击某项条目进入详情页，然后回退至列表页面时，列表页面会重新刷新，不仅数据重新获取了，滚动条也回到了顶部。用户要继续查看剩余数据的话，需要重新滑动到之前点击的那个条目，如果列表做了分页的话就…

在一些容易被忽视但又非常重要的场景，可能会有许多严重影响性能却很容易解决的问题。 本文介绍了 Airbnb web 端访问量最大的页面之一——房源详情页的 react 性能优化过程，其中用到的方法、工具和经验心得。

背景 技术改造的背景是由于业务需求和系统版本不断迭代，整个订单详情页面包含了：订单等待动画，各种场景的弹窗，地图的渲染，订单信息卡片，卡片底部的广告，问卷，以及卡片状态的转换等等，导致订单详情页面的代

商品是使用价值和价值的统一体，能够满足人们的某种需要，反映的是人与物的关系。B类商品需要满足不同类型买家生产或销售的采购需求，B类商品详情页的设计则需要通过对B类买家及交易场景的不断洞察，以满足不同类型买家心智的进货需求，促进B类买家更加精准有效的获取商品信息，最终提升买家的采…