【Web开发】探索JavaScript框架的基础知识

JavaScript框架。

哈喽，各位小伙伴们大家好，欢迎来到前端课堂。这节课来讲解JavaScript的简介，让我们再深入的了解一下JavaScript。其实这张截图就是从JavaScript的官方文档中截图下来的，它的最大的点就是鉴定点的JavaScript框架。当然下面这些易学易用、性能出色等等也都是它的优势了。

JavaScript这个发音有人也称为Vue，就是拿每个字母来读，但是正常就读Vue就行了。它说类似Vue读音就是一模一样的，是一款用于构建用户界面的JavaScript框架。它基于标准的HMCS和GS的进行构建，也就是说学习起来比较简单，只需要会HMCS、GS就能学习Vue了。

并且还提供了一套声明式组建化的编程模型。关于什么是声明式，什么是组建化，后续在学习的过程中大家慢慢能体会到，尤其是组件，这个真的是非常大的优势。而目前的框架基本都具有这个功能，它可以帮助快速的开发用户界面，这就是它可以提升开发的时间成本，提升开发体。无论是简单的复杂的页面都可以胜任，这是JavaScript的优势。

所以现在JavaScript写项目的比较多了，无论是后台管理系统还是前端的站点都会采用JavaScript来进行实现，比较方便，包含移动端，页面也有用JavaScript来进行实现的。这里边最大的点就是可以看到这三个大字：渐进式。

有同学不明白老师什么是渐进式框架，接下来就用官方的介绍来给大家描述一下。JavaScript是一个框架，这毋庸置疑也是一个生态。关于生态这个点我想多说两句，什么是生态？如果JavaScript框架就只有它自己本身没有额外的一些支持，我指的额外支持是没有作为开发者的支持，没有一个环境，没有一个圈子去支持它，JavaScript框架是火不起来的。

之所以它能火起来就是JavaScript本身这个框架很好，就是它有很大的优势很好。其次大家对于它非常认可，认可它之后就会在这个JavaScript的基础之上去做很多针对于JavaScript框架才能用到的组件或者叫插件。

比如给大家举个例子轮播图，如果JavaScript框架非常好，但JavaScript会帮你去实现一个轮播图功能吗？不会。但谁会？作为开发者的，我们会实现一个特别好的轮播图，把它上传上去，作为其他开发者也可以去把别人实现的轮播图直接下载下来，放在你的项目当中就可以直接使用，你不用自己再写一套了。

这就是我们所说的生态，它的生态已经非常完善了，非常强大。所以它说vivo现在既是一个框架也是个生态，而且vivo提供的功能也比较多。不仅是vivo本身，它还提供了路由，就是来做页面跳转的管理页面之间的关系的，还提供了数据管理方案。

比如说以vivo 2是vivo x，vivo 3是平安雅，这些都是帮我们更好的去做开发的。它还提供了很多，比如说国际化的一些包等等非常多。还有一些ui组建库、eleven ui、anti、want以及on the zion等等，所以说它是个生态。

而且大家日后要想明白一个问题，什么问题？一个框架或者说一个技术它是否能火，它的生态决定了它是否真的能火。生态非常繁荣，那它一定会火。如果生态圈中连大家讨论都没人讨论，那这个东西基本上不会火了。

大概这样，其功能覆盖了大部分前端开发常见的需求，但外部事件也是十分多样化，所以不同的开发者对于这个实现也不太一样。所以他说外部上构建的东西可能形式上、规模上都会有很大的不同点。

比如说你是移动端的商城，它是后端的管理系统，这是完全不同的对不对？所以他说考虑到这一点，vivo的设计非常注重灵活性和可被逐步集成的特点。其实它这个可被逐步集成就是它的渐进式的框架的优势。

什么意思？就是我可以在完整的项目当中去使用vivo，我也可以在其中某一个功能上去使用vivo，甚至我可以只在某一个html页面中去使用vivo的某一个功能，这就是渐进式可以很低端的，就是可以很简洁的使用在一个页面中使用，也可以在一个功能模块中使用，甚至可以在整个项目中全用vivo来构建。

所以说这是它渐进式的特点。根据你的场景需求，他说可以将vivo分成以下几种使用方式。

·比如说第一种就是无需构建，无需构建步骤渐进式增强的html。所谓的就是渐进式增强的静态的html就是在你的一个html文件中去引入vivo，就这么简单。你也可以把它当成一个组件，然后引入在一个功能当中，当成一个功能来引入，甚至可以整个项目创建成一个单页面应用的形式，然后去使用它。

·什么是单页面应用spa？就是整个项目就只有一个页面，那页面中如何做跳转？页面中内容怎么展示？它是通过更换页面内容，就是在一个页面中一直不断的更换内容，让你感觉是很多个页面的样子。这是现在比较流行的，它也可以有服务集团渲染等等。

这些后续我们再慢慢讲，这些我就不说了，就是说你要知道vivo是一个，渐进式的框架。它的优势就是可以在sml页面中使用，单独的页面中使用也可以把它某一个功能提取出来，用 vivo 来实现，甚至可以整个项目完全用 vivo 来实现。

当然日后的开发是第三者，就是完全整个项目都用 vivo 实现，这是比较常见的或者说这是需求，正常应用都是这个样子的。

接下来要给大家聊一聊关于 vivo 的版本问题，因为这也是大家比较关心的，之前也是录了很多很多视频，但是版本比较老，所以现在做更新。

来说 vivo 版本，目前在开发中 vivo 有两大版本，分别是 vivo 2和 vivo 3，老项目一般都是 vivo 2的，为什么？因为老的项目可能持续了半年、一年、两年，这些项目出现的时候 vivo 3还没存在，还没有，所以它用的是 vivo 2的版本开发的，而现在的新项目一般都会选择 vivo 3来开发。

本套课程讲解的是哪个版本是 vivo 3的版本？有同学说老师，那 vivo 2怎么办？不要急，因为 vivo 3涵盖了 vivo 2的知识体系，就是说你把 vivo 3学会了 vivo 2你也就会了，但如果你只学 vivo 2 vivo 3你是不会的，为什么？因为 vivo 3增加了很多新的特性，所以说大家不用考虑说老师我们讲 vivo 3的 vivo 2怎么办这个问题，只要我们讲了 vivo 3 vivo 2也涵盖在其中了。

这就意味着无论是咱们在公司工作中是老项目还是新项目都没有关系，你都可以胜任，都是可以的。这是我们来描述 vivo 的一个版本的一个主要原因。

这里再给大家介绍关于 view 的官方文档，大家怎么去找官方文档？它的官方文档叫 cinder view gs.alg，这里加一个点在这里，官方文档，我也希望把这个给大家放在这里，别大家地址到时候还不知道 vivo 的官方文档是什么，前面有个 cn，其实在官方文档就是 vivo gs的奥格前面有个 cn，cn 是什么意思？中文的。

当然有同学说老师我想看英文的，那你就把 c 音去掉，访问的他就是个英文的，我个人肯定是看中文的了，为什么我英文又不好，是不是？在座各位英文好可以看英文的，也是锻炼自己的英文阅读文档的水平，因为其实很多框架很。这个技术、知识第一手资料基本上都是英文的包含。

view，开发者是中国人，第一个版本提供的仍然是vi，仍然是英文的，为什么？因为它针对的不只有中国，还有很多其他国家，毕竟英文现在是什么？这世界统一语言，所以如果大家能读得懂英文建议读英文，如果英文对你学习来说是个障碍，那就先看英文，中文会了之后再慢慢去琢磨英文版本对应的描述，对不对？

这是它的官网，默认的就是已经三的版本了，如果大家以后想看二的版本，点文档这里也有个二的版本，也是可以看的，这是它的官方文档，也给大家放在这里了。

关于vivo这个简介说到这里就可以了，本节课主要了解了三个点。

·第一个点就是关于vivo的一些描述，就是这里面的一个简介，它的读法等等。

·第二个就是为什么它叫渐进式框架？也刚说了其实就是atvo页面中也可以使用，单独一个功能模块也可以使用，完整的项目用vivo也可以，它是逐渐增强的一个过程。

然后它有两个大的版本，也熟知了有vivo 二的版本、vivo 三的版本，如何去判断？日后创建好项目大家就能判断了，我会告诉大家如何去判断这是vivo 二的版本还是vivo 三的版本，不要急。

关于vivo的简介就说到这里，感谢各位聆听，下期再见。