会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
盼星星盼太阳
博客园
首页
新随笔
联系
管理
订阅
1
2
3
4
下一页
2024年1月18日
前端长列表优化
摘要: 一、场景引入 长列表网页相信大多数开发者都遇到过,在DOM元素过多的情况下,浏览器渲染会很慢,非常影响用户体验。因此我们会经常采用虚拟滚动、分页、上拉加载更多等不同的方式来进行优化,这些方式的思想都是一样的,都是只渲染可见区域,等用户需要时再加载更多的内容。 二、解决方案 1.css属性 conte
阅读全文
posted @ 2024-01-18 11:25 盼星星盼太阳
阅读(403)
评论(0)
推荐(0)
编辑
2024年1月12日
CSS实现文字滑动亮光效果
摘要: 使用CSS属性,文字背景渐变,结合animation实现滑动亮光 话不多说,直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device
阅读全文
posted @ 2024-01-12 15:03 盼星星盼太阳
阅读(67)
评论(0)
推荐(0)
编辑
2024年1月5日
前端导出文件 java.io.IOException: Connection reset by peer
摘要: 一、场景 后端生成zip压缩文件,前端直接导出。 问题:文件小的时候正常导出,大的时候,接口收不到返回的文件流;本地测试没问题,部署线上有问题; 二、原因分析 后台打印日志,发现如下报错日志 java.io.IOException: Connection reset by peer 查阅得知,断开连
阅读全文
posted @ 2024-01-05 13:59 盼星星盼太阳
阅读(225)
评论(0)
推荐(0)
编辑
2023年10月20日
CSS 实现鼠标悬浮边框线动画效果研究
摘要: 一、transition CSS transition(过渡效果)详解 CSS 中提供了 5 个有关过渡的属性,如下所示: transition-property:设置元素中参与过渡的属性; transition-duration:设置元素过渡的持续时间; transition-timing-fun
阅读全文
posted @ 2023-10-20 16:18 盼星星盼太阳
阅读(279)
评论(0)
推荐(0)
编辑
2023年10月13日
el-table表格行状态进度条
摘要: 一、场景引入 项目某些表格,需要展示每条数据不同进度状态,使用进度条来展示 二、解决方案 利用定时器+el-progress组件,列表数据需要返回数据总时间,计算得出进度 代码如下: getTableData() { let _that = this; if (this.showLoading) {
阅读全文
posted @ 2023-10-13 14:03 盼星星盼太阳
阅读(314)
评论(0)
推荐(0)
编辑
baidu Map地图遮罩
摘要: 一、场景引入 做地图轨迹时,轨迹连线不明显,需增加地图遮罩效果 二、解决方案 方案一、使用 Polygon 多边形 定义一个阴影覆盖物,大小覆盖整个地图 代码如下: // 添加遮罩 addMask() { var maskPoints = [] var EN_JW = new BMap.Point(
阅读全文
posted @ 2023-10-13 13:46 盼星星盼太阳
阅读(280)
评论(0)
推荐(0)
编辑
2023年10月9日
baidu地图动态轨迹与轨迹箭头效果研究
摘要: 一、问题引入 使用baidu地图 jsapi,生成轨迹,由于轨迹连线效果一般,需要增加动态效果或轨迹箭头连线 轨迹连线代码如下: let linesArr = [] arrPoint.forEach((v, i) => { if (v.x && v.y) { linesArr.push(new BM
阅读全文
posted @ 2023-10-09 15:32 盼星星盼太阳
阅读(709)
评论(0)
推荐(0)
编辑
2023年9月21日
el-table表格列宽度可拖拽及注意事项
摘要: 一、场景 实现表格列宽度可拖拽 二、方案 查阅文档 el-table增加border属性 el-table-colunm增加resizeable属性,若想某一列宽度不可拖拽,设置resizeable属性为false 即可实现 三、问题 1.如表格中有固定列,拖拽折行会导致错位 解决方案:监听鼠标事件
阅读全文
posted @ 2023-09-21 11:28 盼星星盼太阳
阅读(2594)
评论(0)
推荐(0)
编辑
2023年7月10日
使用自定义拖拽指令实现el-draw宽(高)可拖拽
摘要: 一、问题引入 场景:el-draw抽屉高度(宽度)可拖拽 二、解决方案 使用vue指令,el-draw打开后,插入一个元素,绑定鼠标事件实现拖拽 主要代码如下 /** * el-drawer 拖拽高度指令 */ Vue.directive('el-drawer-drag-height', { bin
阅读全文
posted @ 2023-07-10 09:06 盼星星盼太阳
阅读(703)
评论(0)
推荐(0)
编辑
2022年12月7日
大屏适配方案
摘要: 一、问题引入: 可视化数据大屏需要适配各种大屏尺寸 1080P:1920*1080 2K:2560*1440 左右 4K:3840*2160 左右 8K:7680*4320 左右 二、适配方案分析 如果想简单,客户能同意留白,选用 scale 即可 如果需要兼容不同比例的大屏,并且想在不同比例中都有
阅读全文
posted @ 2022-12-07 17:09 盼星星盼太阳
阅读(4213)
评论(1)
推荐(1)
编辑
1
2
3
4
下一页
公告