北屋教程网

专注编程知识分享,从入门到精通的编程学习平台

深入浅出虚拟 DOM 和 Diff 算法,及 Vue2 与 Vue3 中的区别

因为 Diff 算法,计算的就是虚拟 DOM 的差异,所以先铺垫一点点虚拟 DOM,了解一下其结构,再来一层层揭开 Diff 算法的面纱,深入浅出,助你彻底弄懂 Diff 算法原理

认识虚拟 DOM

虚拟 DOM 简单说就是 用JS对象来模拟 DOM 结构

图解 Vue 异步更新原理

本文主要分析 Vue 从 Data 更新,到通知 Watcher 异步更新视图的流程,也就是下图中的橙色部分。

我们先来回顾一下图中的几个对象:

  • Data 对象:Vue 中的 data 方法中返回的对象。
  • Dep 对象:每一个 Data 属性都会创建一个 Dep,用来搜集所有使用到这个 Data 的 Watcher 对象。
  • Watcher 对象:主要用于渲染 DOM。

接下来,我们就开始分析这个流程。

让生活更简单的60种方法

当我们年轻的时候,生活的会很容易对不对?我知道有时似乎如此。但事实是现在的生活仍然很容易。而且这将会是永远的容易。唯一不同的是我们的年龄大了,所以我们越老,考虑自己的事情就越是复杂。因此,让我们回到最初,好吗?让我们把事情变简单。这很容易。这里有60个方法可以做到。

你看,当我们还年轻的时候,我们通过简单、充满希望的眼睛看世界。我们知道我们所想要的,以及我们没有偏见或隐藏的想法。我们喜欢微笑的人、远离那些皱着眉头的人。当我们饿了的时候吃饭,渴了的时候喝水,累了的时候睡觉。

如何创建集成 LSP 支持多语言的 Web 代码编辑器

对于一个云开发平台来说,一个好的 Web IDE 能很大程度地提高用户的编码体验,而一个 Web IDE 的一个重要组成部分就是代码编辑器。

还不清楚webpack和vite原理?有这篇足够了!

每次用vite创建项目秒建好,前几天用vue-cli创建了一个项目,足足等了我一分钟,那为什么用 vite 比 webpack 要快呢,这篇文章带你梳理清楚它们的原理及不同之处!文章有一点长,看完绝对有收获!

正文

APP自动化测试框架-UiAutomator2基础

前言

很早以前,我用uiautomator+java实践过Android APP自动化测试,不过今天要提的不是uiautomator,而是uiautomator2。听起来uiautomator2像是uiautomator的升级版,但是这两款框架仅仅是名字上比较相似,实际上没有任何关联。

腾讯工程师案例实战:大型前端项目的断点调试共享化和复用化实践

作者:enoyao,腾讯工程师

背景

Vue2和Vue3数据双向绑定原理的区别及优缺点

我们都知道,Vue 是一套用于构建用户界面的渐进式框架,是目前前端领域主流框架之一,作为前端框架,它有两大核心:

1.数据双向绑定:当数据发生改变,视图可以自动更新,可以不用关心dom操作,而专心数据操作;

Vue插槽实现原理

前言

vue.js的灵魂是组件,而组件的灵魂是插槽。借助于插槽,我们能最大程度上实现组件复用。本文主要是对插槽的实现机制进行详细概括总结,在某些场景中,有一定的用处。知其然知其所以然,掌握

走进 React Fiber 的世界

文/ 阿里淘系 F(x) Team - 冷卉

Fiber设计思想

Fiber 是对 React 核心算法的重构,facebook 团队使用两年多的时间去重构 React 的核心算法,在React16 以上的版本中引入了 Fiber 架构,其中的设计思想是非常值得我们学习的。


控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言