kaiyu609的博客

kyue组件化规划

图解Vue中的Diff算法

三、依赖收集目标了解什么是依赖收集了解依赖收集的流程以及它的目的上面我们了解 Vue 会把普通对象变成响应式对象，响应式对象 getter 相关的逻辑就是做依赖收集，现在我们来详细分析这个过程。我们先来回顾一下 getter 部分的逻辑：export function defineReactive(obj, key, val, customSetter, shallow) { const dep = new Dep() const property = Object.getOwnP

1、用户访问应用{ url: 'https://xxyyzz.sse.org.cn/dataide-web/dataide.html#/index'}2、响应错误码：3105003（自定义未登录错误码，前后约定）{ code: 3105003, loginUrl: 'https://xxyyzz.sse.org.cn/dataide-webapp/login', ssoCasUrl: 'https://sso.sse.org.cn/sso-service/'}3、路由至sso认证s

Vue之ResizableContainer代码<template> <div class="container"> <div class="resizable-container" v-panel-resize:vertical="handleResize"> <div class="item item-1 wrapper" weight="0.3">1</div> &l

Axios简单封装cancelTokenRequest & PendingPromiseManagerimport axios from 'axios'import Base64 from './Base64'class PendingPromiseManager { constructor() { this.data = [] } add(item) { this.data.push(item) } has(u

axios请求响应错误前端超时{ code: "ECONNABORTED", config: {}, isAxiosError: true, request: {}, response: undefined, message: "timeout of 5000ms exceede"}nginx超时{ config: {}, isAxiosError: true, request: {}, response: { config: {}, data: null, he

一、深入响应式原理Vue 的数据驱动除了数据渲染 DOM 之外，还有一个很重要的体现就是数据的变更会触发 DOM 的变化s。下面我们就分析一下用户交互或者是其它方面导致数据发生变化重新对页面渲染的原理。Vue的响应式如下示例，说明当数据变更，会自动触发 DOM 重新渲染：<div id="app"></div>// 这里的Vue是自己实现简版的Vue，render函数这里并没有返回虚拟DOMconst vm = new Vue({ el: '#app', d