搜索结果
查询Tags标签： Watcher，共有 32条记录-
基于vue2.0原理-自己实现MVVM框架之computed计算属性
一、先聊下Computed的用法写一个最简单的小demo，展示用户的名字和年龄，代码如下：<body><div id="app"><input type="text" v-model="name"><br/><input type="text" v-model="age">&…
2022/12/2 1:24:56 人评论 次浏览 -
nextTick的作用
nextTickvm.$nextTick()接收一个回调函数作为参数，它的作用是将回调延迟到下次DOM更新周期之后执行。在开发中会遇到一种场景：当更新了状态时，需要对新DOM做一些操作，但此时我们还获取不到更新后的DOM，因为视图还未重新渲染。将对新DOM的操作放在nextTick()的回调函数…
2022/8/8 23:23:14 人评论 次浏览 -
Vue源码解读-图解Vue异步更新
本文主要分析 Vue 从 Data 更新，到通知 Watcher 异步更新视图的流程，也就是下图中的橙色部分。我们先来回顾一下图中的几个对象：Data 对象：Vue 中的 data 方法中返回的对象。 Dep 对象：每一个 Data 属性都会创建一个 Dep，用来搜集所有使用到这个 Data 的 Watcher 对…
2022/7/1 1:21:00 人评论 次浏览 -
Vue源码解读-响应式原理
Vue 初始化 先从最简单的一段 Vue 代码开始：<template><div>{{ message }}</div> </template> <script> new Vue({data() {return {message: "hello world",};}, }); </script>这段代码很简单，最终会在页面上打印一个 he…
2022/7/1 1:20:57 人评论 次浏览 -
【Vue源码学习】依赖收集
前面我们学习了vue的响应式原理，我们知道了vue2底层是通过Object.defineProperty来实现数据响应式的，但是单有这个还不够，我们在data中定义的数据可能没有用于模版渲染，修改这些数据同样会出发setter导致重新渲染，所以vue在这里做了优化，通过收集依赖来判断哪些数据…
2022/1/29 11:04:21 人评论 次浏览 -
linux网络编程-多client多server一个watcher
client.cpp-->client server.cpp-->server watcher.cpp+server.h-->watcherclient.cpp #include <stdlib.h> #include <stdio.h> #include <errno.h> #include <string.h> #include <string> #include <unistd.h> #include …
2021/12/4 7:16:37 人评论 次浏览 -
linux网络编程-多client多server一个watcher
client.cpp-->client server.cpp-->server watcher.cpp+server.h-->watcherclient.cpp #include <stdlib.h> #include <stdio.h> #include <errno.h> #include <string.h> #include <string> #include <unistd.h> #include …
2021/12/4 7:16:37 人评论 次浏览 -
Mac 环境下配置Webstorm Less编译环境
1.简介Less相当于是增强版的CSS，其中包括大量针对CSS的拓展，虽然原生CSS3支持用户输入变量，但目前兼容性差；利用Webstorm的file watcher，我们可以编写Less文件，并会被系统自动编译为浏览器可以识别的css文件；但需要提前安装Less； 2.安装流程 2.1安装node.js (http…
2021/12/3 23:46:58 人评论 次浏览 -
Mac 环境下配置Webstorm Less编译环境
1.简介Less相当于是增强版的CSS，其中包括大量针对CSS的拓展，虽然原生CSS3支持用户输入变量，但目前兼容性差；利用Webstorm的file watcher，我们可以编写Less文件，并会被系统自动编译为浏览器可以识别的css文件；但需要提前安装Less； 2.安装流程 2.1安装node.js (http…
2021/12/3 23:46:58 人评论 次浏览 -
Vue 2.x源码分析图谱
nexTickVnode 和 dom diff三种watcher属性更新
2021/11/26 11:10:08 人评论 次浏览 -
Vue 2.x源码分析图谱
nexTickVnode 和 dom diff三种watcher属性更新
2021/11/26 11:10:08 人评论 次浏览 -
vue2 响应式原理保姆级别
面试题：请阐述vue2响应式原理vue官方阐述：cn.vuejs.org/v2/guide/re…响应式数据的最终目标，是当对象本身或对象属性发生变化时，将会运行一些函数，最常见的就是render函数。 在具体实现上，vue用到了几个核心部件： Observer：DepWatcherSchedulerObserver Observer要…
2021/11/24 23:14:24 人评论 次浏览 -
vue2 响应式原理保姆级别
面试题：请阐述vue2响应式原理vue官方阐述：cn.vuejs.org/v2/guide/re…响应式数据的最终目标，是当对象本身或对象属性发生变化时，将会运行一些函数，最常见的就是render函数。 在具体实现上，vue用到了几个核心部件： Observer：DepWatcherSchedulerObserver Observer要…
2021/11/24 23:14:24 人评论 次浏览 -
Vue的异步渲染和 nextTick
1. 什么是异步渲染？ 环境补充：当数据在同步变化的时候，页面订阅的响应操作为什么不会与数据变化完全对应，而是在所有的数据变化操作做完之后，页面才会得到响应，完成页面渲染。 从一个例子体验一下异步渲染机制： import Vue from Vue new Vue({el: #app,template: &…
2021/9/28 6:10:49 人评论 次浏览 -
Vue的异步渲染和 nextTick
1. 什么是异步渲染？ 环境补充：当数据在同步变化的时候，页面订阅的响应操作为什么不会与数据变化完全对应，而是在所有的数据变化操作做完之后，页面才会得到响应，完成页面渲染。 从一个例子体验一下异步渲染机制： import Vue from Vue new Vue({el: #app,template: &…
2021/9/28 6:10:49 人评论 次浏览
