Large List in React

超大列表的显示

  • 直接全部显示一个超大的列表是十分消耗资源的,所以必须要采取对策,主流的有两种对策:

    1. Lazyloading: 即开始至加载一部分,每次需要的时候再加载新的内容,一个形象的例子就是“刷微博”

    2. 局部加载: 每次计算当前页面应当展示的内容

JSX-Syntax

JSX 语法

JSX是React的核心组成部分,它使用XML标记的方式去直接声明界面,界面组件之间可以互相嵌套。可以理解为在JS中编写与XML类似的语言,一种定义带属性树结构(DOM结构)的语法,它的目的不是要在浏览器或者引擎中实现,它的目的是通过各种编译器将这些标记编译成标准的JS语言。