搜索结果
查询Tags标签： VNode，共有 38条记录-
记笔记--React源码之路--实现从jsx、函数组件、类组件渲染到浏览器界面
React版本号：17.0.1 目的：实现jsx、函数组件、类组件渲染到浏览器界面：手撸 ReactDOM.render 前提须知：我们需要了解虚拟DOM，React已经与babel合作，我们写的jsx会被babel转义为下图中的一个用于描述JavaScript节点的对象，虚拟DOM就张下图这样哈界面图：控制台查看真…
2021/7/14 17:05:46 人评论 次浏览 -
vue keep-alive(2)：剖析keep-alive的实现原理—学习笔记整理
前言： 本篇主要内容来自以下文章彻底揭秘keep-alive原理 https://github.com/qiudongwei/blog/issues/4 （此文的主要来源）Vue源码解析，keep-alive是如何实现缓存的？ https://juejin.cn/post/6862206197877964807 （此文的主要来源）keep-alive实现原理 https://www…
2021/6/30 23:30:09 人评论 次浏览 -
Vue.js源码解析-Vue初始化流程
目录前言 1. 初始化流程概述图、代码流程图1.1 初始化流程概述 1.2 初始化代码执行流程图2. 初始化相关代码分析2.1 initGlobalAPI(Vue) 初始化Vue的全局静态API 2.2 定义Vue构造函数、实例方法 2.3 new Vue(options) 2.4 执行 $mount 进行挂载 2.5 执行 _render 生成 vno…
2021/6/17 12:56:42 人评论 次浏览 -
vue源码解析（二）
vue源码解析 Virtual DOMcreateElementupdate组件化createComponentpatch合并配置Virtual DOM Virtual DOM 这个概念相信大部分人都不会陌生，它产生的前提是浏览器中的 DOM 是很“昂贵"的，为了更直观的感受，可以简单的把一个简单的 div 元素的属性都打印出来看看，…
2021/5/19 20:59:33 人评论 次浏览 -
前端进阶算法3：从浏览器缓存淘汰策略和Vue的keep-alive学习LRU算法
> 引言 这个标题已经很明显的告诉我们：前端需要了解 LRU 算法！ 这也是前端技能的亮点，当面试官在问到你前端开发中遇到过哪些算法，你也可以把这部分丢过去！ 本节按以下步骤切入：由浏览器缓存策略引出 LRU 算法原理 然后走进 vue 中 keep-alive 的应用 接着，透过…
2021/5/17 20:25:41 人评论 次浏览 -
vue-虚拟DOM和diff算法
虚拟DOM和diff算法 简述diff 算法以装修房子为例，如果我们仅需要在客厅新添一座沙发或者将卧室的床换个位置。那么将整个房子重新翻修显然是不切实际的，我们通常的做法是在原先装修的基础上做微小的改动即可。 对于 DOM 树来讲，也是同样的道理，如果仅仅是新增了一个标…
2021/4/18 12:25:26 人评论 次浏览 -
最新的Vue面试题大全含源码级回答，吊打面试官系列
前言 金三银四快过去了，抓紧这段时间再复习下vue，为了在面试官前突出自己，在回答的时候能带上源码的实现和理解往往更容易成功。这里整理了vue常见的面试题和相应的源码及解读，希望对大家有所帮助。篇幅较长，分为vue2篇和vue3篇。自己整理手写的，有哪里不对或者说的…
2021/4/8 20:28:53 人评论 次浏览 -
Vue 之虚拟 DOM 及 Diff 算法详解
Virtual DOM 1、背景信息总结 DOM 操作非常耗时耗性能（且现代前端框架要求不手动操作 DOM，可以大大提高开发效率）---- 因为会引起页面的回流或重绘JS 的执行很快（浏览器V8引擎的出现更加加快了JS的计算速度）实现更好的跨平台（如浏览器端渲染、 Node.js 实现 SSR 服务…
2021/4/8 20:25:12 人评论 次浏览
