likewind2021

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

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

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

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

描述：在部分表单使用场景中，常有IP、端口类的输入项，在提交表单时需要对内容进行校验，考虑多表单使用，可以将校验方法提取成公共方法进行封装，以便开发。 1. 使用场景 一些只适用于当前表单的校验可以直

场景：界面展示事件时间时，需要获取距离当前时间的（天数/小时数/分钟数） 1. 计算逻辑 （1）获取历史时间和当前时间的毫秒数，计算毫秒差 （2）获取每个时间段对应的毫秒数（分钟、小时、天、周、月、年

1. Intellij-idea-keybindings 快捷键 2. Better Comments 注释 3. Polacode-2022、CodeSnap 代码截图……保持更新

echarts 中支持的图表行为，通过 dispatchAction 触发，比如特定位置高亮、显示提示框等。利用 echarts api 触发图表显示提示框，并根据设置的时间进行轮询，实现实现动画效果

一些复杂的图表样式，echarts 自带的 series 类型无法满足，可以使用 custom 类型。通过 renderItem 函数提供图形渲染的逻辑，利用 canvas 来设置路径，然后绘制形状