事件驱动与数据驱动
- GUI与事件
- 事件驱动
- 数据驱动
- 事件驱动和数据驱动的区别
GUI与事件
JavaScript作为浏览器的脚本语言,主要用途是与用户互动、操作DOM,实现页面UI和DOM操作,属于GUI(图形用户界面)编程
GUI程序注重用户交互,执行取决于与用户的实时交互情况
事件循环机制:所有的异步事件都会通过执行回调的方式触发相应的逻辑执行
事件驱动
实现页面功能思路
事件驱动思维:从事件响应出发来完成应用的设计和编程
- 编写静态页面
- 给对应的元素绑定对应的事件
- 事件触发时,进行相关逻辑处理,更新页面内容
数据驱动
数据驱动的前提,在于将页面内容抽象为数据表达
- 对页面进行抽象设计 ,使用合适的数据结构来表达,将页面中会变化的和不会变化的内容隔离开,对变化的内容进行抽象设计,再根据抽象结果来设计数据结构
- 表单除了具备数据,还包括用于改变数据的方法
- 实现静态页面,并把数据和时间绑定到页面中
事件驱动和数据驱动的区别
- 数据驱动更容易将视图于逻辑解绑,能够快速的适应变更和调整
- 事件驱动更倾向于流程式开发,数据驱动更倾向于数据状态的变动和流动
参考教程:前端进阶教程