2016 - 2024

感恩一路有你

vue的created中如何获取dom Vue被淘汰了吗?

浏览量:1640 时间:2021-03-12 08:37:25 作者:admin

Vue被淘汰了吗?

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

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

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

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

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

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

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

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

使用Vue等框架的首要原因是为了开发效率,还是减少DOM操作的性能损失?

前端开发也是如此。实际上,我们都使用jQuery。它简单而粗糙,并且很容易直接操作界面。如果你想实现任何功能,你会成功的。但是在项目变得越来越复杂之后,这种开发方式会出现一个问题:代码组织很低,项目的可维护性很差,特别是当项目中的很多页面都有层次关系时,很容易混淆自己。

“.现在我们不应该把一个网页看作一个网页,而是一个以网页的形式呈现的应用程序。分离数据和行为之后,前端开发变得更加清晰,这也是前端开发的一个重要标志。

虽然这些框架使用了虚拟DOM等技术,但由于抽象合理,开发效率远高于传统前端,比直接操作DOM要慢。试想一下,用这两种方法开发的项目效率比传统开发低0.5%,但是传统开发需要的bug是传统开发的两倍。如果你是,你会选哪一个?

使用Vue等框架的首要原因是为了开发效率,还是减少DOM操作的性能损失?

今天的软件系统已经非常复杂,尤其是服务器端软件(前端也是如此),涉及的知识和内容非常广泛。这样开发出一个健全而健壮的软件,对程序员的要求会很高。如果采用一个成熟而健壮的框架,那么一些基本的一般性工作,如事务处理、安全性、数据流控制等,都可以交给框架进行处理。这样程序员只需专注于系统的业务逻辑设计,就可以降低开发难度。

从程序员的角度来看,使用框架最显著的优点是重用。由于框架可以重用代码,因此从现有的组件库构建应用程序非常容易,因为组件使用框架定义的统一接口,这使得组件之间的通信变得简单。框架可以重用设计。它提供了可重用的抽象算法和高层设计,将大规模系统分解成更小的组件,并描述了组件之间的内部接口。这些标准接口使得通过组装现有组件来构建各种系统成为可能。只要满足接口定义,就可以将新组件插入到框架中,并且组件设计者可以重用框架的设计。框架还可以重用分析。如果所有人都按照框架的思想来分析事物,他们可以把它分成相同的组件,采用相似的解决方案,这样使用相同框架的分析人员就可以相互交流。

该框架的目的是提高工作效率,促进大规模团队合作,使开发人员更加关注业务逻辑,避免一些常见问题。当然,如果是高级前端开发,在某些场景中直接操作DOM代码可能会更高效。

因此,尽管框架是件好事,但必须学习基本的DOM操作,这是一项必要的技能。

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

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

然后,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]= To string(value)”修改节点的内容;

所以,Vue并没有避免DOM操作,它也执行DOM操作,但是它包含在框架中,所以我们对它没有明显的感知

Vue官方网站说,“你暂时不需要了解这些。。。“,我想既然你要用Vue来开发,如果你不完全理解它,你会发现你以后要踩坑了,它还是由它引起的。我们稍后再修补这个坑。最好现在就吃。

主要从以下几个方面进行:

1。Vue的生命周期是什么

2。项目中Vue生命周期的执行顺序

3。Vue中的内置方法和Vue生命周期的运行顺序(方法、计算、数据、监视)

4。自建方法的运行顺序和Vue生命周期,如图所示

5。总结

1。Vue的生命周期是什么

Vue的每个组件都是独立的,每个组件都有自己的生命周期。创建、初始化、装载、更新和销毁组件就是所谓的组件生命周期。在组件中,具体的方法有:

beforecreate

created

beforemount

mounted

BeforeUpdate

updated

]beforedrostroy

destroyed

对应的中文,就像字面意思一样,英文差的童鞋可以找翻译软件!谢谢您

一直搞不懂vue中的生命周期,怎么才能搞清楚?

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

vue项目引入jquery优缺点?

目前,无论是Vue、react还是angular,大多数移动终端都首选MVVM开发框架。由于历史的原因,PC需要考虑浏览器的兼容性,很多使用jQuery。当然,如果不考虑兼容性,MVVM也可以是新项目的首选开发模式。但是jQuery历史悠久,家族背景依然存在,生态完善,有很多优秀的库,短期内不会被取代,肯定会长期存在并被广泛应用。一些场景,例如开发简单的活动页面、提升页面jQuery或直接DOM操作,都比较轻松。而且,这两者不是一个或另一个。JQuery可以在MVVM中使用。两者可以结合使用。例如,当一些特效动画插件MVVM没有好的库时,可以添加满足jQuery生态需求的组件。一般来说,为了减少对库的依赖,提高客户端的加载速度,不推荐使用

vue的created中如何获取dom vue如何获取dom元素子节点 vue获取dom节点

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。