浮头导航网

专注编程技术分享的开发者社区

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

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

认识虚拟 DOM

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

图解 Vue 异步更新原理(vuex异步)

本文主要分析 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操作,而专心数据操作;

是时候抛弃 chokidar 了?Node.js 原生支持 HMR 热更新!

大家好,很高兴又见面了,我是"高级前端进阶

Vue插槽实现原理(vue3插槽)

前言

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

<< < 55 56 57 58 59 60 61 62 63 64 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言