Vue ElementUI table给表格一个斜线分隔线，前端开发必看

{{scope.row.mechanism[index].frequency}}

<el-table-column

label=“费用”

align=“center”

width=“120”>

{{scope.row.mechanism[index].cost}}

2、css

.el-table thead.is-group th {

background: none;

}

.el-table thead.is-group tr:first-of-type th:first-of-type {

border-bottom: none;

}

.el-table thead.is-group tr:first-of-type th:first-of-type:before {

content: ‘’;

position: absolute;

width: 1px;

height: 75px; /这里需要自己调整，根据td的宽度和高度/

top: 0;

left: 0;

background-color: grey;

opacity: 0.3;

display: block;

transform: rotate(-53deg); /这里需要自己调整，根据线的位置/

transform-origin: top;

}

.el-table thead.is-group tr:last-of-type th:first-of-type:before {

content: ‘’;

position: absolute;

width: 1px;

height: 75px; /这里需要自己调整，根据td的宽度和高度/

bottom: 0;

right: 0;

background-color: grey;

opacity: 0.3;

display: block;

transform: rotate(-54deg); /这里需要自己调整，根据线的位置/

transform-origin: bottom;

// background:red;

}

3、js

mechanism: [‘医疗机构A’, ‘医疗机构B’, ‘医疗机构C’, ‘医疗机构D’],

tableData3: [

{

name: ‘项目A’,

mechanism: [

{

frequency: 8,

cost: 1000

},

{

frequency: 9,

cost: 2000

},

{

frequency: 10,

cost: 3000

},

{

frequency: 11,

cost: 4000

}

]

},

{

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结:

• 函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；

• 它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；

我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 优劣势。

理解和学习它们的理念与优势，合理地 设计融合，将优秀的软件编程思想用于提升我们应用；

所有设计思想，最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全；

一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；

我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 优劣势。

理解和学习它们的理念与优势，合理地 设计融合，将优秀的软件编程思想用于提升我们应用；

所有设计思想，最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全；