“约见”面试官系列之常见面试题之第一百零四篇之vue优点(建议收藏)

vue的优点:

1、轻量级框架

只关注视图层,是一个构建数据的视图集合,大小只有几十kb

Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统

2、简单易学

国人开发,中文文档,不存在语言障碍,易于理解和学习

3、双向数据绑定

也就是所谓的响应式数据绑定。这里的响应式不是@media 媒体查询中的响应式布局,而是指vue.js会自动对页面中某些数据的变化做出同步的响应。

也就是说,vue.js会自动响应数据的变化情况,并且根据用户在代码中预先写好的绑定关系,对所有绑定在一起的数据和视图内容都进行修改。而这种绑定关系,就是以input 标签的v-model属性来声明的,因此你在别的地方可能也会看到有人粗略的称vue.js为声明式渲染的模版引擎。

这也就是vue.js最大的优点,通过MVVM思想实现数据的双向绑定,让开发者不用再操作dom对象,有更多的时间去思考业务逻辑。

4、组件化

在前端应用,我们是否也可以像编程一样把模块封装呢?这就引入了组件化开发的思想。

Vue.js通过组件,把一个单页应用中的各种模块拆分到一个一个单独的组件(component)中,我们只要先在父级应用中写好各种组件标签(占坑),并且在组件标签中写好要传入组件的参数(就像给函数传入参数一样,这个参数叫做组件的属性),然后再分别写好各种组件的实现(填坑),然后整个应用就算做完了。

5、视图,数据,结构分离

使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作

6、虚拟DOM

现在的网速越来越快了,很多人家里都是几十甚至上百M的光纤,手机也是4G起步了,按道理一个网页才几百K,而且浏览器本身还会缓存很多资源文件,那么几十M的光纤为什么打开一个之前已经打开过,已经有缓存的页面还是感觉很慢呢?这就是因为浏览器本身处理DOM也是有性能瓶颈的,尤其是在传统开发中,用JQuery或者原生的JavaScript DOM操作函数对DOM进行频繁操作的时候,浏览器要不停的渲染新的DOM树,导致页面看起来非常卡顿。

而Virtual DOM则是虚拟DOM的英文,简单来说,他就是一种可以预先通过JavaScript进行各种计算,把最终的DOM操作计算出来并优化,由于这个DOM操作属于预处理操作,并没有真实的操作DOM,所以叫做虚拟DOM。最后在计算完毕才真正将DOM操作提交,将DOM操作变化反映到DOM树上。

7、运行速度更快

像比较与react而言,同样都是操作虚拟dom,就性能而言,vue存在很大的优势

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/416734.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

打开.tdms文件

http://www.ni.com/tutorial/12049/en/ 转载于:https://www.cnblogs.com/lovexz/p/6844793.html

“约见”面试官系列之常见面试题之第一百零五篇之v-if与v-show(建议收藏)

相同点:v-if与v-show都可以动态控制dom元素显示隐藏 不同点:v-if显示隐藏是将dom元素整个添加或删除,而v-show隐藏则是为该元素添加css--display:none,dom元素还在。 都修改为false后,第一个div是直接被移除掉了 需要…

Apache Nifi 入门与进阶 GitChat连接

NiFi 是美国国家安全局开发并使用了 8 年的可视化数据集成产品,2014 年 NAS 将其贡献给了 Apache 社区,2015 年成为 Apache 顶级项目。 大数据平台都需要进行数据流转,Apache Nifi 作为一款强大的数据流开源软件,支持大量的输入输…

“约见”面试官系列之常见面试题之第一百零六篇之css只在当前组件中起作用(建议收藏)

方法很简单,在组件中的style前面加上scoped就可以了,示例:

centos7.1 postgresql10+postgis2.5离线安装

联网环境安装centos7.1,进行下载 wget https://download.postgresql.org/pub/repos/yum/reporpms/EL-7-x86_64/pgdg-redhat-repo-latest.noarch.rpm yum install pgdg-redhat-repo-latest.noarch.rpm -y vi /etc/yum.repos.d/pgdg-redhat-all.repo 只保留pg10一段…

html中a标签如何设置行宽高

方法一&#xff1a;float&#xff0c;对a样式盒子float:left让它成浮动 直接演示一下了(实现下面页面) 代码如下 <style>#page{width:120px; /* 在外面画一个区域 */height:700px;}li{list-style:none;}a{text-decoration:none; …

maven本地库已经有的包了,如何不下载(linux环境)

maven本地库已经有的包了&#xff0c;如何不下载 到所有资源包目录下&#xff08;.jar文件同级目录&#xff09;&#xff0c;删除_remote.repositories文件 cd ~/.m2/ find . -name _remote.repositories -delete

“约见”面试官系列之常见面试题之第一百零七篇之vue的作用(建议收藏)

Vue.js&#xff08;读音 /vjuː/, 类似于view&#xff09;是一套构建用户界面的渐进式框架。与其他重量级框架不同的是&#xff0c;Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层&#xff0c;并且非常容易学习&#xff0c;非常容易与其它库或已有项目整合。另一方…

CentOS7 Ambari2.7.4编译

目录 1.相关连接 2.编译 2.1.编译环境安装 2.2.下载源码 2.3.镜像加速 2.4.大包提前下载 2.5.各种错误处理 2.6.编译成功 1.相关连接 编译官方说明 Ambari Development - Apache Ambari - Apache Software Foundation 部署官方说明 Installation Guide for Ambari 2.…

Windows消息队列一

系统消息--ID范围 0-0x03FF由系统定义好的小哦啊拍下哦&#xff0c;可以在程序中直接使用。 用户自定义消息--ID范围0x0400-0x7FFF由用户自己定义&#xff0c;满足用户自己的需求。由用户自己发出消息&#xff0c;并相应处理自定义消息宏&#xff1a;WM_USER 应用程序消息--ID范…

“约见”面试官系列之常见面试题之第一百零八篇之如何获取dom(建议收藏)

vue1.*版本中 在标签中加上eldom&#xff0c;然后在代码中this.$els.dom这样就拿到了页面元素 例如&#xff1a;<div classbox v-el: myBox>你好</div> 让你好的颜色显示为红色&#xff1a;this.$els.my-box.style.color red vue2.*版本中 在标签中加上refd…

greenplum gpfdist应用

服务启动 先试用root账户登录 mkdir -p /data/gpfdist/data mkdir -p /data/gpfdist/log chown -R gpadmin:gpadmin /data/gpfdist su - gpadmin 启动服务 gpfdist -d /data/gpfdist/data -p 9091 -l /data/gpfdist/log/gpfdist_9091.log & 查看服务运行情况 ps -ef|gre…

jQuery之效果

jQuery 效果 1)基本 2)滑过 3)淡入淡出 4)自定义 5)设置 基本 show&#xff08;显示隐藏的匹配元素。&#xff09; css代码 <p style"display: none">hello,hehe</p> jquery代码 $("p").show(); 动画效果 1)$("p").show("slow&…

申请鲲鹏920测试机试水+编译nginx

目录 1.申请测试机 2.系统环境查看 2.1.看下cpu信息 2.2.看下内存信息 3.准备编译安装nginx 3.1.编译环境安装 3.2.下载源码 1.申请测试机 申请地址&#xff1a;鹏城生态门户 https://dw.pcl.ac.cn/cloud/ 提需求&#xff0c;填写公司信息&#xff0c;申请试用三个月的…

jmeter监控服务资源

转&#xff1a;http://www.cnblogs.com/chengtch/p/6079262.html 1、下载需要的jmeter插件 如图上面两个是jmeter插件&#xff0c;可以再下面的链接中下载&#xff1a; https://jmeter-plugins.org/downloads/old 第三个是放在服务器中的&#xff0c;可在下面的度盘中下载&…

RANSAC算法在图像拼接上的应用的实现

关于算法原理请参考《基于SURF特征的图像与视频拼接技术的研究》。一、问题提出RANSAC的算法原理并不复杂&#xff0c;比较复杂的地方在于“建立模型”和“评价模型”。我们经常看到的是采用“直线”或者“圆”作为基本模型进行“建立”&#xff0c;而采用所有点到该“直线”或…

鲲鹏920 centos7 postgresql12 postgis2.5.4编译

postgresql12.2编译 依赖环境 这台机器编译过nginx&#xff0c;有一些基础环境 yum install -y gcc-c yum install -y pcre pcre-devel yum install -y zlib zlib-devel yum install -y openssl openssl-devel补充安装了readline就行了 yum install -y readline-devel 下载…

ASP.Net页面刷新后自动滚动到原来位置

在网上搜索之后总结了三种方式&#xff1a; 1.设置Page中的MaintainScrollPositionOnPostback属性为true A>.页面里有MaintainScrollPositionOnPostback&#xff0c;默认是false&#xff0c;设为true即可(页面级)<% Page Language"C#" AutoEventWireup"tr…