学会 excel 工作撒娇班,大家好,我是 excel c 总裁,今天我们分享的技巧是 index 函数公式。那首先在我们公司里面输入等于 index, 它有三个参数,第一个参数是数组, 第二个参数是行标,第三个参数是列标。我们可以举个例子,比如我们现在等于 index, 我们选择这部分数据, 然后我们选择行标,可以任意的写,比如说我们写着五,第三个参数我们写二,然后这是什么意思呢?表示 这个数组区域里面的第五行,第二列的结果,那么一二三四五一二,那么它的结果就是孙尚香。好,这就是 index 函数的一个基本用法。那我们把数据区域改一下,我们不从 a 一开始,如果我们从 b 二到 c 九,那么五二是多少呢?他会从数据区域的一二三四五第五行,然后第二列一二,那这结果就是七千八。 那么实际例子有什么用呢?它是可以结合麦序函数来代替啊, vlog car 函数使用的,我们举这个例子,比如左边是工资表数据,右边我们需要找出员工工资情况,那我们可以输入等于 index 函数,首先我们选中数据区域, 然后我们是要选择行标,那么行标的话就是要找到我们的员工是在第几行,那我们有一个卖血函数,正好是找第几行的卖血函数。 首先我们找员工,然后在哪里找?我们可以在这个逼列开始找,然后精确查找的话,我们是 逗号输入零,那么这就是表示我们员工在这一列的第几行。如果我们按 f 九进行计算的话,他会自动计算一二三四五第五行。好,我们这是 可以计算出他的行号,那么我们求得的工资的话,就是在这个数据区域的一二三,第三列。好, 我们把数据区域固定,然后向下填充,就得到了我们 vlocob 函数一样的结果。但实际在使用的过程中,我们慢慢简化了 index 加麦曲函数,那么 index 的话,我们没有选中所有的数据区域,我们只选中了我们区 要的结果那一列的数据,所以我们只选中了 c 列的数据,那么最后一个参数的话,他不是查找第三列了,而是查找第一列的结果。好,这样的话也能得到我们想要的结果,然后最后再次进行简化之后,我们把这个逗号和一也不需要了, 这样也能直接得到我们所有的结果,所以最终就变成了 index 加麦曲函数组合的万能公式就是 index 结果列,然后 mat 去查找时,然后查找列,这个公式的话就可以代替 vidocop 函数使用。好,欢迎,这个小技巧你学会了吗?喜欢我的视频可以点个关注,有什么不懂的欢迎在视频下方留言讨论,我们下节再见。
粉丝97.7万获赞165.3万

哈喽,大家好,本期视频主题, index 函数怎么用? index 函数呢?是一个比较常见的查找函数,我们先来了解一下它的一个查找原理,那大家知道呢,只要我们确定了某一行以及某一列,那我们就能确定一个固定的值,比如说我们选择第六行,然后呢我们选择 b 列,那现在呢,这一行和这一列 他中间肯定是会有一个交叉底,那这个交叉底呢,就是我们确定的一个位置,那这个函数呢,就是利用了这么一个特点,只要我们给他提供行号和立号,我们就能锁定他交叉的这个值。下面呢我们就通过一个具体的实力给大家做讲解。我们知道常规的威鲁卡匹配函数呢,是能够从左向右进行匹配, 但是如果我们遇到向左匹配 welcome 就显得不是那么的专业,那我们就可以用 index 来进行操作。下面用一个实力给大家做讲解。那如视频,那我现在左侧是成绩,右侧是姓名,那我 根据这个姓名,我想要找到他的成绩,我应该怎么做呢?首先呢我们输入函数的名称,函数的第一个参数呢就是数据区域,只要包含了我们查找值所在的区域即可,我现在想要查的是成绩列,我可以单纯的选择成绩列的数据区域。 第二个参数呢,我们就要确定的是行号,我们输入一个 match 函数, match 函数,第一个参数呢是我们要匹配的一个值, 第二个参数呢就是这个匹配的值所在的区域,我们选择姓名所在的区域。第三个参数呢就是代表的是匹配类型,我们输入零代表精确匹配,那 indes 函数的第三个参数呢?是我们的一个列序号,我们现在已经确定了。行,那我们接下来要确定列,因为我们数据区域就选择的是 a 列,所以呢就只代表只有一列, 我们输入一即可。然后呢我们按 nt 进,那大家看到呢,我现在就通过了 index 函数实现了一个向左匹配的一个效果。姓苏的这位同学,他的成绩就是八十九分,与我们的期望值完全一致。好了,以上就是 index 函数怎么用的一个全部内容,感谢大家的观看,希望对大家的工作能够有所帮助。

这个东西是个好玩意啊,我们知道配音加词是要加钱的,但是我们有这个东西就可以白嫖了。好比如说这是我们原来的配音之产业权链,助企业紧跟政策,精准破局。 然后呢,我们加了这一段词,我们点击生成语音后,我们就用 ai 克隆了一段配音, 扬帆起航,拓展南非、法国、新加坡多元市场,深耕全球,放眼世界,未来可期。基本上和原配音是一样的,直接可以用,这样也可以省一笔钱了。

下面我们讲解一个 nx 函数的用法啊,为我们后面讲解 两组数据进行互相匹配。呃,相关内容的啊,案例呢?做一些铺垫和准备。 首先来看一下我们的这个表啊, a 列呢,是一个数据源,然后我们在 c 二单元格输入一个公式, a 代个词, a 冒号, a 代表的是 a 列的意思啊, b 一指的是他啊,那么这个函数的作用是什么呢?就是返回引用的这个区域当中指定的位置上的内容。那我们来看一下我们的这个区域是谁呢? a 列,我们返回 回的这个位置是什么呢?是 b 一,那么 b 一中写了个什么呢?八啊,那也就是说返回 a 列的第八个内容是谁呢?是他啊,那如果我们要是把这个内容改一下啊,把这个返回的位置改成三, 那么他返回的就是第三行的啊,如果我要是改成七,他返回的就是第七行的,确认无啊,这是这个 nx 函数的一个非常常见的使用方法。那下面呢,我们再来看下一个案例。 呃,那么他是不是只能引用整列呢?不是啊,可以引用某一个区域。我们来看一下这个公式的范围,他只是引用了爱五到爱十四这样一个范围。然后呢,返回的位置数呢?我直接 写进公式了啊,没有再引用你的单元格。那如果我们要是把这个里面改成二啊,跟我们这个旁边写的这个一样的话,结果呢,就是第二个啊,也就是返回这个区域当中的第二个位置上的内容。那如果我们要是把它改成六, 他就是返回一、二、三、四、五、六第六个位置上的内容,也就是说 a 代词这个函数, 他可以返回一整列当中的某一个指定位置上的内容,也可以返回某一个列啊,某一个区域啊, 某一个这个区域当中啊,是一列的某一个区域当中的指定位置上的内容。那么 nx 还有别的什么变化吗?在使用中有啊,还可以引用一 行啊,比方说从 b 一到 i 一啊,引用这样一个范围当中的某一个指定位置上的内容,那现在公式里面写的是三,因此他返回的是第三个,如果我们要是把它改成六, 他返回的呢?就是第六个,一、二、三、四、五六啊,那为什么没有说从第一列开始数呢?因为你的这个范围并不包含 a 一,而是从 b 一开始的 b 一, c 一、 d 一一直到二一啊,是这样一个范围当中的第六个,因此他返回的是长沙。 还有变化吗?还有啊,来看,如果是一个区域可以用吗?也可以啊,啊,如果是一个区域的话,那就成了返回指定区域当中横 隆重坐标下的那个对应的内容。我们来看我们现在 nx 返回的这个区域啊,是什么呢? c 四到 e 九啊,是这样的一个方块啊,这样一个方块, 然后我们可以在这里面任意指定这个方块当中的第几行,第几列。那现在公式里面写的呢,是第二行的第三列,因此他返回的是这个西红柿。 如果我们要是把这个改了啊,比方说把这改成四,把这个呢改成二啊,同样我们把这个也改了,这是四,然后 这个改成二,也就是说公式当改成这个,返回第四行第二列的时候,我们来看一下第一、第二、第三第四行的第一第二列对应的就是这个板凳 啊。那么通过这一二三啊这三个案例,你对 nx 是不是有了一个充分的了解了呢? 如果你还想了解啊,如果出现两组内容,通过某一个单号编码进行匹配的话,请关注后续的内容吧。


今天教大家用 index 加 match 函数返回多个值,比方说我们想要查找不同部门的获奖情况, 在部门的右侧呢,建立了一个数据有效性,点开下拉菜单呢,可以去选择相对应的部门。 当我选择部门以后呢,下面就会弹出这个部门的获奖的姓名和奖金,这两列的情况该怎么去制作呢?我们先把这些内容呢给他去除掉,点开数据,找到有效性,给他全部清除,点击确定。 接下来呢,删除掉这个内容。第一步呢,建立一个单元格,输入部门以后,在旁边选中空单元格,点击数据当中的有效性,在有效性设置,它允许只为一个序列 来源呢,就输入这些部门的名称,有工程部好,生产部以及运行部。 好名称输完以后呢,在每一个名称分开处呢,用一个英文的逗号给他隔开点确定。 这样的话我们就制作好了一个下拉菜单。好,但是呢,下面这些呢,就需要用一个公式, index 加 mate 函数, index 呢,它是通过定位行列呢,来查找相对应的值。 我们先输入等号,输入 index 函数啊,他总共有四个参数,第一个就是数组,我们要选中姓名这一列呢,我们全部给他选中,这是第一个 好,按一下 f 四呢,给它绝对锁定,添上一个呃呃逗号。好。第二个参数呢,就是要定 定位到它的行,我们做了一个辅助列,为什么?因为它可能有很多个,对不对?用一个 mag 函数去查找到这个行,那 mag 函数的第一个参数呢,是 i 四,也就是说我们要选中的是这个这个单元格,因为我们要查找生产部门对不对? 那这个 i 四呢,也要给它锁定式链接上一个行号,行号的话有一个减号,继续给他链接一个路函数,为了使这个行号从一二三四,我们所以呢给他用一个 a 一好,第一个函数就是查找值, 好输入一个逗号。第二个参数呢就是我们要查找的这个值所在的区域,所以呢我们选择这一块,那这一块呢要给他按一下 f 四以后,下面的所有都是在这里面去查找,对吧?第三个就是查找的方式, 有一个零精确去查找,给他添加两个又括号到的是 index, 但是这个结果里面有可能会有些啊空的,就是说没有这么多内容,所以呢再用一个 if l 呢去嵌套,当查不到的情况下啊,就说当他的结果实施错误的时候呢,我们给他空在这里。 好注意啊,所有的这些符号呢,都必须是英文的状态下的符号,好输了一对直应号,最后呢点回车,我们就查到了生产部,第一个 是王五对不对?那查他的奖金呢,只要给他移过来,那移过来以后呢,公式里面有一些变动的,就是因为我们现在查找的是奖金嘛, 所以在 index 里面这个区域呢,要给他更改为奖金的这个区域,这是这一步。 itf 四,接下来选中这两个以后呢,给他集体直接往下面 拉到很多他,当他找不到的时候呢,就会空在这里。我们看一下生产部呢,总共有这四个人,对不对? 王武,周明,黄桃,诸葛亮,对吧?那我换一个部门,换成工程部的时候呢,就变成了两个人,因为工程部只有两个序号吗?就是张三和李四,你学会了吗?

大家好,这招呢,我们来讲一个非常经典的案例啊,这个案例呢很多同学都遇到过,但是不知道如何解决啊?你看这边呢,我们总共呢会有五个单元,然后十层的一个住户, 好,那现在呢,我随便选择一个人啊,比如说我现在选择到长青子,那我就知道长青子呢,他所住的楼层以及单元,那这个是如何把它给做出来的呢? 通常情况下面呢,大家所做的都是正向查找,就比如说现在我在当前的这个表格中间呢,我来找注 r 层的, 那并且呢是三单元的,对吧?那这个他所交错出来的结果呢?就是张无忌啊,所以用函数表达呢,就是使用到等于 index 函数嘛,然后呢选择到这个范围当中,然后呢我们再来做 match 函数来 match 啊层,它应该是在我们整个楼层的哪一个位置吗?零精确匹配括弧回来,那这个呢是给到了韩位,然后呢我们再来做个 match match 这个单元,然后呢他在我们整个表头当中,对吧?来进行 match, 零精确匹配括弧回来,那这个样子的话呢,我们就可以找到他是张无忌, 所以这个 index 加上 match 函数呢,它的意思呢也比较简单,选择这个范围当中给到行位,给到列位,交错出来的结果呢,也就是我们所得到的这个结果了,好吧,所以啊,这个呢是一个大家都常用的例子, 那现在我们所看到的例子呢,就和之前的例子完全不一样,你看现在我想要去通过在这个范围当中来找到某一个人,然后这个人呢他 对应到的楼层以及单元,那这个等于一个逆向的查找吗?对吧?首先呢,我会选择等于,然后呢,选择到这个范围当中,当这个范围呢,他等于什么呢?他等于 这个,刚才我们需要去查找到这个住户,对吧?确定呐,他就会输出一个判断矩阵。大家注意,我所使用的版本呢,是 office 新版,所以这个数组呢,他能够一出,那包括现在的 wps 的三六五的新版呢, 速度也可以溢出了,所以你看到的判断结果形态呢,就是这个样子的。如果你是老版本的话呢,可以选择按这个公式 f 九把它给展开,那其实道理是一样的了。好吧,好,在当前的这个表格当中,当它等于肖远山的时候呢,那在 判断结果的同一个位置,他就会显示为处,你看其他的位置,小龙女,他等于小远上面,他不等于吗?所以呢,他为 force。 好,那接下来呢,当他满足条件,我则会返回啊,就是他所对应到的一个楼层, 楼层呢,它在这一列当中,对吗?所以呢,我会写到,如果条件满足,我则会返回 row 函数。 然后呢,选择到呢,一到十层这个范围当中,括弧回来,当条件不满足呢,我则会显示空值,括弧回来确定。 那这个时候你就会发现呐,其他的部分刚才都不满足,多维 force 的部分呢,他就都变成了是空值嘛,当他满足条件呢,他就会显示行位,大家注意啊,这个行位呢,他, 他是相对于整个表格而言所在的行为第五行,对吧?第五行他所对应到的是第四层呀,所以呢,我们需要在 row 函数他的基础之上呢,然后去减去一个一啊,减去一个行差吗?然后呢选择给他确定,你看就是四。 好,那由于啊我们有四之后呢,他是一个矩阵,我们需要把这个四呢把它给放在一个单元格中间,所以那你看我就可以对整个这个矩阵去做一个求和嘛,对吧?所以呢你可以来使用到三木函数,或者呢是使用到三 product 函数啊, 确定确定。那这个时候呢,你看他就是输出在一个单元格中间。好,呃,为什么要这样去做呢?因为你现在如果是四的话,你没有把它给归结在一个单元格中间,你是没有办法说我再用 index 函数呢去进行内容的签套的啊。 好,所以我们需要啊来做一个加总嘛,加总之后呢?那其实呢,呃也就是呃满足条件的唯一的一个函位所在的位置了。好吧,萨姆函数也可以了啊。 好,那接下来呢我们可以来说到 index 函数选择到呢楼层所在的这一列当中逗号,然后呢在这一列当中,然后给到他的次序位,对吧? 确定确定,那就是四层,当我们在选择,比如说我现在选择到呃这个曲阳的话呢,大家可以看到曲阳他应该是在第九层当中,你看 大家注意啊,如果你是老版本的话呢, ctrl shift 加上回车键来输出这个公式啊,如果是单元的话呢,道理是一样的了啊,我们再来做一次选择到这个范围当中,当他 他等于曲阳的时候,对吗?好,当他等于曲阳呢就肯定会有一个位置呢他是处,所以我们再来做一个判断,如果条件满足,那我则会显示 corn 函数,然后选择到那,呃,这个表头所在的这个范围当中, 当条件不满足呢,我则会给到空值括号回来确定。好。这个时候呢,大家可以注意到他的输出结果为三,也就是说当曲阳他满足条件的时候,那我所显示的这个列位呢? 他是相对于整个表格而言的,你看那 a, b, c, c 呢?是处于啊这个第三列吗?对吧?但是呢,在这个表格当中呢,他应该是第二列的位置,所以呢,我们也可以来减去一个行差啊,列差了啊,那就应该是二,好,然后呢,我们再把它给做一个皈依的处理。 沙漠函数确定,确定,因为,嗯,其他的部分都为控制吗?当你去使用到沙漠函数的时候呢,那算出来的结果呢?就是刚才我们所得到的这个例位值啊,呃,然后我们再来给到 index 函数,选择到呐, 那一单元到五单元这个范围逗号,然后给到确定确定,那这个呢就是二单元,现在我们可以来测试一下,比如说现在选择到这个, 呃,这个罗三,呃,闫三星啊,你看闫三星呢,他应该是住在九层。五单元,这个例子呢,还是会有一些绕啊,所以大家如果说是第一次没有看懂的话呢,可以多看几次。好吧,那这一章咱们就讲到这个位置啊,希望大家能够有所收获,如果大家基础不是特别好的话呢,可以看一下我之前的一些视频。

前端网页开发入门案例实战第三十五集。嗯,我们只要稍微改一下这个创建内容的这个函数, 也就是说我们不使用这个返回值了,在 create box 的 时候,我们不返回这个 content box 这个标签对象, 在这里我们不使用这个 return 了。然后呢,我们在这个想办法,在这个 create content 的 这个函数里面,不止接收 index 这一个参数,还要接收一个这个 content tag 这么一个参数,这个 content tag 呢?就是,哎,怎么没了啊?就是刚才的那个青色区域,也就是也就是这个内容区域,这个 create box 里面的这个内容区域, 我们想办法让这个函数第一个参数是 content tag, 第二个是当前标签的一个缩影值。 ok, 那 么这里就要调整一下这个 types callback 这个函数了,我们在这个 types callback 这个函数里,你看我们把 types callback 就 直接传递给了这个 create types 这个函数的 callback 这个参数,我们在 在就是传,传给这个 callback 参数之前呢,我们对这个 types callback 再做一个,再做一层封装,什么意思呢?就是, 嗯,在这里创建一个函数 function, 就 叫一个 callback 就 可以了, 然后这里接受一个 index, 我 们把这个 callback 传给这个 create tasks 里面的这个 callback 参数。那么在 create tasks 这个函数里面,调用 callback 这个函数的时候,它就相当于调用这个函数, 而不是调用这个 create content 这个函数,那么它就会把 index 传给这个函数,传给, 传给这个参数,传给这个 index 这个参数。然后呢我们在这个 callback 这个函数里面,在这个里面我们调用 这个 types callback 这个函数,我们调用这个函数,也就是我们调用这个 create content 的 这个函数,那么在调用这个函数的时候,我们就要把这个 create tag 创建出来的这个内容区域的这个标签传给这个 types callback 这个函数,所以说我们要把这个 标签保存在一个变量里面去,并且呢我们要把这个内容区域给他移动一个位置, 移动一下位置,我们要移动到这个函数的上面,我们移动在这个 call back 的 函数上面,因为我们要使用这个变量, 我们把这个变量当做参数传递给 tab tabs callback 这个函数,那么就相当于传递给这个 create content 这个函数,那么第一个参数就是 content tag, 那 么就传递给它了。第二个参数呢就是 index, 这个 index 呢就是这个 index callback 函数的这个 index, 我 们把这个 index 传递给这个 types callback, 那 么这样就就能实现了在这个函数里面获取 content tag 这个这个方法了。现在我们来看一下,你看我们不管刷新多少次,它始终都能把这些内容 保存待保存在这个青色区域里面去,这就说明我们这个 content tag 已经获取到了,我们获取到了这个青色区域,并且把这些内容添加到这个青色区域里面来了, 然后我们再切换到第二个,你看第二个,他就是在上一个的基础上又追加了第二个的内容, 切换到第三个,他就是在之前的基础上追加了第三个,我们肯定不希望这样,而是像之前我们做公告的时候,每一每一次就只显示当前页的,之前的就不显示了,那么我们在做,在做公告的时候, 呃,公告这里,我们之前在做公告的时候在渲染内容,这里第一步就是通过 clear tag 这个函数,把这个, 把这个,把它的内容区域给它清空一下,那么我们在这里也要实现这么一个功能,就是在切换这个标签的时候,我们要把这个青色区域给它清空一下, 我们还是回到这个 active 点 gs 里来,在这个 create content 这个函数里面 调用 clear tag。 那 么我们要清空哪个标签呢?我们就是要清空这个 content 的 这个标签,也就是清空这个青色区域这个标签,现在我们点一下保存, ok, 我 们把鼠标悬停在这里,这里,这里不管悬停在哪哪个,他始终都会显示当前标签页里面的内容,而不会显示之前已经显示过的那些内容。这个就是我们想要的一个需求,想要的一个效果吧。 接下来呢,我们要,我们要这个,这个,把这些样式给他制定好了。啊,我忘记一件事情,就是因为我们可以点击这个活动,像去跳转页面,所以说呢,这个,这个,这个, 这个每个活动项不能用这个,不能用这个 diy 标签来包裹,而是用一个 a 标签来包裹, a 标签就是用来跳转网页的嘛,现在我们点一下保存,嗯, ok, 没什么变化, 没什么变化就是正常的,我们接下来就是调整一下样式,让它跟这里一样, 它这个布局整体的布局方式呢?它是水平布局的,但是我们这里呢,你看它这每一条信息它都是垂直布局的, 所以呢我们得让它变成水平,水平排列,那么之前已经介绍过很多次了,就是用这个 flex 布局, 我们给这个列表标签,也就是这一整个的标签吗?列表标签给他加一个这个 flex flex class 内名,然后呢,然后他就变成了一个, 呃,水平排列了,这个每个活动像呢,它的一个宽度啊,它都是一样的,就可以用那种平分剩余空间。 呃。 net, 点 css, 这里就这这个,我们使用这个,我们给每一个这个活动项,也就是这个 item 这个标签,添加这个平分剩余空间的这个,这个, 这个,这个叫什么内名,然后我们再来看一下,你看现在这个,呃,我们给它加点背景颜色吧,不然不好分辨。 我们在三 s s 这里找到这个 active 点,三 s s, 这在这里我们先给这个 list 加一个背景颜色,先给一个红色, 你看它这个红色区域呢?它就这么高,就这么高,这肯定不是我们想要的,我们想要的它就是占满这个一整个内容区的一个高度,所以说呢,我们要给它指定一个 height, 百分之百占满这个内容区, ok, 这才是我们想要的。然后呢,然后我们再给这个 item item 添加样式, 给他添加一个,呃,什么颜色呢?就随便选一个吧,蓝色吧,就取一个蓝色。 ok, 现在全都是蓝色了,这个全都是蓝色,呃, 看不出什么效果来。我们让他们每个标签像,每个活动像之间有点间距,间距这个已经介绍过了,我们就我就是 创建间距的一个方式呢,除了使用 margin, 在 flex 布局里面,也就是我们给这个 list, 给这个 list 的 标签使用 j p gap 这个属性,我们给它指定一个像素值,比如说十像素,你看 每个活动项之间就有一个间距了,呃, 把这个值给他调大呢,这个间距就会变大,调小就会变小,就这个意思。因为我们刚才给每一个活动项,也就是这个艾特姆添加了这个平分剩余空间的类名,所以说他们现在的一个宽度呢,都是一样的,一样的。 这个间距呢是多少?我们得看一下成品这里间距是一个二十,那么我们就给这个 list 这个标签添加一个 get, 等于二十,也就是说这里的间距它有二十像素,有二十像素。 ok, 这个整体的一个排列我们就做完了。接下来再做每一个活动项的每一个活动项,它,我们先给这个图片添加样式,这个图片呢就是这个 img 这个图片它是一个固定大小的,我看一下是一个多大?宽度呢?肯定是百分之百,这个宽度要跟这个活动项的这个标签是一样的,也就是说宽度是百分之百。至于高度呢,高度是一个多少,我得看一下。 嗯,这个高度是多少? 这个高度他是有小数点,这个高度不说实话,不确定,我们先,我们先这个, 呃,先不给他添加样式,我们先让这个图片展示出来。现现在他不是没有展示图片吗?是因为我们没有给这个 i m g 标签添加那个那个 s r c 那 个属性,我们使用这个, 使用哪个? 使用这个 set attribute 这个函数,我们给这个 i m g 标签添加一个指定那个 s r c 属性,它的第一个参数是要给哪个标签添加?我们要给这个, 我们要给这个 i m g tag 这个标签添加属性。添加什么属性呢?它是一个 list 的 一个数组,数组里面是一个对象,对象里面有个 name 属性,这个 name 属性就是你要你要指定 给这个标签添加的那个属性名是什么?比如说我们这里就添加一个 s r c 这个属性名,然后它的一个 y 六是什么?也就是说这个 s r、 c 它的一个属性值是什么?它的属性值就是, 嗯,把这些都关掉,它的属性值就是这个每条数据里面的这个 post 的 这个 这个属性,这个 poster 就是 这个图片的地址嘛,我们要把这个 info 点 post, 把这个图片的地址给到这个 s r c 属性,现在我们来保存一下,看一下效果。嗯,它是一个, 你看他并没有显示一个图片,而是显示的这这么一个东西,这么一个小图标,这个小图标的意思呢?就代表说图片没有找到,这个图片失效了,他用这么一个文件损坏的一个图标去 去这个占位去显示,然后在控制台里这里报错了。啊?这报错,你看在控制台里报错,报错什么? 什么这个 http, 什么这些东西,一点 jpg 三点 jpg, 什么这些文件四零四 not 放的,也就是说找不到,我找不到这个这个图片,也就是说我们这个 src, src 属性添加了,但是添加的不对,我们给他的一个地址是错误的,不是一个正确的地址。因为这个 pos 的 它就是一个,它就是一个这个 文件名称,它不包含文件路径,所以说我们需要在这个它的这个前面拼接上一个文件路径,通过加号将两个字母串进行一个拼接, 我们第一个字母串写上这个文件路径,第二个字母串,也就是说 inf, 也就是这个 inf 点 poster, 它是一个文件名称。 ok, 这个文件路径呢?就是什么呢?就是这个 images 下面的这个 activity 这个文件夹下面的就是这个文件夹,那么对于这个 active 点击 s 来说, 一个点就代表这个 active 点, gs 所在的文件夹,也就是这个 gs 文件文件夹,那么肯定不是要 gs 这个文件夹,而是跟 gs 同级的这个 images, 那 么再来一个点,再来一个点,就是 gs 这个文件夹的它的文件夹,也就是这个 lol 这个文件夹,这个最大的一个根文件夹,然后再写一个斜杠这个路径分割符,也就是说 lol 文件夹下面的这个 image 这个文件夹,那么 image 这个文件夹下面的这个 activity 这个文件夹,然后再添加一个斜杠,也就是分割符,路径分割符,然后再拼接上这个文件名称,也就是说它是一个这样的一个, 它的 s r c 是 这么一个 纸,前面是文件路径,后面是这个文件名称,然后两个字母串进行一个拼接,这样就 就写了一个完整的一个 s i c 属性。现在我们保存一下,你看现在这个图片就有了, 然后它它默认呢就是宽度百分之百,然后高度呢?高度就不用写死了,我们就用它按照它自己的一个图片的一个纵横比,也就是说也就是这么大,也就是说我们就就保持这样就行,就不用动了,就这样就行。 嗯,现在图片展示出来了, ok, 我 们把这个屏蔽纸这个类名给它删掉,不要,先不要添加样式了。 嗯,那么接下来我们就做这个信息,下面的这个信息,我们先给这个 info, 也就是信息这个 diy 标签添加一个样式,给它先添加一个背景颜色,添加一个,呃,添加一个紫色吧。这个 你看它这个信息呢,它它的高度呢?就占这么大,其实我想让它占满这个剩下的这一部分,但是因为我们这个每个活动项它不是 flex 布局, 它的一个赋值它是一个 flex 布局,但是每个活动项它不是 flex 布局。 所以说呢,我们不能使用这个平均平分剩余空间占满剩余空间的这个类名,我们不能把这个类名给到这个音符,我们给一下试试吧。比如说这个音符,我们给一个这个占满剩余空间的这个类名, 你看没有什么效果,因为它不是 flax 布局,所以所以没法使用。那么这个时候怎么办呢?其实也没有什么好办法,就是我们写死一个固定的值,现在这个,呃, 这一整个活动项的一个高度是二百八十五像素,然后图片的一个高度是二百零七,也就是 二八五减二零七七十八像素,也就是说这个 inf 它占了一个七十八像素的这么一个高度, 我们给他一个高度是七十八像素。 ok, 现在保存一下,现在就占满剩余空间了吗?这这这就是对的。然后呢,你看 这个信息,他的左侧跟右侧,呃,这个右侧看不见啊,我们就用这个,用这个为例吧,他的左侧跟右侧都是有一定的间距的,包括下面的这个日期,日期, 这个结束日期呢,他跟这个底部他也是有间距的,这个标题呢,跟上面也是有间距的,这个间距我们得控制一下,我们现在做的呢,他是你看这些文字,他都紧靠在顶部和左侧,还有右侧, 这样不好看,我们得让它有点间距。这个间距呢,之前说了间距是用 margin, 但是 margin 呢?外边距呢?它是控制两个标签之间的一个间距,所以说呢,不适用这种情况, 它是一个标签的边界和标签的内容之间有一个间距。那么控制内容之间的间距呢?我们在刚开始就已经说了,是用一个 拍定内边距来控制,也就是说在这个矢域图的这个拍定绿色的这个位置,比如说我们在开发者工具里面写一个拍定 pad, 写一个十像素, ok, 你 看现在这个 这个文字,它跟这个它上下都是有这个间距了,我们就写了一个 padding, 然后并没有指定什么 padding, 杠 left、 杠、 top 杠、 bottom 杠 right 四个方向,如果说只写一个 padding 的 话,那么 就代表着四个方向,也就是说上下左右都是十像素,这是一个简写属性。 嗯嗯,十像素,我们就用十像素吧,我们给这个,给这个音符添加一个拍点,一个属性就是十像素。现在他都有一个这个 间距了,这样就稍微好看一些了。然后就是让他们上下排列,现在呢,你看他,他们都在一整行显示, 你看这是那个标题,然后在标题的后面紧接着这个显示这个截止日期,这个不是我们想要的垂直排列呢,我们就可以给这个音符添加一个, 添加一个这个这个叫做 vertical center, 嗯, 它们怎么是水平排列了? 哦,不是用错了,用错了,应该是用这个垂直排列杠 vertical 点 vertical, 嗯,不是用 vertical 杠 center 啊。现在你看 第一行是标题,然后接下来一行是结束日期,这样是对的,这样是对的, 但是他们现在是紧贴着的第一行,第二行是紧挨着的,这里呢就是第一行在最上面,第二行在最下面。呃,这个间距是不是有点大了?先这样吧,先这样,嗯, 我们把这个 pad 给它调小一些,调个六像素,让它间距小一些,这样就行,有点间距就可以了。 然后怎么实现?就是让他们在两边显示一个在上面,一定在下面,就是在这个 flex 布局,因为我们在这个给这个音符添加了 vertical 这个类名嘛,这个 vertical 它就是 flex 布局。 添加了 flex 布局之后呢,我们就可以使用这个这个 justify 杠 content 这个属性,这个之前我们用这个属性来实现了 center center, 就是 居中, 因为我们使用了 vertical, 也就是 flag, 我 们把这个 flex 杠 direction 指定成了这个,让它们水垂直排列。那么这个 扎斯蒂法刚 ctrl 呢,他就是针对垂直方向,你看我们指定成了森特之后,他就在垂直位置居中了。这个我们之前已经说过了,这个森特呢,他是居中。然后他还有一个属性是我们看这里, 看这个右侧的这个图标视力,你看这个 space 杠 bten, 它就是在上面和在下面显示,这个是我们需要的,你看我们把这个 justify 杠 content 指定成了 space, 杠比特,它这个文字两行文字呢,就是一个在上,一个在下,这个是我们需要的,所以说我们要给这个音符添加一个 static 杠 content, 然后 space 刚变成我们添加一个,这个,现在每一每每个活动项它都是呃呃上下布局了。然后这个文字我觉得有点大, 但,嗯,其实还行。我把这个文字调成十二像素吧,也就是给这个 infotain 添加一个 font size, 指定成十二像素,让它字体变小一些。呃,好像又有点太小了, 这个截止日期可以小一些,但这个标题不能小。所以说我们把这个 infor 这个 font size 给它删掉,先给它删掉, 然后再把这个背景颜色,就把背景颜色都给它删掉。因为这个 item 它只有一个背景颜色嘛,所以说把整个 item 都给它删掉。这个青色它是 box 点 css 里面的 这个,嗯,不是。 ok, 删掉之后它就变成这样了。嗯,我们要让这每个标签像,每个活动像它都有一个白色的背景,所以说我们给这个 inf 添加一个白色的背景,白色就是三个 f。 ok, 现在有有白色背景。然后呢,这个 截止日期,截止日期的这个字体我们调小一些,现在这个截止日期它太大了, 也就是这个 time 这个标签,这个 time 我 们给它一个 font size 十二像素就可以了。 ok, 调小了。然后它的字体颜色呢?它是一个青色的,我们再把这个青色的颜色给它设置一下, 然后给还是给这个 time 这个类名添加一个 color 属性,字体颜色是 e d a 六 b a 的 一个颜色值。 ok, 这个截止日期我们就调整好了。然后我看这个标题,它不是一个纯黑色的一个标题,看一下它的字体颜色, 嗯,它不是一个纯黑的,那么我们给这个 title 这个类名添加一个样式,添加一个 color 井号,四二四二四二,它是一个这个颜色纸, ok, 这样就比较好看了。然后切换标签页,他也能显示对应的一个内容,都挺正常的, ok, 没问题。然后最后一步呢,就是点击这里就跳转到一个详情页了, 现在我们右键检查一下,你看我们每个 item 它都是一个 a 标签,但是我们现在点击是没有任何效果的,因为我们没有给他指定这个 help 属性。 help, 这个之前也做过了,比如说我们在做这个公告的时候,这个已经做过了,我这里就直接使用了 我们在这个活动项活动项 a 标签这里,我们通过这个 set attribute 这个函数,给这个 a 标签添加一个, 添加一个 help 属性,然后它的值是什么呢?它的值就是这个 这数据里面的这个 url, 这个属性,这个数据也就是 in four 点 url, ok, 然后呢,再还得再来一个,就是 target, 这个之前已经说过很多遍了,就是在一个新的标签页里面去展示,而不是在当前标签页。 这个在做公告版的时候也也说过了,这里就直接直接直接写了下划线,呃,好像不是 black 哎,是一个什么来着?我也忘了,看一下吧,看一下之前咋写的 啊。 black 这个哎,多了一个下划线啊,然后点一下保存,看一下效果, 现在鼠标移上去,鼠标移上去之后,他这个鼠标的一个样子呢,你看就变成了一个小手了。然后点一下, ok, 跳到一个新的页面去了,在这个页面里面查看详情。 嗯,这个活动呢我们就,嗯,就已经是做完了,接下来做这个,这里再做这个部分。

行列交叉匹配,看案例,查找刘浩然一月份的销售额,这是完整的公式,接下来给大家拆解讲解。 index, 第一参数数据源,第二参数行号,第三参数列号。我们发现刘浩然一月份的销售额在这个数据源的第四行,第二列 数据源第四行,第二列。接下来怎么获得这个行号和列号呢?引入 max 函数, max 函数,第一参数查找值,第二参数查找区域,第三参数精确匹配, 我们查找刘浩然在这个 a 列的第四行,返回对应的行号,再用 max 函数查找一月,在这个第一行的第二列,返回其对应的列号。 你把完整版的公式添到一块,就是第一参数数据元,第二参数用 max 函数返回其对应的行号,再用 max 函数返回其对应的列号。 大家有什么疑问可以在评论区提问或。