1.前端工程师的职责是在合适的时候发出合适的请求,把数据展示在合适的位置。
2. Vue是构建用户界面的渐进式JavaScript框架,构建用户界面:就是把拿到的数据通过某种办法,变成用户可以看见的页面!渐进式:Vue简单应用需要小的核心库,--->复杂应用,可以引入各式各样的Vue插件
3.尤雨溪开发的。。。后起之秀,生态完善,已经成为必备技能。
4.特点:
①采用组件化模式,提高了代码的复用率,且让代码更好地维护
我们通过图片可以看到图片中有三个模块,我们把它们分别分装在不同的.vue的文件里,他们是独立存在的,并且每一个里边都有html和CSS和JS文件,这样形成了一个组件化,而提高复用率是因为把它们放在了一个大的文件下如果有人要用的时候,直接调用.vue文件就行了,更好文虎是因为独立存在,修改一个的如html是不会影响其他的,不光方便了自己,也方便了他人,何乐而不为呢?嘻嘻嘻
②声明式编码,让编码不需要操作特别麻烦,操作不熟繁琐,大难的JS里的DOM,几句更为简简单单的代码就能使我们,达到想要的华丽的效果,提高了开发的效率,这个也太太厉害了吧!
举出一个小小的例子。
如上图,如果我们想要实现将我们所要传的数据以li的形式动态的存储到我们ul里面,要是我们运用以前的学习JS的知识,我们可能使用的是下面图里面的第一个图的指令,首先建一个空的字符,然后进行遍历,然后获取元素,然后修改内容(也就是填入内容),我们把这个叫做命令式编码,就是说必须得一步一步的走,按照顺序走,少了哪一步都不行的,就如同喝水,我让你去拿水,我命令你首先站起来左转出门看见热水器开始接水,而我们的Vue则是像第二张图里说的,虽然也是做了类似操作,看看就是几句简简单单的编码就可以实现相同的效果,但是需要做的事使用Vue里边的一个指令。如v-for,就好像我嗯嗯几声你就知道我口渴了,就直接去打水了,心有灵犀一点通。非常的方便快捷,提高了效率.(想要玩的6那我们就要去学习Vue里面的指令)
③使用虚拟DOM+优秀的Diff算法,尽量服用DOM节点
原生JS的使用我们可以看到,如果刚开始的数据是固定的,那也无可厚非,直接按照步骤一步一步来是可以的,但是呢,如果我们发现我们要对数据进行更新,需要加入数据,那后面的操作就会出现我们新的数据会对前面的数据进行覆盖,前面的数据就是没有用的,复用率特别的低,然后如果我们可以在编写一些代码进行优化和过滤,1是特别的麻烦2是数据多的话可能会崩的,
所以我们Vue引入了虚拟的DOM
Vue首先会把我们的数据变成一个虚拟的DOM然后转化为我们的想要的真实的DOM节点,可能我们会觉得好麻烦,但是我们如果面临着需要添加新的数据的话,那么我们会发现会出现一个完全显得虚拟DOM是完全新的,相对于以前旧的,但是能为了提高复用率我们引来了Diff比较,他会把旧的和新的进行对比看看大兄弟咱们有没有相同的,有相同的那咱们就用一个吧好的。