- 博客(13)
- 收藏
- 关注
RSS订阅原创 echarts 适用于大屏项目 自适应图表文字大小
auto-echarts 适用于大屏项目 自适应图表文字大小。实现原理：通过监听浏览器分辨率变化，动态修改图表的参数(这里通过指定格式来替换)大小，从而实现自适应。封装方式：图表：配置每种图表的参数方法，通过传入参数，返回图表的配置项(内部文字大小的值用指定格式替换)。组件：配置echarts、highcharts等组件的基本实用方法，通过传入图表配置项，返回图表组件。hooks：监听浏览器分辨率变化的方法、根据正则替换图表配置项中的文字大小。
2024-01-26 14:14:26
806
原创 echarts间隔环形图、双间隔环形图的实现
首先上图看最终实现效果：可以看到图中使用空白间隔把环形图表隔开，内部使用同样颜色不同透明度展示。，legendSelectChanged中能拿到图例状态的列表，我们通过这个状态的列表来判断。可以看到图中使用空白间隔把环形图表隔开，内部使用同样颜色不同透明度展示。过滤原列表，如果图例没有选中，就不插入空白值，反之亦然。同样，图例颜色也需要更新。
2023-12-26 16:17:27
1482
1
原创 使用mapboxgl实现实时车辆移动效果，并优化卡顿
mapboxgl 方法 这个在最初实现功能的时候出现过，最初使用source源和layer的方式添加及setData更新的方式，但数据过多时页面卡顿严重，后续经过几个方法的实现，最后上文中是最优方式，目前demo中数据量也不会造成卡顿。以服务形式启动就可以查看了。
2023-06-07 17:58:42
989
原创 高德地图Amap2.0注销清除不掉内存的解决方法
在单页面应用中(vue,react等)，使用地图组件，在切换页面(路由)时，当前高德的地图注销方法不能够完全清除，在多次重复切换(地图与其他页面)时，会导致内存疯狂增长，最后浏览器、页面的崩溃，目前高德地图2.0应该都会有这个问题，最后提交了高德的工单，得到反馈说问题确认存在，各位在使用过程中有没有发现？
2022-08-24 10:06:37
5722
29
原创 node下载文件重新命名功能
记录一个下载文件重命名的功能首先从前台考虑过各种方法，xhr下载blob格式在重新命名方式去下载，但是这种就不适合跨域的形式了，试过各种方法，最后在前端方面放弃了。那么就从后端入手，node语言的后台 。首先下载的形式是从另外一个url以get形式下载文件，再通过重命名返给前台保存，使用axios下载，最重要的是**responseType: “stream”,**使用二进制流的形式去下载文件，以get形式下载文件/** * 重新下载文件名称 * @param ctx * @param nex
2021-12-06 10:31:07
503
原创 H5打包成安卓app后，js的localstorage失效报错
项目在打包成安卓APP后发现首页不展示了，后进行try catch排查发现，如下图。几经百度后发现，安卓支持localStorage浏览器的存储方法。android 在没有配置的情况下webview不支持h5的localstorage，2种解决方式1：用cookie。2：让android开发配置localstorage权限。...
2021-11-30 15:55:23
3092
转载 如何使用js写一个函数，输入n，返回实现斐波那契数列
斐波那契数列指的是这样的一个数列：1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144这个数列有一个规律，就是前两位的和等于它们的前一位，也就是说，从第三位开始，它的数值是前两位数值之和。既然知道它的规律，就可以尝试着使用递归函数来实现：function fb(n) { if(n == 1 || n == 2) { return 1 } return fb(n - 1) + fb(n - 2)}当n等于1或者2的时候，根据规律
2021-11-29 17:57:02
857
转载 axios上传图片
let params = new FormData()params.append('file', e.target.files[0])//params.append('file', content.file)params.append('type', 1)axios.post(uploadUrl, params, { headers: { 'Content-Type': 'application/x-www-form-urlencoded', token:
2021-11-29 17:49:49
2074
转载 js限制输入框只能输入两位小数点
<input type="number" oninput="value=value.toString().match(/^\d+(?:\.\d{0,2})?/)">
2021-11-29 17:45:00
663
转载 前端上传图片之前先进行图片压缩
export function zipImg(file) { return new Promise((resolve) => { if (file && (file.size / 1024 > 500 || file.type !== 'image/gif')) { let img = new Image() img.src = URL.createObjectURL(file) l.
2021-11-29 17:41:08
136
转载 vue打包生成zip压缩包
<div id="article_content" class="article_content clearfix"> <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-1a85854398.css"> <div id="content_views" class="htm...
2021-11-29 17:34:45
697
原创 解决findindex、includes等不兼容ie的解决方案附代码
解决findindex、includes兼容ie方法附代码前提：今天遇到兼容性问题，写了半天代码，在谷歌上测试没问题，然而被告知还要考虑IE的兼容！瞬间爆炸，记得写了好多findIndex、includes 可怎么办，百度了好多解决办法，也没有解决。翻到了个个好的网站，上面的解决办法，参考了下，下面进入正题。上代码！//这个是判断 没有findindex 方法的if (!Array.prototype.findIndex) { Object.defineProperty(Arra
2020-06-03 17:02:28
4782
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人