首页 / 要闻 / 加盟百科 / 「vue.js 项目」 第一节,Vue.js框架是什么,为什么选择它

「vue.js 项目」 第一节,Vue.js框架是什么,为什么选择它

2024.01.11 08:43

文章来源:顺利加盟网

阅读量:7
摘要:

项目: 第一节,框架是什么,为什么选择它 如果你还在用jquery频繁操作你的DOM来更新页面的话,那么,你可以用来解放你的DOM操作了

项目: 第一节,框架是什么,为什么选择它

如果你还在用jquery频繁操作你的DOM来更新页面的话,那么,你可以用来解放你的DOM操作了。如果你的项目中有多个部分是相同的,并可以封装成一个组件,那么,你可以试试用。此外,的核心实现中使用了ES5的特...展开全部

其他答案:1 学习目标 通过这一节,你会学会: 1.目前前端技术使用的趋势 2.什么是mvvm 的优点 的两大核心 的适用场景 2 诞生背景 近几年来,得益于手机设备的普及和性能的提升,移动端的web需求大量增加,产生了一种叫webapp的东西,也就是移动端的网页应用。 它们功能越来越复杂,交互也越来越酷炫,功能与效果越来越接近于原生的app。比如下面这些: (效果直逼原生app) 这种webapp它们不仅仅像h5营销网页一样有酷炫的效果,它们还有复杂的点击、输入、下拉选择,视图切换等复杂的交互。在这样的业务需求下,我们还是沿用pc端的开发方案,难免会不太合适。比如:视图切换。

项目: 用vue-cli创建项目显示这个是什么意思-百度知道

展开全部 Vue-cli是官方推荐的快速构建单页应用的脚手架。官方给的建议,如果你是初次尝试Vue,哪就老老实实用普通的书写引入js文件,这里牵扯太多的东西,例如webpack、npm、nodejs等等,很容易成就从入门到放弃的思想。这篇文章本身就是按照官方...展开全部

项目: 在项目中如何使用阿里云视频点播的JavaScript上传SDK? - 搜...

function CSS(href, id) {<br> var css = ("link");<br> = "stylesheet";<br> = "text/css";<br> = href;<br> id && ( = id);<br> (css);<br>}<br><br>/**<...展开全部

其他答案:不明白啊 = =!

项目: 为什么会有人说 简单-百度知道

展开全部 Vue 的简单说的是入门简单吧,引个 js 文件就可以用。 api 简洁一致,文档清晰,很快就能出活。改造旧项目也很方便,用了后台模版的项目也可以用。等你熟悉了以后有了更高的需求,做前后端分离,组件化, Vue 也有很好的支持。 Vue 的学习...展开全部

项目:开发方式,用html+js和.vue文件+环境开发的区别是什么?

Vue通过虚拟DOM技术减少DOM操作。什么是虚拟DOM?使用js对象模拟DOM,在操作过程中不会直接操作DOM,等待虚拟DOM操作完成,仅仅比较开始和结束状态虚拟DOM有哪些变换,最终根据结束状态虚拟DOM去操作DOM。至于虚拟DOM怎么比较则是采用diff算法,具体算法我也不会。不过diff算法里有一个很好的措施来减少DOM操作。

(一)、优先处理特殊场景

(1)、头部的同类型节点、尾部的同类型节点

这类节点更新前后位置没有发生变化,所以不用移动它们对应的DOM

(2)、头尾/尾头的同类型节点

这类节点位置很明确,不需要再花心思查找,直接移动DOM就好

(二)、“原地复用”

“原地复用”是指Vue会尽可能复用DOM,尽可能不发生DOM的移动。Vue在判断更新前后指针是否指向同一个节点,其实不要求它们真实引用同一个DOM节点,实际上它仅判断指向的是否是同类节点,如果是同类节点,那么Vue会直接复用DOM,例如通过对换文本内容的方式,这样的好处是不需要移动DOM。

支持双向数据绑定

数据绑定有单向数据绑定和双向数据绑定。

什么是单向数据绑定?

单向数据绑定即一方面只受另一方面影响,却无法影响另一方面。前端常说的单向数据绑定一般都指数据影响页面,而页面不影响数据。

什么是双向数据绑定?

双向的意思即两个方面相互影响,前端来说,即数据影响页面,页面同时影响数据。例如,在 MVVM 框架中,View(视图) 和 Model(数据) 是不可以直接通讯的,在它们之间存在着 ViewModel 这个中间介充当着观察者的角色。当用户操作 View(视图),ViewModel 感知到变化,然后通知 Model 发生相应改变;反之当 Model(数据) 发生改变,ViewModel 也能感知到变化,使 View 作出相应更新。

举个栗子

v-model双向绑定

以上代码将input的value和页面显示双向绑定在一起。其实v-model只是语法糖,双向绑定其实就等于单向绑定+UI时间监听,只不过Vue将过程采用黑箱封装起来了。

那双向绑定有什么好处?

好处就是方便,数据自动更新。而缺点就是无法得知是哪里更改了数据。

支持组件化

组件化的概念

Web 中的组件其实就是页面组成的一部分,好比是电脑中的每一个元件(如硬盘、键盘、鼠标),它是一个具有独立的逻辑和功能或界面,同时又能根据规定的接口规则进行相互融合,变成一个完整的应用,页面就是有一个个类似这样的部分组成,比如导航、列表、弹窗、下拉菜单等。页面只不过是这些组件的容器,组件自由组合形成功能完善的界面,当不需要某个组件,或者想要替换某个组件时,可以随时进行替换和删除,而不影响整个应用的运行。

组件化的特性

高内聚性,组建功能必须是完整的,如我要实现下拉菜单功能,那在下拉菜单这个组件中,就把下拉菜单所需要的所有功能全部实现。

低耦合度,通俗点说,代码独立不会和项目中的其他代码发生冲突。在实际工程中,我们经常会涉及到团队协作,传统按照业务线去编写代码的方式,就很容易相互冲突,所以运用组件化方式就可大大避免这种冲突的存在、

每一个组件都有子集清晰的职责,完整的功能,较低的耦合便于单元测试和重复利用。

组件化的优点

1.提高开发效率 2.方便重复使用 3.简化调试步骤 4.提升整个项目的可维护性 5.便于协同开发

文章来源:顺利加盟网

风险提示及免责条款

[温馨提示] 文章来源于顺利加盟网,转载注明原文出处,此文观点与查生意无关,理性阅读,版权属于原作者若无意侵犯媒体或个人知识产权,请联系我们,本站将在第一时间删掉 ,查生意仅提供信息存储空间服务。

发表评论 (0)
0/200
暂无评论哦,快来评论一下吧!