久仰九

一、概述 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。

在Vue项目中，尤其是在使用组件化开发时，我们某些时候需要对组件内部的某些样式优化，但Vue的样式封装特性（scoped）会阻止外部样式直接作用于组件内部。为了应对这一挑战，Vue社区引入了深度选择器

Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源，本文将重点讲述协同的实现方案，支持在线多人协作，编辑在线 excel 文档

响应式页面为了适应不同的终端设备而产生，体验较好，可以自动识别屏幕宽度以改变布局形式。但 不是所有的应用都适合做成响应式 对于一些大型复杂的应用，使用 移动端H5页面 和 PC端应用 协同使用，可以提

el-table官方提供了合并单元格的方法与返回格式 如下: 根据叙述有了如下思路: 因为后端返回的数据非统一, 可能不是按照类别排好的😨, 所以官网的例子满足不了所有的需求所以我们通过遍历table的数据比较前后两个元素是否相等, 来构造一个spanArr用来存放rowspan...

处理表格单元格合并是很常见的开发需求，el-table官方提供了合并单元格的用法 如下： 根据使用说明很容易写出带有一堆if else 叠加的屎，随着合并条件的嵌套更会屎上加屎

getSpanArr(data)方法 data就是我们从后台拿到的数据，通常是一个数组；spanArr是一个空的数组，用于存放每一行记录的合并数；pos是spanArr的索引。如果是第一条记录（索引为0），向数组中加入１，并设置索引位置；如果不是第一条记录，则判断它与前一条记录…

使用 vue3 + typescirpt + elementUI 创建vue 项目，附简单 demo

Vue3 toRef 和 toRefs 函数 上一篇博文介绍了 vue3 里面的 ref 函数和 reactive 函数，实现响应式数据，今天主要来说一下 toRef 函数和 toRefs 函数的基本