前段时间用react+redux做一个新项目,这几天又去维护一个老的基于jquery的传统项目。已经能隐约感受到数据驱动模式带来的优点了。
传统的模式:
响应用户操作->发送数据给后台->拿到新数据->更新UI(维护DOM)
数据驱动模式:
响应用户操作->发送数据给后台->拿到新数据->更新前端model
后者与前者的区别是不需要去维护复杂的DOM,而是只需要维护前端model,所有基于model的UI部分会自动更新。省去了维护繁琐的DOM结构的工作。
前段时间用react+redux做一个新项目,这几天又去维护一个老的基于jquery的传统项目。已经能隐约感受到数据驱动模式带来的优点了。
传统的模式:
响应用户操作->发送数据给后台->拿到新数据->更新UI(维护DOM)
数据驱动模式:
响应用户操作->发送数据给后台->拿到新数据->更新前端model
后者与前者的区别是不需要去维护复杂的DOM,而是只需要维护前端model,所有基于model的UI部分会自动更新。省去了维护繁琐的DOM结构的工作。