00:00
大家好,我是上硅谷H学科的讲师张小飞,在程序员节日来临之际,在这里我给大家分享一道面试题,下面我们来看一下,那这一道面试题呢,是让你去说一说UX管理状态的一个机制。这个是在大家去想找view开发的工作的时候,那很有可能问的一个问题,因为现在做view开发用VX基本上是十拿九稳的,对吧,好。那我们要跟他说清楚这个东西啊,有下面几个方向我们可以去说,首先呢,我们可以去说一下关于VX的一个基本理解,那VX呢,是一个专门为应用程序开发了一个状态管理的一个插件,它是一个view的插件。啊,它用来帮助我们的没有项目去管理应用中组件的状态。
01:01
那它的作用就很明确了,叫集中式的管理,没有多个组件共享的状态,以及从后台获取的数据。其实它的作用呢,跟redux基本上可以说是一样的啊。那最最关键的还是要去说清楚它的工作原理。啊,那这个工作原理图呢,那下面我们就来去画它一下啊,其实也比较简单,首先我们整体结构是两个部分对吧?啊,一个是view的主页。嗯,再一个部分就是什么VX。这个就是view的组件,那的组件可能会有多个是吧,嗯,好,那我们的VX的部分最右边的就是VX。
02:02
这个记住啊,这个包名是小写的,但是那个函数是大写的对不对,这要注意啊,好,这VX本身这个库向外暴露的是一个大写的VX啊,它本身小写的。那它里面呢,一共其实有四个组成部分,对吧?四个组成部分最基本的一个肯定就是state了,因为我们的VX就是帮我们的组件来管理状态的,嗯,这个就是state。啊,其实这个state基于state还有一个计算属性数据,对吧,就是我们的get。也就是说这个gets是从这个state里面什么读数据进行,是不是计算能没懂,而他们俩的数据给谁用啊,给组件去读是不是这么回事?那好了,那组件里面要去读状态有几种,有两种办法对吧?比较原始的是通过十多个对象点嘛,State就可以去读了,对不对?当然我们真正显示是不是点多了sta对吧?好,那下面还有一种办法,就是一种映射函数叫什么map state。
03:39
哎,这两种方式我们都可以去读取状态数据,对不对,那我们如果要去读取get计算属性数据啊,也有两种办法,是不是也有两种方法,一种是多了福斯多它一个属性叫get,对吧?再一个就是还是用一个映射函数叫map get,其实他名字都取的特别,还是比较简洁的。
04:12
这弄好。来啊,这个时候我们可以去读数据,那下面一个啊,我们可以是不是更新状态数据,更新状态数据呢,它是需要涉及到另外两个结构,对不对,另外两个结构一个叫什么action,还有一个叫mation,但是我们这里面action是不是都有可能有多个,所以它这里面叫什么action。Mutations对吧,那好了,那我们的主件跟它交互是要触发它就用吧,啊触发他用好,触发它就用,怎么触发啊,也有两种方式,一种是多了福多点despite这里原始的方式,还有一种是利用谁呢?Map actions对吧?而我们的actions会去干嘛去触发谁调用啊触发mutation调用只是说怎么触发,执行一个函数叫什么,Com对吧,而我们的mutation,某一个muation是干嘛去的,是不是直接更新状态?
05:43
这里面有很多,要是直接更新。这能懂不好,如果要再画的话,还可以画在action里面,我们可以去跟后台通信,对吧,说白了就发这请求。
06:01
啊,有后台通信这里面它其实啊有一个东西啊叫什么呢?Back API对吧,叫后台API,这个要知道就这个,而且这个箭头是个双向的是不是。为什双向,双向什么概念?就是我这个安全是发请求可以提交数据,也可以获取数据吗?能懂吧,好,当然这边啊还有一个东西。叫DVQ。D位做什么意思翻译开发什么工具对吧?开发工具,而这个开发工具会对会监视谁呢?是不是监视mutation的调用?也就说你只要执行了mutation,它就得有一个记录对吧?同时它是不是也记录了状态的变化对吧?以及该塔的变化都会记录下来。
07:02
哎,整体就是这样一个结构了。那如果大家对vvox还不是特别了解,或者想深入的去学习vvox的使用。大家可以去看一下我们的这个视频教程,这个视频教程呢啊,并不是所有的都是关于VX,这里面是63章到67啊,75章节是关于viewx的使用,以及它的原理,以及它的一个应用中如何进行编码啊的一个非常详细的教程,大家可以去看。啊行,那这个题呢,我们就先说到这里。
我来说两句