套路一

    • 页面展示正常信息
    • 公告信息页面

    套路二

    • 单页面展示信息，并提供交互切换信息
    • 列表分页

    套路三

    • 页面需要输入数据，然后需要选择已有接口的数据
    • 提交时需要将页面表单数据 提交
    • 购买、注册时选择特定门类并提交

    套路四

    • 页面需要从其他页面选择数据，客户端多页面共享数据，并在离开这些页面组成的场景时清除数据，

    套路五

    • 页面B既承担显示，还承担编辑功能，这时需要考虑
      • 页面form的state
      • 显示数据源的state
      • 提交是的数据源的state

    综合以上，前端是面向场景编程
    主要做的是 展示后端数据、提交用户数据、信息的增删改查的可视化窗口，

    实质的数据模型在后端，但是，针对特定场景的实现应结合前端与后端数据共同完成
    如一个良好的三级省市级联动组件需要恰当的后端数据与前端逻辑的配合

    前端大部分的工作在处理数据与展示数据，所有一个恰当的后端数据结构也是至关重要的

    面向场景编程的重点是理清楚业务逻辑的走向，关键是业务数据的走向，以及数据的生命周期

    自下而上构建的奥秘
    在考虑清楚以上场景之后，就是自下而上构建系统，所谓自下而上，就是从基础开始，一次性考虑清楚场景和设计思路，三思而后行，没次写完此场景，即可反思优化，并做到明确的输入与输出，已构建组件或模块的方式思考并付诸实践。

    后端提供的是业务模型，前端处理的是交互模型，
    第一件事是分析场景时，分析不同业务模型的耦合关系、一致性、逻辑合理性、简明性，
    第二件事才是分析创建交互模型