vue datav使用教程
粉丝1389获赞6452
相关视频
01:45查看AI文稿AI文稿这个页面是不是写的可复杂了？不是，就是我看到一个对台位这么一个组建库，你看这个效果啊。嗯，其实像实现这种很简单，他就有类似于提供的这样的，你看是对台位这么一个给予 vivo 的一个 专门用于构建这种大屏可视化的这种，这个组建库你知道吗？他这组建里面有有 lo 顶，有边框啊，你看他这，他这边框给你提供了各式各样的边框，你要实现这样的边框，其实只只需要加这么一个样式属性就 ok 了， 对吧？你看这这样一个标签就直接是不同不同写不同的资金标签就可以，不同的样式边框上是，那就是我需要什么直接把他那组件拿过来改改就行，你看我刚刚才那个呆萌，对吧？嗯，他就是用这么多拼起来啊，包括各种图 表，你看各种表盘，你看这种这种图，这还是动态的效果，对，所有的都有。所以说你说啊，其实现在的开发 不是说是所有东西你都是同流血，你比如说像这楼顶，对不对啊？你比如像是柱状图这些东西，不是说你同流一个一个写的。就假如说公司有这样一个，比如说要做类似这么一个大的这么一个可视化的一个项目，对吧？嗯， 开机完全你就可以利用开源的现有的，这么对，他为这么一个组建库来实现引进去，然后你看他要这如果公司的项目里边有这么一个表，对不对？那你就引他这个组建，然后把你们的数据接进去就会开了。也就是说我们的开发其实都是 基于限额好的一些开源的组建开发，这样的效率会更高更快，而不是说从 h 天猫 css 开始一个一个写。
8451前端盼哥
11:07查看AI文稿AI文稿好，接下来我们来看一下 vo 办的和 vo 的用法，那我们在哪地方？我们在这边写一个 vo 办的，让我们复制一个零三， 那个是无忧拌的 和 vivo 邦的用法， 那我们在这边就在写那写的时候，那这边我们来把这个怎么，把这个删除一下， 在引路的时候，那现在我们只要来学习一个什么，我们在这边写着一句话， 比如我们这边给他一个硬扑腾， 那音铺的时候，它里面 tipe 我们等于什么？等于八 t， 然后我们第一呢？歪顶等于什么按钮，那我们给他一个 top， 那他特殊等于什么呀？等于我们的一二三一二三四。那我这边写一个什么？我们在这边写一个低音的一个呆特数据，那呆特数据就是 mai 抬头 抖音，什么抖音无忧学习 那我们首先来看一下他这里面这个页面，那这按钮，那这边是他头是不是下面是 一二三四，是不是一二三四，下面的时候这个是不是一二三四，那现在我想干嘛？我想把无忧学习，然后把一次换成什么？把一二三四换成无忧学习，那现在干嘛？我们在塌头里面是不是可以直接写上蚂蚁塌头呢？那我们来看一下，它可以直接换成蚂蚁塌头吗？ 再看这边是没有，那边他就把他当成一个什么，你输了一个变量，那我现在输出了一个值，那我现在现在数想让他当成一个什么 变量，那怎么办呢？那我可以用这里面写一个什么，我们可以直接用什么为由办的，办的时候就相信什么，我来绑定你的属性，那这边就是什么属性的时候，抬头就相信什么我爸什么呀，把这个属性，那就 就是相应什么迈脱开脱，取出它变量，然后给什么，给这个开头就是微半的时候就是相应什么提供绑定属性的指定，就是把这个值绑定给这个属性。那我们再来看一下 是不是微游学习，是不是改变了。那这里面就是什么呀？微欧半的，他是微欧中提供用于绑定属性的指定，把它里面这个词变成什么变量的。 好，那这边我们注视一下。那描述他是什么？唯有伴， 他是什么？是 vivo 周。然后我们提供的什么 提供的用于绑定属性的指定。 那绑定水的时候他可以写什么？他可以写对应的液结实代码，可以写结实代码。那结实代码的时候他可以翻译一声你比如我们这边我们可以写成什么？加上一个一二三。我们来看一下，他会加上一二三四吗？ 他就像解析书，解析书这个 matter， 然后再加上一二三四，就相信是一个结实代码。那我们来看一下， 再看是无忧学习，然后加一二三四。他是可以干嘛？可以写合法一些什么 gs 表达式。 好，那我们可以什么？我们可以把 vu 半的钢筋剪写， vu 半的剪写就是 vu 半的是可以剪写的。那剪写什么？ 机械声， 我们的冒号，那就像什么大规范的去掉，直接像什么 加冒号，我们来看一下是不是可以，是不是也可以。那这边就是我们的无油半的一个学习，他可以写一些低的 gs 代码，第二时候他可以减写绳，类似于把什么把无油半的去掉，直接写一个冒号， 那他里面主要是绑定我们第一的样式的。那这边就是我们的无忧办的一个学习。我们就来看一下我们的可迪克事件。那什么叫可迪克事件？是可迪克事件呢？比如我们现在说想干嘛？我们现在说爸他出事， 我们只想要一个点击时间，点击出来，然后 弹出一个什么，我们对应的一个弹出一个什么， 比如我们想做一个什么肯定课事件，就是我们正常按常点击他弹出这个按钮，如果弹出按钮的时候我们可以给他一个起伏，一个 id id 的时候，那我们可以干嘛？就是我们的 input 或者什么可力可，那我们如果要用什么？要用要，要给他进行点击的时候，我们可以用什么？我们如果不用白木，我们是不是可以用刀和慢等，然后什么用刀和慢等，然后可以找到我们什么， 然后刀和曼德，然后该他什么 ad 曼德，然后八月阿迪，然后给他设置一个什么，是不是设置一个昂克里克事件， 然后考这个事件的时候，那我们给他写一个方式，那方式的时候，那这边就是我们可以给他做一个什么 发压力，然后我们就给他一个可低可， 然后我们这边弹出一个什么爆豆特一。 那现在如果我们用德克曼的，如果我们不想用德克曼的，我们怎么做呢？那我如果要用 vivo， 然后再怎么做呢？那如果用 vivo 的时候，那这边我们就给他改成 一个什么，那这边不需要 it 的，那我就直接给他一个啊，不要啊，你要什么的呢？可迪可，那可迪可给他起个名字，那叫什么？叫瘦， 那瘦的时候那怎么显示呢？那就是在这里面我们有一个对应的一个变量，叫什么叫埋舍的该，他是所有数据 app 是管理他，那管理他里面所有方法，那就是昂克里克， 那就是我们的麦上的，麦上的里面，那这边我们有什么？就是写你对应的这个点亮瘦，那你瘦的时候，那你给他写一个方式，那这边有什么呀？收对应的方式， 那我们这边写什么？是不是写一个儿子的一那没 白色的他，不，他其实就是什么？这个就是这个麦色的 属性定义，当前无有实力中所有的方法。 那我们来看一下是不是可以点击这边出来的，那这就是我们的 帮可迪可还有什么？帮办的之间区别，那我帮办的时候他可以缩写成什么？是不是可以缩写成我们定的什么？这一这一个，那我们可以用什么？我们绑定事件，那这边就是什么呀？用 vcvr 绑定什么？绑定事件， 那说绑定这个事件，可题和事件，我们也我们可以看一下它里面还有什么事件， 那上面有木 哎，等下你没点直接在摸的时候，他就会在弹，那这边就是他对应的事件，那这个事件的时候，那证明我们威望可以缩写成什么？艾特夫， 那我们来缩写成一个对应什么？爱的夫，那就代表什么？他对应的一个时间，我们来看一下是不是可以，是不是可以，那这边就是我们所谓的什么我们的 帮克里克帮办的，帮办的他里面是什么？是不是绑定什么呀？是不是绑定他里面对应 gs 代码然后属性属性的啊。威望是绑定什么事件的， 那要知道他之间区别。优惠要办的绑定什么？绑定属性可以诉求什么什么 简写整点五月二绑定时间 简写爱的书。好，那这边是我们无忧的基本用法。
00:16查看AI文稿AI文稿data 是一个基于 view 的数据可视化组建库，提供用于提升页面视觉效果的 svg 边框和装饰，比如 loading 加载边框装饰图表、飞线图等演示信息可以在 dm 中查看。
8540小明1994
06:51查看AI文稿AI文稿小朋友们大家好，今天给大家分享一下这个 v u e 里面的 v 杠 four 的正确使用啊。对于 v u e 这个技术站呢， v 杠 four 我们应该都很清楚，也很熟悉对吧？但是有些细节还是要给大家分享一下。首先 第一点就是微刚服里面我们使用的时候一定要加上这个 k 他原因呢？为什么呢？首先第一个我们应该经常看到，如果我没加 k 的时候啊，这个 vue 他本身会给我们一些警告提示，所以我们在控制台里面会看到一些警告提示是吧？我们经常也见过这个东西， 只要你没写，它会有提示，这是第一个。第二个就是有了 king 之后啊，它这个就是性能更新，效率上面就会提升很多。这个具体的去看我前面有分享 这 vue 圆码的分享里面这个关于 def 算法里面啊，这个加了 k 和没加 k， 他对他是非常有影响的啊。我简单的说一下，比如说一个列表，从一二三四五是吧，他有五项。然后我如果把第一项 呃放到了最后一项，这个时候什么意思呢？它相当于是位置的，相当于是指示改变的位置对吧？但是你如果没有加 king 的时候，他是无法知道你是，你是在指示替换的位置，他以为是你所有的每一项都 都改变了对吧？他就一项项的去比吗？第一项，现在现在第二项成了第一项，第三项成了第二项，第四项成了第三项，这样的话他一一项项的去对比，每一项都不一样，所以他就相当每一项都要去给 信心，如果你加了 k 之后，他就很好的去找到，哎，原来我并没有做什么处理，我只是改变他的位置。这样的话，性能呃，就是加了 k 和没加 k 这性能这个差距啊，还是比较大。所以我们使用 v 刚货的时候，一定要加上 k， 这是我们使用的习惯。好， 这第一个。第二个，这个 we can four 的时候，其实我们还可以和数字进行连用。就是说有的时候啊，我们这个模板里面可能只需要循环几次，我们直接写个数字就行了。比如说这里面 我就简单的打个举个例子来说明一下吧。比如说我现在这里面我就写个简单的一段符，比如说我这边循环五次对吧，这个时候我就可以直接把这后面写个五 就行了。我们正常就是我们常用的时候，后面是不是一个数组，就相当于一个便利数组，在这里面也支持数字。就是说我现在想想要渲染五次，比如说来看一下，然后嗯，这个好，看一下效果，哎，是不是，这是不是 零一二三四，是不是相当把这五项的，所以都打印出来了，相当循环到五次对吧？好，我们来继续 继续。第三个就是避免这个 v 刚货和 v 刚衣服同时使用啊。我们呃，有的小伙伴们可能经常让他们同时使用，就是这样看起来很直观是吧？我 看起来就是微钢服，微钢衣服。我知道哎。嗯，首先他是把所有的循环出来，然后哪一项不要，我就用微钢服微钢衣服去跟他 过滤掉就行了。但是啊，这里面有个非常大的那个性能漏洞啊。为什么呢？因为微钢复合微钢衣服同时使用的时候啊，他首先要做的什么？首先是把数组会便利他里面的每一项便利一遍，然后再去根据呃微钢衣服去条件进行隐藏。 这个时候不管这些，比如说他有一百项，但是这一百项他其实有九十九项是隐藏的。但是如果你跟他两个同时微钢复合微钢衣服免用的话，他 不管你隐藏多少，他相当把这一百项都会去便利一遍，然后再去隐藏。这样的性能是不消耗，完全是哎，没必要消耗的对吧？相当我只需要渲染一项，但是现在我把一百项都跟他嗯进行便利了是吧？这我们应该很好 理解是吧？这是第三个。好，第四个。第四个其实是对第三个的一个补充。就说呃有这个时候我们怎么避免呢？就是 v 杠 four 和 v 杠衣服的同时使用。这个时候我们用的最多的就是进行先进行数据过滤， 就是我们正常就是使用的时候我们是不是数据一般是从后端后端那个接口里面请求到对吧？ 请二次之后，我们不是把请求数据直接拿到页面去用微刚货去进行渲染，循环渲染出来是吧？我们一般会做什么呢？对请求到的数据进行一次过滤，就是符合条件的数据我让他显示出来，不符合条件的过滤掉，然后再去进进行 哦， v 杠 four 去渲染。这样的话是不是就避免了我们呃 v 杠 four 和 v 杠衣服同时的使用啊？ 这是第四个。然后我们再看一下第五个，第五个啊，有的时候就是我们确实要使用这个 v 杠衣服，就是有的小伙伴们他就想使用 v 杠衣服，因为 v 杠确实说实话 v 杠衣服比和 v 杠 four 连用的时候 看的比较直观。比如说我们来看一下，比如说像这个我们呃在然后在弹这里面直接写个 v 杠一，这样是不是就比较直观呢？我从这个模板里面我就 知道什么意思，他要他要这个呃循环便利多少次，然后拿什么条件上，就是什么条件才让这一项让他进行显示出来对吧？这个写到模板上确实比较直观，但是我们呃有个优化的，但是我们 上面呢说避免他同时使用，因为我们知道他如果同时使用是有非常漏漏洞的，非常大的漏洞对吧？然后这里面有个方法，就是我们把它最外层的元素用这个加上微钢一，比如说我们把它 外层什么意思？就是在它外面包一个包一个元素，然后把循环放在这个呃这个元素的里面这样 然后我们这个违章衣法我们就把它写到哪里来，写到这外面，比如说椅子拉紧是吧？然后就这个参数选择这个参数，我来控制 控制当前有没有登录对吧？如果没有登录，他这里面相当是不会去进行便利的是吧？如果登录了，然后他在里面才会去进行便利是吧？这样的话是不就很好的解决了我们呃这个微 呢 for 和 v 刚衣服同时使用的问题啊是吧？好，这就是今天要给大家的分享，希望对大家有帮助。
02:45查看AI文稿AI文稿今天又有个粉丝问我了， v v 二后端一次给 e l table 返回了一万条数据，前端卡着卡着就内存溢出了，这个怎么解决？像这个啊，这个问题， 他呢就不能用这个 eltable 了，这个性能很差的啊，一百条数据以内可以用这个，对吧？两三百条就开始卡了啊，五百条基本就用不了了。 好吧，那不用，他用什么用这个啊？用个 v s e table， 这个文档在这里啊，你马上搜一下就有了。然后这是他的一个官网，这是他的 deta 上面的一个地址啊，用六点五 k 星了， 它这里面呢，有两个，有两个表啊，一个虚拟往下滚动，有一个 e s e table 啊，用这个。如果是你是 一个 table 啊，那你就用它，如果你不是 table， 因为有的它不一定是列表啊，不是一定是列表，那你就用 greed 啊，这个也是可以的。这两个，但是他们有个坑啊，你们可以自己去踩一下。 嗯，再说一下他们有什么弊端吗？他们的弊端就是，嗯，在你比如说频繁更新数据的时候，他不太适合。什么叫频繁更新？ 就比如说这个表里面他他有多个字段，比如说这个字段参数，这个字段他是 table， 对吧？那我要他是一个进度，从一到一百，对吧？我不断修改这个进度，那么啊，就相当有可能你需要修改整个表啊，比如说很多或者增加减少 这样的数据。很多啊，比如说很频繁的去增加减少，那么这个 v e s e table， 或者 说是这个 vs egree 的，可能不太适合，但是如果说你是后端返回你的数据直接展示的话，这个非常合适啊，可以这么说，当然除了这个还有吗？啊，那个同学是 vv 二， vv 二你可以参考这个，如果 vv 三的话，你用它啊，这是 饿了么 ui 的，饿了么 ui 提供了一个呃，虚拟滚动，但是它的虚拟滚动的话，嗯， 不好的，它好的点就是它解决了 v s e table 在频繁的更新某个字段的时候它会卡住的问题啊，这个它就没有，但是它就是用户体验没那么好 啊，你看这个滚动条永远怎么大啊？在数据量比较多的时候，他的用户里面没有在某一某一某一情况下啊，就是他没有那个 vs 他也不好用啊，大概是这个意思。 好吧，这个就就是这两个的一个区别。之前我也分享过啊，在这十万条数据，是吧？你们这一万条，这用这个户绝对没有问题啊，我用了大概十几万条，二十万条啊，去展示都没有问题。
640李钟意讲前端
23:36查看AI文稿AI文稿好，那我们来看一下事件修饰服，所谓事件修饰服就是在你的点击事件里面，他可能有点如此行为。比如我们有一个什么，有一个链接，比如我们刚一出行，他有个链接，链接过后你点击的时候是不是要跑到你进到网页上面， 那我们现在我可以把什么阻止，当前世界就可以用它，然后就在阻止当前世界，就是有个 party， 就是我们可以写自己的什么方法，然后我们阻止你什么，跑到你原始的那一个默认事件，那就可以默认事件。比如什么叫阻止冒泡，比如我们这边有一个什么，有一个低音的一个 一个层次。首先我们在什么？我们这边这个 drv 有一个点击，那这里面这个按钮点击，那我点击的时候呢，我可以只点击他，不让他点击到外部的页面，那这边就相信是阻止，包括我们可以干嘛，我们可以补货，什么 正常数据是什么？他首先点击他，再点他，我们可以先监听这个事件，监听外面，只要你点击他，那外面的事件执行，然后再执行他，那这边就是我们的开发水，就是添加事件的一个监听， 那这边是补货，那就先点击他，如果那我补外面的时候，那就可以拿那我们可以干嘛？你比我点击过后，那我只作用的当前这一个上面， 那就是像什么，就是像什么。我只点击点击他时候，他不会什么处罚他，因为他只有点击他本身的时候才会处罚他，不是紫元素点击紫元素不会处罚他， 那万死的时候，他只点一次，包括我们杠一，那你就是说第一次他那我若是设置万死的时候，第一次是默认的时候，第二次还是跑到他与他默认的那个时间，那就可以万死。我们可以通过一个案例，然后去来说明， 在这边安静的时候，那就相信什么，我们在这边靠边，那这边就是什么？就是零六零六的时候，那我们这边就是默认事件， 好摸人事件的时候，那我们把什么把这都给他进行什么删除 好，那首先我们在这边我们给他一个什么，给他一个点位， 我们在这边给他一个什么，定的 d r v， d r v 的时候，他这边就是最外层，我们给他一个 vip app， 但是在底层的时候，那我们这边给他一个 d r v， 那这个 drv 的时候，那这外部的时候就是什么呢？就是我们的外部的 drv， 然后里面的时候再有一个音铺的按钮， 音铺的他的类型就是我们的所有的态度，态度我们对应什么？对应八天八天的时候，然后我们定的 wedding weddings 之后，这就是我们点他， 那这边就是什么呀？就是我们那个一是一个页面，那这边我们可以给他一个钥匙，钥匙的时候，我们在这边可以给他一个 这个 stall， 那 stall 钥匙的时候，那就是相信什么，它里面我们可以给他定一个音的，那这边就是我们的卡拉斯，我们等于什么？等于 一个样式，那这个样式就是我们所谓的银的样式，那我们这边给他一个可立刻，可立刻就是 dlv， 然后焊的处理，那我这边也给他一个绑定事件，那这边这个世界什么就是什么键 就是我们的按钮处理一天一个。好，那我首先写个 stop。 stop， 这边是我们定的印的 硬的时候，那这边就是他压实，压实的时候，那这边就是硬的压实。我们给他一个什么对应的一个汗 焊的时候，我们给他一个一百五 ps 让我看我们给他一个什么 打开吧。好，那现在我们来看一下我们的页面是不是这块，那这块的时候，那现在我们可以给他一个浅颜色的 这个吧。那现在我们给他做一个点击时间。那点击的时候，那这边我们给他一个麦色的。 那这边放我们用 es 六的依法。那这边是 drv 焊的，那这边我们该有拨号。那这边是第一个，我们还有第二个点击 到点击的时候，那这边我们给他打印一下吧。我们用康斯刀个 暖刀割除。这是什么？这是触发器。这是这是出发的 引领，他第二位的紧急时间。 那这边出发是什么？这边出发是 bti 的顶级时间，我们给他请个严肃，然后把康秀打印出来，我们点击他 the s and methods 点击他。大家看，这边是触发 bts 的时间，这里是触发 diy 的时间。那因为他是包裹。他点击的时候，首先他先补课，然后再往外什么冒泡，冒泡到什么外层的，那现在在冒泡。那现在我想阻止冒泡怎么办呢？那现在直接就可以在这里面 stop。 stop 的时候，那这边就相信什么它里面会有。第一呢， stop 这个时间，那就阻止他往外冒。 那我们来看一下他是不是只点击的这个处罚，这边第二个不会往外冒吧？那这就是他里面 stop 指示什么，一样阻止的这一次冒泡。那使用我们这边使用什么？我们使用的 stop， 我们使用 stop 阻止冒泡。 好，那这边我们可以给他进行注释一下。 那我们抽纸冒泡时候，那我们再用它 用。他说我们想干嘛？我们想补货。这个事件就是补货。什么意思？我想让他先点击他，然后再点击他，我直接就是外层的补货。那补货的时候我们可以在外层直接加上一个什么对应的开头， 我们来看一下这是什么形象，我们还是使能严肃。 我们先不看上面的这个语法，那这边就是什么呀？ 大家看这边是点击的什么伊利特，是不是给刚才相反的，我们不加的时候是不是首先点击 bt i 用，再点击什么伊利特， 看我是不是迪亚威少，这个东西没法补上就可以了。 再补上的时候，那这边就不会出现问题了。那这边就是出发 bta 音，那这个样式， that's it 好。那这边就是什么？我们通过通过开皮头，你要开皮头，然后去捕获这个事件的机制，那这边就是捕获他的机制。 好，那补过他了。那接下来我们再做什么？那我们来看一下，就是另一个就是我们的阻止默认， 阻止默认。比如我们这边有一个 aaif， 那这边有什么？是不是三 w 点百度， 这边就什么烟，就是有问题，先百度， 那我们打开的时候是不是跑百度的这个页面，而我们现在不想让他跑到百度的页面，我们怎么办呢？那这不让他跑到百度的页面，我们可以给他阻止一下，那阻止的时候，那这边就有一个事件，就比如我们这边有个帮可的一个事件， 克地克事件的时候，那这边什么？就是 link 克地克， 那立刻，可立刻的时候，那在这边我们要有个对应的一个 联合克里克，那另个克里克时候，我只是想给打印一下什么触发顶级事件，并不让他跑到百度。 好，那我怎么做呢？那我们再开启。 那我现在我是不是还要爬百度，我想给他阻止怎么办呢？那就是相当于什么？我们这边阻止，那这边就是我们的 普瑞有问题，我们看是不是可以阻止，让我们刷新一下。 哎，是不是这边是不是没有阻止上，那这边就是怎么样？就是我们想给他阻止一下。 那应该什么呀？应该写错地方了，我们是在这个可立刻下面，然后给他一个什么点，一个盘问他。 那我们视察严肃 是吧？可得可没有再跑到百度的。那这个就是什么？就是 阻止默认行为， 我们使用阻止默认行为。 好，那我现在阻止默认行为的时候，那现在我想干嘛？我只想让你阻止一次，就是点一次。第二次的时候还想排跑到百度怎么办呢？那这边我们可以再加上什么？加上一个万死，万死的时候只是什么执行一次，第二次的时候我们还要进行什么样？ 进行操作， 点击第四没问题， 第二次是跑百度，那这边就是可以连在一起添加万死手是什么炎？玩死是只执行一次，就是只出发一次。 好，那这边就是我们讲的。那我们还有一个 safe， safe 它里面是什么意思？ cf 的出，那我们还用什么？用这一个，然后去做一个操作。 那 cf 的时候，那这边考尼克，那他都点击，那点击的时候， 那现在我们指示什么呀？我们现在点击他审审查严肃，那点击的时候是不是两个都出发了，我只想什么，他只点击他自己的时候才出发，点击他内部的时候，他不出发，那怎么办呢？那我就可以在这面加上一个什么兵的 sf， 我们来运行一下。哎，这边点击他，你给我点击他，点击他内部的时候，他不会触发这个 drv， 只有点击什么样，他自己的时候才是出发。那这边就是什么样我们的 这一个操作。那我们要知道赛夫和死刀哥，死刀哥是不是往外足，而赛夫熟食点是第四集，那死刀哥和赛夫有什么区别呢？那我们来看一下演示死刀哥 和 safe 的区别。那区别的时候，那我们还用这个案例，然后进行讲。 我首先给他注释一下，然后我们还用这个安妮，安妮的时候，那这边是阴能，阴能的时候我们再给他外面再包一层，包一层时候就是他定的 diy。 好，那这个第二位的时候，我们这边给他一个什么 alk， 那 out 出，那这边我们给他一个 out， 一个压力。 art 说他里面的说趴你， 我们等你什么，然后等你四十 px， 然后我们掰个鼓掌的 卡了。 好，那这边我们点击的时候，那现在我们直接在这边，我们也给他一个点击时间， 他点击就是什么烟，就是 out 含 in， 然后我们改成什么 arc。 好，那我们来运行一下，那我们来审核元素， 点击的时候，大家看我现在点击的时候他发生什么，是不是三个都点击，那我现在我如果在他下面，我只是来做一个死 double， 那就看什么我在我这死 double， 然后去做个 stop， 在什么？在这个柯迪克里面，我们做一个 stop， stop 是不是阻止他网上进行运营，是不是只点击这一个，那这边是 阻止他所有的，那现在我们要做什么？我们现在我不阻止，我们要在第二个上面，就是说我们在第二个上面，然后你比如我们这如果要在这加持捣鼓， 是不是他阻止后面的 第一个，他往上跑，第二时候我们来看一下我们来运营，他点击的时候是不是阻止两个，那现在我们要干嘛？我们现在如果想 点击赛服，那如果是赛服的时候，是不是他跳过自己，他自己不点击他的时候，然后再执行，那他他里面就有什么不会阻碍，是不是继续往上掰去的发他自己的冒泡，那是不是他里面能点击进来？ 那这边是不是只有这个点击的时候你才会实现他，那是不是他也要往外去发布他对应的点击事件？ 那这边是赛夫和斯大 boss 是直接终止的，他不往外发，赛夫说只有点击他自己，其他的还会往外发。那这边就是我们点击的什么我们这几个事件的一个简单介绍，那这边大家可以自己去看一下， 这就是我们实验修饰服对应的案例。
00:35查看AI文稿AI文稿是一个基于 bu 的数据可视化组建库，主要用于构建大屏、全屏数据展示页面及数据可视化，具有多种类型组建可供使用，提供用于视觉效果。边框 svg 元素绘制体积轻量不失真。 图表组件集于吃二次封装，使用图表引入组件即可，比如进度池、锥形柱图等等。接下看看 game 案例吧！
43IT启华
07:54查看AI文稿AI文稿vo 中的 mvvm 机制，那么你在面试过程中呢？面试官经常问你， mvm 这个四个词代表着什么？抽象成四单词，分别是 model view， 然后是 vome mode， model view， viewmodel， 分别是干什么呢？它到底跟我们的前端有什么关系？我们可以来 去先讲一讲他前端的前世今生。我们放大一些啊，你要知道在 mvm 没有出现之前，我们是怎么编成的，身处一个叫 gq 时代，什么叫 gq 呢？就是几块瑞 对吧？什么叫 ezui？ 什么叫这个 exit g gs？ 原来我们是处于这么一个蛮荒时的，什么都是使用什么 g 快瑞啊， ezui 啊， exist gs， 用这种东西去编程这种东西跟我们的 mvi 什么关系呢？啊？在 mvvm 没有出现之前，我们认为数据是什么？就是仕途上的显示，那也就是说我现在想要去会议数据怎么办？我希望 要先获取仕途啊，通过仕途也是我们传说中的什么盗墓对象啊，叫做文档对象管理模型，叫 diuma documents， 大家如果学过前段一段应该知道仕途的话，我们再通过盗墓啊，比如说有 inner text， 有什么 inner， 还有什么？还有什么外流属性， check 的属性，我们通过这些属性呢，去读取 文档上的数据，读取文档上的内容，这是我们原来在 mvvm 之前没有这个剧驱动试图之前，我们要做的事 就是你得先获取盗墓，然后呢再去取他里边的。那那 mvvm 的出现解决了什么问题呢？解决了什么呀？我们认为 mvvm 出现让我们不再关注，是让我们关注数据，让我们啊将数据和 试图进行了分离，怎么个分离了呢？数据是一切的核心，只要数据变化，那么试图离 一定变化，那么他演化成一句话，非常简单，叫做数据驱动仕途，只要数据发生变化，仕途一定一定变化。所以说 mvm 让我们从此不再关注仕途啊，不再去频繁的互动。 为什么不再频繁获取盗墓了呀？因为你原来是获取盗墓才能拿到数据，现在的话，我直接取数据就好了，我不用再频繁获取盗墓，用盗墓中上的显示内容啊，认定是我的数据，因为我的数据呢，已经可以驱动仕途了，只要我数据变化，仕途一定变化，这是它的优势。 那么我们再来回到刚刚的几个点啊， mvvm 到底代表什么？那么我们的数据是哪个东西呢？啊，就是我们的魔道，是我们的什么数据， 它是一切的核心，那么我们的数据都存于 model， 这也是为什么我们未有框架或者是 reax， 你们极少通过 am 来获取参数，通过 iyf 获取数据， 那是最 low 的方式啊，一般通过通过 ie f 干嘛呀？掉或实力掉方法。所以说我们真正的所有的这个 vm 框架， vo 也好，安格莱也好， reax 的也好，都是基于数据为核心的一个 框架，那么 model 就是数据，那么微是什么？那试图就是什么？就是咱们的 ui 页面，那再具象的一些，他就是我们什么，就是我们的 htm 页面，那么他们两个之间用什么关联呢？ 因为你数据最终是不也要体现在页面上？那这个时候呢，我们另外一个叫 vomodo， 就是我们常说中的 vm， 它是啊构建 双向数据流的一个桥梁。我们刚刚讲了数据所有的核心都在数据上，我认为数据就是仕途，仕途变化的话，数据一定变化，那也就是说它是一个双向数据流，数据变化，仕途更新，渲染。再说说我有仕途上的表单发生变化，导弹内容更新，他所 我绑定的数据也会发生变化，是不是一个双向的呀？数据变，仕途变，仕途改的话，数据也变，那么它是一个双向的过程，它是一个呃，数据到仕途的流向，那么这两个流向一来的话，我们用谁来管理它呀？就是用我们的 vivo。 所以说回到上图，我们发现这张图 有深刻的掩饰了我们当下 vivo 框架 vo 二、 vo 三 reactor 他们里边啊完成的一个整体流程。 vivo 即我们的仕途， model 即我们的数据，那么 vivo model 负责双向数据流的流向管控。这边我们啊，仕途变化，你看这这个线啊，同学们看这个线，仕途的变化引发了什么呢？一个叫 dominiscenter， 什么叫盗墓利索呢？就是我监听了盗墓的变化，只要我监听到了你的盗墓变化的话，我就会去通知他所绑定的这个数据，把数据 去更改，那数据更改就会回流给我的仕途，仕途也会去更改。那么我们这时候呢，就可以画一张图啊，现在右上角有个引 pot， 然后下边也有一个引 pot， 对吧？我们画这么这么些个引 pot 啊， 那么这里面的内容分别是什么呢？啊？都是一二三，听说了，为什么都是一二三？因为他们绑定了同一个数据，哪的数据啊？绑定了我们后台 mvm 里的什么 model 啊？这里面我们是有一个 model 层，这有个变量，他们所有人都绑定这个变量，所以说他们的值都是一二三，因为我数据啊绑定到仕途上了。那这时候呢？我们打个比方，假如说第一个值发生了变化， 变成了一二三四，那这时候呢？ dom 发生了变化，那么我们的 dom lisa 呢？发生了作用，他就会找到你所绑的那个变量，把这个变量也会去变成多少呢？也变成一二三四。这就是什么试图变化数 据更改，因为我们监听了盗墓的什么呀，只改变时间，他变成一二三四之后，注意数据一方变化，他就会通知所有绑定的变量的保单里的，模板里的 diy 里边的所有的表达式，都会去把一二三呢同步的去改成 一二三四啊，所以说他们有挨个通知，挨个通知，那所以说这一二三呢？也会就通知，所以说你就发现这个流向啊，原来是一个变化，他不先通知其他组建，而是通知什么？通知我的数据这东西都以数据为绳， 数据已变，那么其他的盗墓现在变化，那在换颜值。如果说不通过盗墓的修改，我们在背后直接把这个数据变成一二三四五，那是不是所有跟这个啊数据所绑定相关的这个盗墓对象或者说模板，他们都要变成一二三四五，因为他们都是以数据为核心的，这个就是 m 最大的好处，你不再需要关注我到底有多少盗墓，我有一个盗墓也无所谓，我有一千个盗墓也无所谓，因为他们都是以数据相关，数据的话，在我们初始化的时候呢，他就会去扫描所有的模板，里面的什么微杠模道，微杠半的，把这个所有的关系呢，放到咱们微欧模道里边， 有一个 dat 斑点的关系，还有一个道姆尼斯尼这个关系呢，存储在这个地方，有一个发布订阅的模式。那这样的话，我是不是就可以以数据为核心驱动咱们的仕途啊？ 数据变化，仕途自然变化。那同学可能会说，老师说 gq 也可以是吧？啊？ gq 我告诉你，早就可以，因为 vivo 和瑞艾特并不是第一个这么实现框架， 这是 vivo 和 realt 做了什么事呢？尤其是 vivo， vivo 的指令， vivo 的双向绑定极大的简化了我们代码的写法。原来最早最早的 mv m 叫什么呢？叫 nokot， 听都没听过。 noco out 也可以实现上保定，但是双向绑 的模式太麻烦了啊，这是双向绑定啊。最终我们回过头来看这个题，讲一下什么 mvvm。 回答的时候，首先 mvvm 是一种设计模式啊，是一种框架，是一种以数据为核心的管理一切的这么一个设计模式。 mvvm 的话，我们所有的关注点都在两个，都在数据上面，我们不需要再关注仕途了， 试图你爱怎么变怎么变，只要你绑定了我的数据，我数据变化你一定变化，如果你不变化的话，那我认为什么呀？我认为你这出问题，这就是我们 mvvm 的一个，就是我们在回答问题的时候，我们要挨个的去讲，你跟他跟面试官讲什么呀？讲 m 是什么数据啊？ v 是什么？是图？ 原来的话我们需要关注 dom， 因为我原来用用 gq 吗？现在的 gq 已经退出历史舞台了，对吧？所以说我们现在就可以用这种模式将我们的啊，这个所有的开发呢，都以数据为核心，那么 vivo 就是一个最典型的代表啊。那么最典型的 代表的是安个咱们的 react 啊，还有咱们的小程序，他们都是啊，这种模式模式啊，都是基于 mvvm 设计的啊。同学们，不论你是学习还是入职还是工作， 你们都要以什么呀？都要以数据为核心项目啊，拿到一个新项目啊，先看他的数据结构，数据的模式，对吧，数据的接口，所有一切都以数据为准，那模板的话就是写模板就好了。
1176黑马老高聊技术
07:16查看AI文稿AI文稿好，那么这节课呢，再给大家介绍一个指令啊，这个指令呢，叫 v 杠瘦。行到这呢，我先写一个 demo， 大家来看一下啊。然后后面呢，咱们讲一下这个 v 杠瘦他到底是怎么回事。 我这呢，先来一个简单布局啊，有一个妹，这是一个 div。 然后呢，我给这妹呢加一些样式啊。呃，随便来吧。比如说给他一个宽度值，给他一个高度值，然后再给他一个背颜色就完事了。好，我保存一下啊，然后回到咱们这个地方。 ok 啊。接着呢，我这来一个八叉扭。 那么我现在要做什么事呢？我要做一个这样事。目前呢，这个红色盒子它是可以出来对吧？然后点击按钮呢，让它消失掉。哎，再点一下它出来啊，差不多要做这样一个效果。 那么已知我们之前所学的知识，可不可以做到这个事呢啊，必须的。那我这样的逻辑是什么？他本来显示的时候啊，他显示的时候我让他为处， 那么点一下，让它变为 force， 那么它就不显示了，对吧？哎，差不多这个意思。所以说呢，我现在可以这么做哈。我先定一个数据 this 好。然后呢，我叫它，意思是我随便来啊，让它为处这么一个数据。 好。然后呢，我这儿给它绑定上，我说 we got， if 它为 is so， 那么 is so 呢，它是处，对吧？那所以说呢，上来它是显示的。 那如果说把它改成了 force， 大家再来看他就没了。说白了就是点击按钮，让这个地方出 force， 进行切换就可以了。那下面呢，咱加一个事件。 好。然后到这呢，我就写一个呃，这样的一个函数哈，那就是 this 点儿它啊，等于非它 对吧？做个切换嘛，你看啊，嗯，上来是它为处对吧？我点一下，那么它就是处，非处为 force， 那就复制过去了。那这时候呢，它变为 force 对吧？ force 非 force 为处，那么它就切换了。咱们来看啊，点一下，再点，再点，再点是吧，这个效果呢，就完成了。 好。但是咱们这用的是什么？ v 刚 if。 那么首先呢，我要看一下 v 刚 if， 他这到底是怎么切换的哈，大家看啊。我这呢，去检查一下啊，咱们审查元素看一眼。 大家看，我的 alums 放到这个地方啊，大家看我的 alums 啊，这个妹呢，上来是有的对吧？好注意啊。我点下按钮啊，点一下，大家看，它消失了。 所以说它的原理啊， we got eat 的原理是什么？是把这个盒子给它干嘛？蕊木掉。我再点一下是干嘛添加 加进来。说白就是喷的 chair 的啊，或者 insert。 比方啊，不管，反正就是创建和添加盒子。这是 v 杠 if， 它起到作用啊。这样咱们记录一下啊。 啊，就是这个地方的 v 杠 if。 v 杠 if 呢？是啊，创建与啊删除的操作。 我把这盒子彻底给你删掉，然后把这盒子彻底给你创建出来，对吧？他是做的这样一个内容哈。然后呢，这节课咱们要说指的是微钢瘦。大家各位看到一个瘦，想到指克瑞，咱们讲过瘦和害的吗？ 而在 vivo 中，没有 v 杠害的哈，只有 v 杠兽。哎，说白了， v 杠兽如果为处，则怎么样？显示吧， v force 怎么样？隐藏吧。差不多这个意思。所以说呢，在这呢，咱们可以这么做。 你看啊，我把这的这个 v 杠 if 给你改成一个 v 杠瘦，他也是可以做切换的，好，刷新一下大家看啊，现在呢，是显示的对吧？然后咱们盒子里边这个 me 他也是有的，我点一下，大家注意 display 为呐 看到吗？ display 为闹，我再点一下 display 为 block 了，就说白了，微杠兽他做的是什么？是显示和隐藏，他做显示隐藏，说白了就是 display， 大家看啊，走 display 为闹 对吧，和 display block 他做这两个事。好。那么在这呢，咱们就来看 v 杠 if 和 v 杠 show 有什么样区别呢，对吧？都可以实现这样的效果，那他俩有什么区别啊？啊，这也是 一道面试题，而且是高频的面试题。那么在我们后期面试的时候呢，面试官可能要考到 view 这块啊，基本上会问 v 杠 if 和 v 杠是有区别，这个题呢，非常高频，大家一定要会哈。首先第一点，而 v 杠 if 是创建和删除节点， 而 v 杠兽是隐藏和显示节点， 对吧？这是它们的这个不同点啊。那么你这儿做到一个删除，你这儿做一个隐藏。 那什么情况用那个 v 杠兽，什么情况下用 v 杠衣服呢？好，这呢，咱们就要说第二点了啊，就是如果啊，用户频繁切换的啊，这个状态啊，应该用 v 杠兽啊，为什么 在用户频繁情况下用 v 杠售呢？好，举一个例子，比如说这个按钮哈，用户经常会点， 好吧，这时候呢，咱们就应该用 v 杠瘦啊去做这个切换。如果这按钮呢，可能说用户点击率不是特别大，那咱们可以用 v 杠 e 服去解决 啊。为什么这样去说呢？你看啊，你 v 杠衣服啊，显示啊，创建删除，创建删除是耗费性能的， 而我显示隐藏，显示隐藏，它只是一个 c i 在切换，并不是盒子的创建。所以它性能来说，如果频繁切换，那么我显示隐藏的性能要比创建和删除的性能要好得多得多 啊。这是他第二点，然后第三点啊，就是如果说我们做首页，如果做首页，那么 v 杠兽它的性能啊，如果是啊，一刷新 进入啊页面的状态，那么 v 杠兽的性能差一点。就是我一旦进到页面以后，你看啊，我的这个地方，假如说这个红色按钮，它上面是隐藏的， 那对于 v 杠衣服来说，其实这个几点是没有的。那没有的话呢，我其实就不加载这几点，对不对？但你通过 v 杠瘦去做这个显示隐藏，你算是不显示的，他其实这盒子有没有他这盒子是有的，只不过你还隐藏掉了。 所以说，如果说要做一进入到页面，它是隐藏的这种状态，那么谁的性能好呢？一定是 v 杠 e 性能好， 而 v 杠兽的性能要差一点，因为 v 杠兽显得隐藏，他会多加载一个盒子。而 v 杠 e 服呢，你什么时候创建，什么时候显示，我才给你创意出来啊。所以说这是他们本质上区别 好。所以说呢，在后续的时候，我们在什么情况下要用 v 杠瘦，什么情况下应该用 v 杠 if， 大家呢？要分辨的出来。 好吧，这就是他们的不同点。那么到了这个阶段了，大家呢？要有自己学习能力啊。学习能力包括哪些对吧？我自己解决 bug 能力是吧？自己可以看懂一些 api， 这是你的学习能力， 还要有一点总结能力啊。我给大家呢讲述的很多面试题，大家一定要去总结。好吧，经验就是总结出来的。所以说总结能力呢，非常关键。 ok， 那希望大家呢，把这面试题呢给他搞定啊，把它总结到你的小本里边。好吧，那这节课呢，有关于他俩区别啊，咱们就先说到这里。
01:27查看AI文稿AI文稿大家好，今天分享的面试题是在五 u 组建中， d 特属性为什么必须是函数？这也是五 u 中常见的面试题之一， 原因总共是有两点，第一点对象是引用数据类型，如果不使用函数，返回每个组建中的对头将指向内存中同一个地址。只要有一个数据改变了，其他组建中的数据也会发生改变。 第二点原因是在扎瓦斯科普中，只有函数能构成作用欲。当 dat 是一个函数时，每个组建的实力都有自己的作用欲，可以相互独立。 大家可以这样来理解啊，每一个五 u 组建都是一个五 u 实力，需要通过 new vu 来进行实力 引用同一个对象，那如果对他直接是一个对象的话，一旦修改了其中一个组建的数据，其他组建的数据就会被修改。 但是如果对他是函数，每个组建的对他都因为函数的作用欲而互不干扰， 这就是在五 u 读卷中啊， d 特属性为什么必须是函数？好的，这就是今天的面试题啊，看完的同学请点个关注啊，谢谢大家！
