- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue2 七天时间轴组件 可以点击某个时段
/ 设定每一天的时间段。// 不显示:00，只显示小时数。progress: 0, // 播放进度（0 - 100）currentIndex: 0, // 当前播放的索引。
2024-11-18 11:37:57
986
原创 vue页面保存图片并下载功能实现
el-tooltip class="item" effect="dark" content="保存为图片" placement="top">document.querySelector('#downimg').download = '下载图片.png'核心思路：使用插件html2canvas 将dom元素转换成canvas画布，然后将画布转化为base64地址进行点击下载。// 写一个隐藏的按标签，借助按标签的download属性下载图片。点击下载保存当前图表。
2024-09-19 15:13:34
949
原创 前端常规响应式大屏开发流程及注意事项
当我们拿到设计图，第一步就需要对设计图的每一个元素在心里有个大致的布局，习惯性是从左到右，从上到下来观察，例如上图，我会先将大屏分为 左、中、右三大块，再将左边这一块分为上中下三个小块，再将左上这一小块继续分为 左中右三个小块，以此类推，逐步细分到最小的元素。很多情况下一套样式已经满足不了多屏幕下的响应式展示，例如下图元素过多，空间过小的情况下，我们只能使用媒体查询，对元素的宽高，边距，字号等等再写一套样式来兼容，这也是响应式兼容最繁杂的一步。，这个插件比较容易二次修改样式，可移植性较强，代码简单易上手，
2024-09-09 14:47:53
2428
1
原创 VUE项目360兼容模式下判断浏览器ie内核
字符不被ie浏览器支持，导致整个script都报错，弹窗也无法弹出，虽然从逻辑上来说不会走到else分支，但是ie内核可能是先解析所有代码再根据具体逻辑展示，再解析的时候就报错了导致整段不执行。如果浏览器判断条件和无支持的语法写在一起，整个<script>标签内的内容都将失效，所以需要将判断条件单独写在一个<script>内。alert('当前浏览器为兼容模式，可切换极速模式来提升您的操作浏览体验!alert('当前浏览器为兼容模式，可切换极速模式来提升您的操作浏览体验!
2023-12-29 18:23:32
678
1
原创 element-ui 多选框回显问题
如图所示，后端返回的是用户id字符串，自己通过分割转化成数组，但是显示还是不对，只展示ID 不展示用户名字，后来发现，是以为因为value值的类型为字符串导致的。只要把value的类型转换成数字就可以正常显示了。
2023-05-12 11:38:53
997
1
原创 vue BMapGL创建可绘制折线区域百度地图
5.JS部分 我主要是处理折线区域的逻辑，点矩形还有圆需要自行看官方文档处理，地图初始化的时候一定要用this.nexttick 来处理，元素没有渲染完的话，地图是无法找到容器ID的，导致无法显示。1.先在项目public目录下的index.html 引入：（搜了很多文档都是这种方式引入，亲测可用）先上成果图： 可自定义标记点、折线、矩形、圆形，根据产品需求我还需要自定义绘制线条颜色。4.data里面定义的参数。
2023-04-26 11:11:54
1966
3
原创 CSS处理文字段落尾行行末缩进，点击查看更多展开效果
我们可以通过判断.text元素的高度 是否大于父元素的max-height 100px 来控制查看更多按钮的显隐，当点击查看更多切换时，父元素高度改为和子元素通高，或者去除/添加overflow-hidden属性即可。但是我们还有一个查看更多的按钮来控制内容显隐，要如何实现呢，现在我们有一种新思路，-webkit-line-clamp: 2;如图：第三行文末需要展示省略号，并且有查看更多按钮，切换显示隐藏。利用伪类视觉看起来有渐变淡出效果。
2023-04-03 14:35:03
4802
7
原创 Vue使用x2js将xml格式转为json 数据类型转换问题
XML标签名个数为0：期望转成空数组但是被x2js转成一个空字符串，XML标签名个数为1：期望转成1个子项的数组但是被转成了一个对象，XML标签名个数为2或者以上：被转换的情况就为正常数组形式，
2023-03-23 09:42:26
491
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人