00:00
好嘞,各位在正式的学习view之前呢,我想先带着大家呢看一下官网顶部的这个导航区,为什么要看这儿呢?简单跟大家说一下view团队啊,为了让view更好用。所以说他写了一些文档,也维护了一些呢,跟view相关的周边的这些网站。随后他把文档和网站呢进行了比较合理的分类,就形成了上方这么一个导航区,如果你对导航里的各个分类啊有所了解,那么你找东西的时候就不再盲目了,你就知道,哎呀,哪些东西大概应该出现在哪个分类里,好吧,所以说有必要我们去简单聊一聊,首先看第一个大的板块叫学习,学习里边有两个特别重要的分类,一个是教程,一个是API。可以这样讲啊,教程和API是所有这个导航里面最重要的两个,也是我们在学习的过程当中啊,总要打开看的东西。首先说第一个教程,这个教程呢很简单,就是view官方出的让你入门view的这么一个小文档,按照他说的一步一步来,诶就上手view了,在这儿呢,我们就不再打开看了啊各位,因为在下一小节啊,我去给大家讲第一个V小案例的时候,我们就得打开这个教程去看,好吧,哎,那这个就过了,我们再说说第二个API这个东西怎么理解呀。
01:29
它是一本view的字典。嗯,字典什么意思呀,咱想一下你书架上放那个新华字典,不会的字找字典,那么在编写view的时候遇到了一些不会的方法,那怎么办呀,就去找API,我们简单的打开看一下各位。先找一点大家能够看得懂的,你就比如说咱看这吧,就挺有代表性的,你发现红色框里的东西都在告诉你什么。好像都在告诉你view身上有哪些有用的属性和方法,对吧?那至于说这里边哪个是属性啊,是属性还是方法呀,咱现在也不知道对吧,只是能看出来,诶,他在给我罗列这些东西,哎,那当然这里边还有很多很多,所以说API啊,我们是在编码的时候遇到了一些不会的东西,我们来这儿查阅一下,我们写着写着案例做着做着功能自然而然的呀,就把这些东西就都记住了,而不是在最开始,你从这第一个开始一个一个往下背,那绝对不是一个最合理的学习方式,好这个呢,就直接过了啊,以后不会怎么办,找API啊,或者说教程里面的所有的一些案例啊,所有的一些方法的调用啊,其实都在遵循API里的规范,好,那我们再说说第三个叫风格指南,在这个里面呢,View会教你如何写出更加优雅的代码,我们点进去大概看一下各位啊,来走。
02:59
风格指南,它这里说了,这是一个官方啊,出的view特有的风格指南,比如说你写的如果是Java,是react,你不能参考这个啊,人家只能是针对view的,好,然后呢,他说的也很谦虚,你看这儿啊各位,他说不过我们也不确信这份风格指南里所有的内容,对于所有的团队和工程咋的都是理想的。
03:26
他的意思是我觉得这样做挺好,我把我的这个推荐告诉你,但是如果你觉得你的团队里面不是这种风格的,那你也可以不采用,所以说你看后半句话,他说允许你根据过去的经验,以及你在用的周围的技术站,还有自己,你一些自己的这个编码价值观,你去做出一些什么呀,有意义的偏差。比如说举个例子。人家推荐你啊,写三个问号,就说这意思啊,那可能你根据你团队里边这个编码的特点,以及你用的周围技术站的特点,那有可能你就写成了这种形式,问号前面加个景,再写三个,那你说是吧,这就是啥有意义的偏差,你能跟人说明白为什么要加这个,这就是有意义的偏差是吧?然后啊,他也把这个规则分了几个类。
04:15
优先级为A的就是必要的,啥意思?你不这写不行,可能会报错,那强烈推荐同学,他也是推荐吧,我强烈推荐你这样做,举个例子,我强烈的推荐你去在我这办个卡,那你也可以不办对吧?哎,还有再弱一点的就是推荐,还有一个就是什么呢?谨慎使用,啥意思呀,就是你悠着点,你这么用啊,可能会出毛病,对吧?所以说同学这样说啊,自己呢,暂时下去先不用看这个风格指南,因为风格指南你想通读这个东西,必须保证你把U所有的这些写法都学会了,我也尽可能在我的代码上往他这个风格指南上靠,让大家听的时候,不知不觉已经把风格指南渗透给你了,我们再往下看示例,这个示例呢,点进去我们大概瞧一眼就是官方啊。
05:06
给我们写了一些例子,比如说我们看一个啊,比如说第二个案例,因为第一个时态它是没啥意思,看第二个啊,Get up提交他做了这么一个案例。首先一上来呀,选择的是master。他在下边展示的也是view这个库在主分支上,诶每一次的提交记录,当你点击div的时候,下边这个列表是不是就变了呀,那怎么变的呀?发送网络请求,找到github的服务器,把这个东西要回来的,说老师,那我再点这儿呢,那就回来呗。说老师只有效果,没有代码,其实有代码在这儿,鼠标放在这儿,变成这种双箭头的形式,摁住走,同学他就会告诉你了,每一个文件你都怎么写,就能出现我刚才那效果,这个案例非常的简单,各位等咱们学的差不多的时候,你自己可以回头试试这个啊,我们做的那个可能比这个要难一点啊。好了,同学们,这示例呢,就说完了,再说说这个cookbook,这是干嘛的呀?简单说这词直译过来有菜单食谱的意思,但是在这里他所想表达的就是view在教你一些编码的技巧。
06:18
这个技巧啊,可能是两方面的,第一方面呢,就是你GS的基本功,那第二方面呢,那可能就说针对人家给你设计的一些小技巧,就是东西你学会了,功能你能做出来了,但是不见得你的代码就是最好的,你没有利用一些技巧,你比如说可能你代码写的太复杂了,你方法也没做封装,对吧,所以说我们点开看一下啊,Cook book走,然后呢,他一上来啊,就告诉你cook book和指南有什么区别。指南啊,是他告诉你这么写好,那么写不好,而cook book有一种感觉,他在教你技巧,哎,就开玩笑的说,他在教你做事儿,你比如说同学,我们随便点一个啊,比如说看这。
07:00
添加实例属性,点击,如果你的原型还可以,这句话你明白啥意思?我在V的原型对象上追加了一个属性叫Dollar APP name值呢是一个字符串。那我这么写意味着什么呢?就意味着由这个人所缔造出来的实例对象都能通过圆形链找到他去用,对吧?那你看上面它咋说的,说你可以通过在原型上定义它们,使其在每个view的实例中都可用,同学,咱们早就会这种方式,对不对?你用我用大家都用的,那放哪儿,放圆形上呗,所以说你看这不是一个技巧吗?哎,OK。说老师呢,这里的东西怎么说呢,同学我在编码的时候也尽可能的采用他这里边推荐的技巧,哎,再说这儿这儿啊,就是跟V官方呢有合作的这些视频教程了,前两个是英文的,是国外的网站,最后一个呢是中文的,大家呢,自己在课下呢,也可以去看看人家其他的教程,那我们再看这个生态系统啊,生态系统里面啊,同学先说说不重要的啊。
08:13
帮助和信息,这个呢,下去自己了解了解就得了,就比发展到如今同学他有自己的论坛,他有自己的聊天室,他有自己的聚会,哎,这论坛就有点像啥呢,百度贴吧,那就有点类似于那种感觉,然后信息呢,就是每隔一段时间VIVO都给你推送点小周刊呀,还有这个,你比如说VIVO的未来的发展路线啊,VI最近有哪些活动啊,推特主页啊等等这些吧,自己可以看一下,然后呢,咱们再说说这儿啊各位就是工具和核心插件,哎,这里边的东西啊,对于我们来说还真挺重要的,你比如说随便说几个,比如说这个各位。你说我们在最开始学的时候,你肯定得在HTML页面中引入v.JS,然后去编写view相关的代码,你说对吧?但是你可要知道啊,以后咱在公司里边干活可不是这么玩儿啊,咱得用一个比较高端的这么一个平台,叫脚手架。
09:11
那脚手架怎么用啊,那你看就得参考这个选项了啊,然后你比如说我们后期学到路由啊,就得用view roor好吧,所以说同学红色框里的东西挺重要的,但是暂时还接触不到,哎,我们整个这个课程的后期会用到,好了,再说这个团队,你可以点进去大概看一下,那打头的一定是这个作者尤雨西是吧?哎,那剩下别的人呢,那就是,呃,怎么讲不是不重要啊,在团队里边应该也挺重要的,能出现在这里边的都挺重要的啊。再说这个资源列表,资源列表里边前两个我就不再点了,合作伙伴那就你看看呗,谁跟维有合作呗,主题就是他帮你写好了一些这个样式和结构,咱看一眼啊,看一眼打开主题,你比如说诶老师这挺好的,行,你拿回来结构样式都有了,你自己往里边加你的组件就得了啊,当然这里边它有一些是收费的。
10:03
说老师那你说这收费的,哎,就这说吧,在国内啊,我们有更加优秀的方案去替代它,而且是免费的,所以说这个呢,用的不多,哎,这个我跟你讲啊,挺有意思,各位这词儿啥意思,大家有知道的吗?Awesome,前一阵这词多火呀,Awesome view awesome这词什么意思呢?直译过来啊,有令人惊奇的了不起的这么一个意思,那在这个了不起的view这个分类里面,它写了什么呢?同学,点开。这时候呀,你发现它跳到了一个github的地址,而且你往下滚动的时候,你在瞄着右边的滚动条,你发现这滚动条啊,它可是挺长的。老师,这都是什么呀?说一下view发展到如今啊,有很强大的生态,你比如说举个例子,各位写着写着view啊要做报表,报表啥意思呀,就是你给人家形成一个图形图表,让人家一看就知道每一个衣服,每一个鞋库存是多少,本月销量是多少,哎就类似于这种同学,哎,写一个这个东西,然后这是。
11:11
哎,一个小柱状图,哎,报表吗?那怎么办呀,一般我们就用一些什么呢,成型的第三方库去做,但你要说老师我能力足够强,我自己纯拿GS,拿convers画,封装出很多有用的方法行不行啊,那当然可以呀,对吧?哎,那一般来说呢,我们就借助什么呀,第三方库啊,去生成这报表了,你比如说我现在就要玩报表,那你往下找有这么一个选项,各位啊,叫char。Char什么意思?图形图表点击char。这个时候你所看到的所有东西都是view官方觉得还不错的view的周边库。那这些库都有一个共同的特点,能实现什么呢?报表,那你看有多少,特别特别多,比如说我们找一个比较知名的,就是这个。
12:01
VIEW1叉S,你用这个也行啊,或者用E叉V3也行,这还有一个叫做view叉S,点开走,然后在这里边呢,你就跳到了这个views这个网站,然后呢,他就会教你了,哎,这个库呢,怎么怎么用,里边给你提供一个DEMO,哎这儿呢,你看示例完了你点进去。这边告诉你代码怎么写,写的当然是view的,你看这边报表就出来了,而且呢,有很强的这个交互性,你看对吧?哎,这些东西行了,同学那周边库那可真是说不完的,一堆一堆的对吧,所以说同学明白了吧,Awesome view官方给你整理的一些比较好用的包就OK了,还有一个选项呢,就是浏览和view相关的包,跟这个呢差不多啊,只不过这个效果能好一点,你点进去看啊,其实它跳到了一个特别好的一个网站啊,叫做awesome GS。啊,点D后边是不是写了一个for view啊,那意思就是你在这儿看到的东西都是跟view相关的,你比如说是这个。
13:00
饿了么团队出的做UI组件库的,我们也会讲到,如果你把这个view啊,同学你给它改成react,那其实它就变了走。你这看到的所有的东西都是跟什么呢?React相关的,你比如说学过react的同学知道这个吧,知道这个吧,React是不?哎,好了回来各位,所以说这个资源列表里面,这个对我们的帮助还是挺大的,能看看官方推荐你用什么库做什么功能好了,剩下的这些。你像支持VI啊,啊怎么讲,你自己就去看一看吧,V毕竟是一个开源免费的框架,如果你觉得它设计的还不错,诶如果你还不差钱,那你可以给他打赏一下对不对,一次性赞助啊等等这些你自己去看一看,或者是你买它一些周边的这个贴纸啊什么的是吧?哎,多语言那就不说了,同学你是哪个国家的人,你一点日本语,那整个官网全都变成日文的,那这参与翻译呢,就是如果你觉得你的外语还不错,可以为官网贡献一份自己的力量,帮着他翻译翻译文档,好了各位,那咱们就把官网啊,整个导航区大致的呢看了一下。
我来说两句