2024-01-31 12:01:05
525
409
通过这种特效，我们可以让图片在用户的操作下折叠或展开，从而展示更多的内容或细节。上面的示例代码展示了一种简单的实现思路和具体的代码示例。在CSS中，我们为容器设置了默认的宽度、高度和背景颜色，并通过绝对定位将叠加在图片上方的覆盖层定位到底部。然后，通过设置.collapsed类的高度来实现折叠效果。要实现图片折叠展开特效，我们需要通过HTML构建页面结构，通过CSS设置样式，并利用jQuery实现交互效果。下面是一个简单的代码示例，演示了如何使用HTML、CSS和jQuery实现图片折叠展开特效。_html content 折叠展开图标
2024-01-31 12:01:57
288
273
最近遇到一个需求，一个古早的移动端 juery 项目要求做一个页面，从接口获取 pdf 文件流，然后预览出来。_var rawdata = window.atob(res.data.body);
2024-01-31 12:01:48
168
615
alert("yes--选中的值为：" $(":radio:checked").val());alert("选中了");一、利用获取选中值判断选中。是否有选中，获取选中的值。单选按钮的值、获取一组。/*------判断。5、设置单选按钮被选中。_jquery判断radio是否选中
2024-01-31 12:01:38
336
783
Vue中 echarts响应式页面变化resize()Vue项目中开发数据大屏，使用echarts图表根据不同尺寸的屏幕进行适配。在容器组件里面应用echartsLine.ts 文件。以上就完成了 Vue中 echarts响应式页面变化。先创建一个 echartsLine.ts 文件。接下来总结了一下echarts的一些常用知识。BUG：当页面进行缩放时图表大小没有变化。如果对你有所帮助还请。_vue echarts resize
2024-01-31 12:01:30
861
229
近期工作中遇到一个场景，有一个比较老的项目中使用的echarts4.x版本，而新需求需要使用echarts5.x的新特性来做，旧的地方没办法升级适配，所以考虑在项目中同时使用两个版本。此时，项目中会同时存在两个版本的echarts，使用和正常使用一样。安装完毕后，查看package.json文件中会添加一条如下内容。_特定项目使用特定npm版本
2024-01-31 12:01:30
413
784
barCategoryGap:'0%', /*多个并排柱子设置柱子之间的间距*/show: false, //不显示坐标轴线、坐标轴刻度线和坐标轴上的文字。show: false, //不显示坐标轴上的文字。{name: '平均值',type: 'average'}barGap:'0%', /*多个并排柱子设置柱子之间的间距，{name: '最大值',type: 'max'},{name: '最小值',type: 'min'}//barWidth:20, //设置柱子的宽度。_echarts柱状图柱子之间的距离
2024-01-31 12:01:06
586
379
1.普通柱图与象形柱图的合并2.多个普通柱图与象形柱图的合并公用一个x轴与多个y轴3.多个普通柱图与象形柱图的合并公用一个阴影背景4.图例点击隐藏普通柱图与象形柱图的合并_echarts柱状图阴影