数据绑定原理

数据绑定的常用方法

1. 发布订阅 + 事件监听

扫描dom模板,编译dom模板,得到对于的发布订阅函数,生成对应的dom元素,赋值和取值基于函数,代表knockoutjs

2. 脏值检查

通过对比数据是否有变更,来决定视图是否更新。例如angular.js,会在特定事件触发下,进行脏值检查,
例如:
DOM事件,譬如用户输入文本,点击按钮等。( ng-click )
XHR响应事件 ( $http )
浏览器Location变更事件 ( $location )
Timer事件( $timeout , $interval )
执行 $digest() 或 $apply()

3. 数据劫持

基于Object.defineProperty()的set和get方法对数据属性进行劫持,赋值时执行set方法,取值时执行get方法。
利用发布订阅的方式执行dom更新,代表vue.js

posted @   全玉  阅读(259)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示