- 博客(19)
- 收藏
- 关注
原创 element时间picker-options限制开始时间及结束时间
开始时间:需要在picker-options传入结束时间 :picker-options=“pickerOptionsStart(endTime)”结束时间:需要在picker-options传入开始时间 :picker-options=“pickerOptionsEnd(startTime)”
2025-04-01 16:30:35
233
原创 qiankun微应用子系统部署后,element的字体文件和icon报404
原因是qiankun将外链样式改成内联样式,但是这些404文件加载的路径是相对路径。微应用打包后icon破损,字体文件404。(适用于字体文件和图片体积小的项目)将字体文件和图片打包成。
2024-11-21 18:03:16
254
原创 正则验证大全
日期YYYY-MM-DD hh:mm:ss: /^(\d{1,4})(-|/)(\d{1,2})\2(\d{1,2}) (\d{1,2})😦\d{1,2})😦\d{1,2})$/:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/\d{6}|90)$/|1(.0{1,3})?日期YYYY-MM-DD: /^\d{4}(-)\d{1,2}\1\d{1,2}$/{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/
2023-06-16 16:24:11
700
原创 css 动画框架
我们可以选择想要的动画类型(例如entrance/exist),除了可以选择某个动画(例如,scale-in)外,甚至还可以为该动画选择不同的展示效果(例如: scale-in-right)。WickedCSS是一个小的CSS动画库,它没有太多的动画变体,但至少有很大的变化。另外,也可以编辑现有的。Hover.css是许多CSS动画的集合,与上面的动画不同,每次将元素悬停时都会触发。
2023-06-13 11:20:08
884
原创 echarts实现单个省地图 例:内蒙古
由于项目下载的echarts版本是5.4.0, 所以下载的是内蒙古的json包。废话不多说,直接上代码。
2023-06-01 15:49:44
1113
原创 js 实现data返回的数据生成table
请求接口返回数据这里返回的数据结构类似于这样var data = [[‘’, ‘头部1’, ‘头部1’, ‘头部1’, ‘头部1’, ‘头部1’, ‘头部1’, ‘头部1’],[‘’, ‘头部1’, ‘头部1’, ‘头部1’, ‘头部1’, ‘头部1’, ‘头部1’, ‘头部1’]]根据返回的数据渲染在table由于需要行列合并,这里就没有需要theadvar tab = document.getElementById("table");var strHtml = '<tbo..
2022-04-22 14:22:05
1130
原创 BMapGL实现地图轨迹运动(地图视角不变)
BMmapGL实现地图轨迹想要实现:轨迹运动地图视角不能随之改变有icon标识运动当前的位位置总的说就是在BMapGl里实现BMap的轨迹运动功能由于数据之间的经纬度之间的距离太遥远,不能使用每隔一段时间换一个point这种办法,后来仔细看了看百度地图的demo文档,路书的能实现均匀的轨迹运动,但是需求和demo还是有一点点的不同,所以做了小小的改动。路书demo最后实现的效果如下:引入路书的js在地图上根据数据绘制出一条线icon和轨迹 var points = [] /
2021-12-30 16:32:30
3842
原创 更换迁徙图的图标icon
想要实现的效果 如图:echarts上设置把原先的矢量图地图 path = ‘path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5
2021-08-12 11:51:17
560
原创 echarts饼状图线的长度设置
设置是否显示线 lable{ show: true, // false不展示 position: "outside", // 设置位置在饼状图的外面 inside为内部}设置线的样式labelLine: { normal: { length: 100, //第一条线 length: 30, //第二条线 lineStyle: { width: 1, // 线条的宽度 ...
2021-08-11 14:25:50
13055
3
原创 echarts天气预报
实现效果如图:echarts官网地址:天气预报原数据需要更改数据结构handleCommon() { // 可以引入多个icon var weatherIcons = { Sunny: './data/asset/img/weather/sunny_128.png', Cloudy: './data/asset/img/weather/cloudy_128.png', Showers: './data/asset/img/weath
2021-08-10 19:01:48
2141
原创 百度地图BMap和BMapGL的区别
1.引入的js的 BMap引入版本是2.0 <script src="//api.map.baidu.com/api?type=webgl&v=2.0&ak=您的密钥"></script> BMapGL引入版本是1.0 <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>2.初始化地图 ...
2021-08-10 15:47:08
16683
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人