likewind2021

处理列表状态切换时，状态正常（开启）限制一定个数，例如3个，超出则提示信息。 需求考虑： 判断列表状态正常个数，超出限制点击（按钮禁用） 只限制开启，需要区分执行动作（开启...

在处理表格分页的时候，点击切换页码，接口及列表数据均正常，当前页绑定值在控制台打印已实时变更，但页面视图页码始终展示为1。经过排查后发现，问题出自在获取新的数据时，已经前置...

在 Vue 中处理动态字段的表格（表头和内容均根据接口返回数据动态生成）。1. 动态解析表头：从接口返回的数据中提取所有的字段（基于首个对象或合并所有对象的键）。 2. 动...

在页面中需要以html的形式展示markdown文档的内容。 1. 下载Typora，打开.md 文档，点击文件，选择 HTML 格式导出到自定义目录...

echarts tooltip文字提示框内容、样式及定位处理，根据鼠标位置决定提示框显示在左侧还是右侧...

在 Echarts 中，可以通过设置图例（legend）的 formatter 属性来自定义图例文本的显示。如果文本内容过长，可以在 formatter 中加入省略号来处理...

列表某一项内容太多超出时，当前行会被撑高，通常会限制最高行距，添加滚动条展示。 为了能预览全部内容，可以添加el-tooltip文字提示框，show-overflow-to...

在使用下拉菜单时，因为选项内容较多且纵向一列显示，导致它的列表撑出了画面外。当鼠标移入未展示部分时，页面下方会多出部分空白区域，视觉效果上会导致整个页面内容向上抖动...

在开发数据大屏或者消息推送等业务场景时，经常需要从服务器获取实时更新。在日常开发中，实现服务端向客户端推送数据的常规方法有以下三种： 轮询、websocket、SSE……...

EventSource 基于 HTTP 协议实现，通过与服务器建立一个持续连接，实现了服务器向客户端推送事件数据的功能。EventSourcePolyfill 是 Even...

vue2中可以使用require动态引入图片，但在开发vue3+vite项目的时候，使用require 会报错 require is not defind。因为requir...

在处理页面展示时，因为内容过多不便查看，需要根据一些关键词高亮部分内容，进行突出处理。 实现：利用插入标签的方式对正则匹配到的结果进行背景颜色处理，达到内容高亮效果...

在实现小模块的tab标签页切换时，可以添加内容翻转动效，增加趣味性及视觉效果。这种点击翻转动画通常用于卡片类的展示，以下为卡片翻转示例。 通过css的一些属性：perspe...

场景：用水球展示数据百分占比，并添加动态水波纹效果。 实现 原理：将父元素设置为圆形，隐藏多余部分；根据波纹数添加子元素，并设置为圆形添然后加背景色；把子元素定位在父元素下...