00:00
大家好,我是学习园地的特约讲师高国峰,从这也开始,我们开始学习前端非常流行的一个框架VIVO,目前VIVO的版本呢,已经从VIVO2已经升级到VI3了,所以呢,咱们的课程都是基于VI3最新特性开始进行讲解,那在学习VI3之前呢,大家一定要有像HTML的基础,CSS的基础以及加速块的基础,当然了,呃,我们在VI里边使用的是虚拟盗墓,你可以没有井块的基础。还需要有什么样的基础呢?就是咱们前边的课程里边介绍过的。比如说你得有NPM这个包管理工具的应用基础,还得有外派我们编译打包工具的这样的基础,以及要了解javascript的最新的语法规范,也就是ES6的语法与应用的这样的一个标准,还要有异步网络请求的XO这样的一个使用基础,那有这些基础之后,我们不光是学习会有学习react,学习安拉JS,学习微信小程序,我们都可以节省一半的时间,而且让我们学习变得更轻松,所以呢,建议大家在学习。
01:06
这节课也就是will之前,我们一定要先掌握好这几个基础,那大家有可能也看过其他的一些课程,其他课程呢,像那些基础呢,都是融在VI框架里边,或者说爱的框架里面,那这样呢,就给我们学习带来很大的一个呃烦恼,有的呢,贵了这些基础,那么还要去重复的去适应这样的一个基础,另外呢,我们应该把精力放在will的这样的语法上,而不是说在学习will当中,我们穿插一些基础知识,这样的话可以加大VIVO的学习的一个时长,如果我们把前面的基础都已经打好了,那我们在学习VIVO的时候,我们就会变得很轻松,那学习的时间呢也会大大的缩短,所以呢,咱们应该尽快的掌握VIVO,然后呢,投入到生产生活中,用VIVO开发我们的项目。目前呢,VI也是我们目前前端开发主流的一个框架,也就是不管你是求职面试还是各大公司的应用,现在几乎写前端代码都是基于will的,那咱们基于view的一些特性,咱们再逐渐的看,那主要是我们这节课来了解一下will我们需要学习什么样的内容。
02:15
那学习VIVO全家桶,首先呢,我们就得学习一个框架,之前我们得了解这个框架是做什么的,它有什么样的特性,为什么我们应用它,这是我们要认识VIVO,然后在学习之前呢,我们要体验一下它有什么功能,它和我们以前的用的那些库,比如说解块RY,它有什么样的一个区别,这就是我们得出体验安装和使用。然后呢,我们既然学过了外派克,那我们直接就先上脚手架,因为我们开发过程中直接用的就脚手架,而很少使用CDN引入的方式那种方式去开发,所以呢,我们就直接按照我们实际开发中应用的过程以及它的顺序我们去学习,通过脚手架,就像我们外派C命行的那个工具一样,通过脚手架帮我们把一些编译打包的和一些呃,View。
03:01
相关的一些环境都给我们建好了,那有了脚趾架的应用,那我们直接就可以快速的上手学习微友按照标准开发流程,而不是使用CDN那种方式引入,然后去使用的那种,那大家要知道学习的顺序,既然我们实际开发中用的是这种方式,那我们学习的时候一定要先学习这种方式来使用,不然的话你通过普通的方式,你还得先学完之后还得转向教师架,是比较麻烦的。这是我们的一个学习的一个过程,然后呢,我们有了脚架基础,我们在脚手架基础上再开始体验完之后有脚手架我们再开始讲解没有的基础语法,因为它是一个框架,框架里边呢也包含一些语法,比如说像呃绑定啊,数据绑定啊,对吧,像循环依附语句这些呢,都属于一些语法,那我们具体到基本语法的时候,我们再详细讲解,这里就不多说了。那我们既然VIVO是一个前端的框架,那只让我们将精力关注在我们前端开发上,也就是页面开发上,那当然不管你是呃响应式的布局,还是呃单独的APP,这样的话,我们VIVO当然都是支持可以开发的,那么它是前后端分离的开发模式,所以请求呢,咱们前边在基础部分也学过了阿奥斯这样的一个,呃,类似于阿贾克斯的一个工具包,那我们在这里边呢?
04:16
嗯,在V里边我们会新封装一下它的一个请求的方式,然后用我们重新封装的代码在VIVO里边使用,啊,将我们的数据摆放到用没有将我们的数据摆放到页面上,是这样的一个过程。这就是呃网络封装的一个过程,那网络封装呢,其实你也可以把其他的都学完再用,因为我们就是因为有处理数据在前台,在页面上去使用的嘛,所呢我们先了解网络封装还是很有必要的,所以呢,我设置的课程顺序是按照实际我们生产中讲解的呃应用的顺序进行讲解的,所以呢,按照这个顺序学,对你掌握没有快速入手还是非常有帮助的。然后我们才是组件开发,组件开发里边用的数据可以是服务器端监控景观,景观的数据就不一定非得是我们模拟数据了,但是在开发中呢,我会模拟一些数据。
05:05
代表是其他的一些功能,那其他一些功能呢,也是非常重要的,比如说路由的应用,这是像我们用几块那种盗的开发方式是不具备的,那么像v act这样的,呃,成为真正的前端框架上,那我们才需要用到的,那通过路由我们去访问服务器的不同的一些接口,然后展示不同的页面,对吧,就跟我们后端用的路由概念差不多的,只后它在前端使用,在请求之前,我们通过路由在访问后端的某些数据,是这样的一个过程,然后呢,还有是呃,VIVO X。这个干嘛的呢?这个专门做状态管理的,也是非常有帮助的,那现在呢,我也不多说,因为呢,咱们还没学组件,如果学组件的话,多个组件,多个页面之间那一些数据的共享怎么办呢?就得用它来解决,再有呢,我们会接触什么?啊,在整个课程讲解的时候呢,我尽量都会用到VOE3的新词性,当然了,VIVO e3和VV2它主要是也增加了一些新的功能,最主要是在性能上去给我们增加,在应用程上变化不多,在课程讲解每一个阶段的时候,遇到新特性呢,新加的语法我都会讲解一下,那如果不遇到新的语法里边的一些特性的时候,那咱们就略过不说,因为这些东西呢,是封装的框架底层的咱们是看不到的,那不用说在版本特性增强了,那你大致了解一下VIVO的几个特性,比如说嗯,VIVO3它跟V2之前的版本比呢,它比如说更快了,那也就是它将那虚拟倒M的方式重写了,比如说优化了组件中的插槽的一些生成,还有什么,呃,静态数的一些提成,静态属性的提成等等,还有显示是系统的这些,呃,属性绑定的代理的这样的一个提成。
06:36
另外呢,呃,新升级的我们的VIVO呢,它的体积比VI2体积怎么的更小了,比如说通过我们前面讲ipad用用了一个插件,就是树苗的插件,它优化了核心的一个体积,把一些用的很少的重新改变,然后把一些根本用不到的代码给删掉,所以呢,体积更小,那我们在前端应用的时候想想我们一定是在生产环境中会用到会有这个框架,那它本身呢,我们应用的时候,它是个库,会带到前端去使用的,所以体积更小。那我们的。
07:04
呃,访问速度肯定就会更快,另外呢,它这个模块化,它又优化了,使我们更容易维护,另外呢,它也更加友好,比如说编译器的核心的运行时,那核心呢与平台无关,可以跨平台了,使的vie更容易与任何一个平台,比如说外B安卓啊啊iOS啊一起使用,这样的话让我们VIVO去呃开发这种外卖APP对吧,或者直接打包成原生的那种APP,使我们怎么的更加的容易。另外呢,呃,VI3它更容易使用了,你比如说改变了,改进了这个SC的一个typescript的一个支持编译器呢,能提供强有力类型的检查和错误的一些警告。那在我们调试程序的时候呢,他又得到了更好的一个支持。另外又加了一些独立的什么响应化的一些模块等等,又增加了,当然还有增加一些其他功能,这都是V3的一些,呃,新的一些特性,当然了,最主要是优化的东西比较多,那我们在使用的时候呢,那能看得出来在哪优化的不多。
08:03
不是像我们说了,有的版本增加是加新的功能,它原来的功能已经,假如说已经很完美了,对不对,那需要一些其他的功能解决,我们用的上一些第三方的一些插件也可以解决的,但是呢,性能的优化就得靠咱官方底层帮我们来优化了,是这样的。然后呢,我们会用前边学过这个,当然了,如果想把微微熟练使用,一定得投入到项目中去,所以呢,我们学完这些会着手做一个项目,做一个项目,尽量做一个完完整整的一个项目,然后呢,让大家体验一下物的使用,当你前面的基础学完,跟着我把这个项目完完整做出一个项目,那其实你就可以呃通过微友去找一份前端的工作了。去找一份前端工作,而且薪水还是很可观的,所以呢,如果你还是按照以前的那种用倒几块肉的方式,那有可能现在已经呃,在求职的时候就不具备太多的竞争优势了,而你如果会没有,特别是会没有三这样的版本,那你在面试求职的时候呢,竞争的优势还是比较强的。
09:00
另外呢,我们VIVO使用的呢,我们都是法国编译也好,或者是渲染也好,它都属于前端渲染的,那我们还会做完一个项目之后,我们才会学一个在VIVO基础上又封装的一层的框架,基于SSM的这样的框架,就是在服务器端可以渲染的,那这个具体为什么说,什么是客户端渲染,什么是服务器渲染,咱们再到服务端渲染学,这个时候再详细说,只要大家了解。那我们在实际开发中,除了用view框架,我们最多的是用这个框架再去应用基于它的框架呢,那虽然这个框架呢,那这个框架也具备,因为它是在view基础上用封装的,那这个框架呢,呃,不光是支持服务平台渲染,也支持VI,有像路由啊,像这些功能啊,前面咱说的这些功能它都支持,都会重新打包到这个框架里边去,那我们在这个框架学完之后呢,我们还要练习一个项目,或者是我们把原来用没有原生没有编写的项目,用这个框架再重新去改写一遍,是这样。也就是实际在工作中用这个框架做项目,因为它是相当于VE前面封装一层的,用这个框架做的项目的几率会比原生VIVO的要高得多,因为它支持服务器的信任。
10:05
这就是我们学习VIVO要学习的,呃内容那指的是全家统一中VIVO的全套的体系,咱们都去接触,当然了后边还有基于VI有封装的很多框架,比如说开发单独呃外BAPP的这样的框架有很多,那咱们在后边课程里边呢,也都会讲解,那在这次的VI课程,咱们就讲VIVO本身的这些功能就可以了。好接大家这节课呢,我们就介绍一下我们will学什么。以及他的咱们的大致的一个内容。
我来说两句