首页 > 新闻资讯

vue虚拟dom面试 Vue被淘汰了吗?

vue被淘汰了吗?

今天,我刚开始了解vuecli3.0。我开始写一个演示,发现它是惊人的。我放弃了版本2繁琐的网页配置。现在可以说它简单明了,你甚至不需要写它vue.config.js文件没关系。它是免费的。不管怎样,它是无害的。但是如果你配置它,你会发现它并不麻烦。

据我所知,不应该有任何支架可以更快、更直接地反映数组或对象的变化。

另外,语法糖基本上没什么变化。过去怎么用还是现在怎么用,但是有很多性能优化和语法糖分。说真的,我根本找不到vue-cli3.0的致命漏洞。

然后,我还看到人们为jq反对不公正。一年半前,我用jq写作。当时,我认为jq是js的最佳框架。太方便了,dom的操作也太酷了。直到我写了一张课程安排项目卡。。。

vue虚拟dom面试 Vue被淘汰了吗?

然后我转向一个小程序,发现小程序的编写方法是vue。。。尤其是组件的编写方式。。。

毕竟,要消除vue有点困难。毕竟,这个时代是数据操作的时代,而不是dom操作的时代。

最后,我不认为您应该坚持前端框架。即使将来会有更高级的框架,js仍然是最好的。在这个框架中,我真的想不出还有什么可以玩的了。也许es会逐渐引用这些框架,然后变得如此。例如,当您想到js时,您可以编写类来继承吗?我第一次看到它的时候,我以为它是java。。。但现在我支持。。。

那为什么不关注后端呢?所有节点都熟练吗?你知道迪诺吗?php开始了吗?那蟒蛇呢?我相信这些语言将来会逐渐出现在前端知识点(虽然php已经出现了,但我觉得太多了。据说好的php是世界上最好的语言。。。)

什么属于操作dom,为什么vue避免了dom操作?

什么是dom操作?要回答这个问题,首先我们必须了解什么是dom;dom是documentobjectmodel的缩写;

然后,dom操作是什么?例如,查找节点、添加节点、删除节点、修改节点属性、修改节点内容等

至于为什么vue避免dom操作,其实据我了解,不是vue避免了dom操作,而是vue的架构帮助我们完成了这些操作,或者说,它通过数据更改自动驱动dom更改。在我看来,vue的架构可以帮助我们完成这些操作,一般来说,我们只需要修改数据,整个dom结构和文档内容就会自动完成,就像我们没有执行dom操作一样。其实不是这样的,但是当我们更改数据时,vue已经为我们完成了dom操作;

这就是所谓的双向绑定,数据驱动;

例如,当我们需要更改某个元素的数据时,我们都知道“v-text=”text“是在文本值更改时直接添加到元素中的,相应元素的含量也会发生变化。那么,它有什么作用呢?

首先,我们应该了解“v-text”实际上是vue中的一个指令。源代码如下:

也就是说,将v-text绑定到元素时,我们将首先确定元素的元素类型。如果nodetype为3,即如果是文本节点,则可以通过修改其数据属性来修改文本内容;如果是其他节点,则可以通过修改其数据属性来修改文本内容,通过修改其textcontent来修改节点的值;当值发生变化时,则这个.el[此.attr]=tostring(value)”修改内容的节点;

所以,vue不回避dom操作,它也做dom操作,但是是包含在框架中的,所以我们对它没有明显的感知

对于小程序的开发,只要了解js语法、闭包等核心概念,就可以启动小程序,因为代码是由小程序提供的box环境,所以重点是了解小程序提供的能力和api,理解js编写。

对于vue来说,情况更复杂。在你精通js之前,不建议学习vue。也许您可以通过查看vue文档来编写一些演示,但是与小程序不同,小程序是一个环境,vue是一个数据驱动js的mvvm框架,它服务于js。如果你不精通js,你应该学点东西,服务js是本末倒置?如果你不精通js和vue,你只能写一些演示。你不知道你为什么要写这篇文章,你的表现如何。在这种情况下,你不能为一个稍微复杂一点的项目这么做。所以我的建议是,如果你不精通js,你最好先学习js,打好基础。如果你必须学习,学习一些小程序是可以的。vue建议不要担心。至少买“javascript高级程序设计”看清楚,然后学习vue/react这样的js框架。

在vue项目中引入jquery,可以方便一些全局事件绑定的实现,屏蔽浏览器之间的差异。然而,缺点是显而易见的。由于jquery没有模块化的概念,将jquery引入vue将增加项目的规模。同时,vue和jquery在dom操作中的思想也不尽相同。vue操作虚拟dom,jquery操作实际dom,并且在数据绑定方面存在一些差异。

vue虚拟dom面试vue获取dom节点vue虚拟dom原理

原文标题:vue虚拟dom面试 Vue被淘汰了吗?,如若转载,请注明出处:https://www.saibowen.com/news/17171.html
免责声明:此资讯系转载自合作媒体或互联网其它网站,「赛伯温」登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,文章内容仅供参考。