Vue双向绑定的原理

vue数据双向绑定是通过数据劫持结合开发者,订阅者模式来实现的,其核心就是通过object.defineProperty()方法来设置set和get函数来实现数据的劫持,在数据变化的时候发布消息给订阅者,触发相应的监听回调,也就是说,数据与页面是同步的,一旦数据发生改变,视图也会发生改变,视图改变,数据也会随之发生改变

浏览器从输入网址都看到网页都发生了什么?

1.域名解析ip地址
2.客户端发送一个带有SYN标识的数据包给服务端
3.服务端收到后,回传一个带有ACK或SYN的数据包以示传达确认信息
4.客户端在回传一个带有ACK标识的数据包,代表握手结束,连接成功
5.服务端处理数据并返回数据
6.客户端请求关闭连接
7.服务端确认是否还有数据需要传输
8.服务端没有要传输的数据了,准备关闭连接
9.客服端断开连接
10。浏览器解析HTML,生成DOM数据,解析CSS,生成个CSS规则树
11.DOM树与CSS规则树合并成渲染书,开始渲染
12.执行JavaScript脚本

你可能感兴趣的:(vue.js,javascript,前端)