摘要：
一、场景引入 长列表网页相信大多数开发者都遇到过，在DOM元素过多的情况下，浏览器渲染会很慢，非常影响用户体验。因此我们会经常采用虚拟滚动、分页、上拉加载更多等不同的方式来进行优化，这些方式的思想都是一样的，都是只渲染可见区域，等用户需要时再加载更多的内容。 二、解决方案 1.css属性 conte 阅读全文
摘要：
使用CSS属性，文字背景渐变，结合animation实现滑动亮光 话不多说，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device 阅读全文
摘要：
一、场景 后端生成zip压缩文件，前端直接导出。 问题：文件小的时候正常导出，大的时候，接口收不到返回的文件流；本地测试没问题，部署线上有问题； 二、原因分析 后台打印日志，发现如下报错日志 java.io.IOException: Connection reset by peer 查阅得知，断开连 阅读全文
摘要：
一、transition CSS transition（过渡效果）详解 CSS 中提供了 5 个有关过渡的属性，如下所示： transition-property：设置元素中参与过渡的属性； transition-duration：设置元素过渡的持续时间； transition-timing-fun 阅读全文
摘要：
一、场景引入 项目某些表格，需要展示每条数据不同进度状态，使用进度条来展示 二、解决方案 利用定时器+el-progress组件，列表数据需要返回数据总时间，计算得出进度 代码如下： getTableData() { let _that = this; if (this.showLoading) { 阅读全文
摘要：
一、场景引入 做地图轨迹时，轨迹连线不明显，需增加地图遮罩效果 二、解决方案 方案一、使用 Polygon 多边形 定义一个阴影覆盖物，大小覆盖整个地图 代码如下： // 添加遮罩 addMask() { var maskPoints = [] var EN_JW = new BMap.Point( 阅读全文
摘要：
一、问题引入 使用baidu地图 jsapi，生成轨迹，由于轨迹连线效果一般，需要增加动态效果或轨迹箭头连线 轨迹连线代码如下： let linesArr = [] arrPoint.forEach((v, i) => { if (v.x && v.y) { linesArr.push(new BM 阅读全文
摘要：
一、场景 实现表格列宽度可拖拽 二、方案 查阅文档 el-table增加border属性 el-table-colunm增加resizeable属性，若想某一列宽度不可拖拽，设置resizeable属性为false 即可实现 三、问题 1.如表格中有固定列，拖拽折行会导致错位 解决方案：监听鼠标事件 阅读全文
摘要：
一、问题引入 场景：el-draw抽屉高度（宽度）可拖拽 二、解决方案 使用vue指令，el-draw打开后，插入一个元素，绑定鼠标事件实现拖拽 主要代码如下 /** * el-drawer 拖拽高度指令 */ Vue.directive('el-drawer-drag-height', { bin 阅读全文
摘要：
一、问题引入： 可视化数据大屏需要适配各种大屏尺寸 1080P：1920*1080 2K：2560*1440 左右 4K：3840*2160 左右 8K：7680*4320 左右 二、适配方案分析 如果想简单，客户能同意留白，选用 scale 即可 如果需要兼容不同比例的大屏，并且想在不同比例中都有 阅读全文
