logo

NingLx

进击的菜鸡
  • 首页
  • 归档
  • 标签
  • 分类
  • 关于
  • 一些小玩意
    • ThreeJs
    • MyMap
    • Mapbox
    • ThreeBox
    • Cesium
  • Github
logo
NingLx
  • 首页
  • 归档
  • 标签
  • 分类
  • 关于
  • 一些小玩意
    • ThreeJs
    • MyMap
    • Mapbox
    • ThreeBox
    • Cesium

本地搜索

2023-03-07
Cesium基本地图组件创建
  • Cesium
前端
最近的项目中用到了 CesiumJS ,目前基本使用的问题大体排清
  1. 官网下载 Cesium 源码程序包,解压

  2. 解压后的目录中进入 Build 文件夹,找到 Cesium 文件夹,复制 Cesium 整个文件夹到项目的 public 文件夹下

  3. 项目根组件 index.html 中引入 public 下的 Cesium (目录根据自己实际情况改写):

2023-03-06
flvjs视频流播放组件封装(&断线重连)
  • Flvjs
  • Vue
  • 视频播放
前端
最近项目中遇到了视频流播放的相关业务处理,因为同时有断线重连的需求,所以为了减少业务页面的代码量,对组件进行封装使用

项目基于 Vue 框架进行开发

  • 上代码
2022-12-29
flex布局space-between最后一行展示问题
  • Css
前端

在使用 flex 进行布局时涉及多个元素遍历渲染, 要使用 space-between 时会发现: 最后一行元素数不满一行个数时会平均分布开, 而不会从左到右排列, 不符合一般样式要求


可以使用下面的办法解决

2022-12-29
el-table-column数据过长多行省略处理
  • ElementUI
前端

场景:在使用 el-table 时会遇到表格某行数据过长的情况

  • 一般的处理方式是直接使用 el-table-column 的 show-overflow-tooltip 来省略过长的内容
  • 还有一种是特殊需求:需要 多行展示后 再进行省略显示。 以下是处理方式:
2022-12-27
echarts鼠标首次悬浮经过页面闪动
  • Echats
前端
使用 echarts 绘制图形后,在页面中首次鼠标悬浮划过会出现页面闪动,突然有滚动条出现又立即消失,从页面来看应该是 tooltip 超出屏幕边界导致的,可以通过以下办法解决 :tooltip options 添加以下属性:123456&
2022-12-27
vue路由重复点击报错
  • Vue
前端
通过 $router.push() 的方式跳转路由时,路由重复点击会报错解决办法: 在 router 的 index.js 文件中 use router 之前加入以下代码 : 12345678//router/index.jsimport
2022-06-02
antVL7可视化开发问题
  • Javascript
  • Vue
  • 地图可视化
前端
前一阵子在使用antVL7进行地图可视化开发时遇到一些问题,这里总结记录一下
经典热力图展示问题

首先是基本用法

1
2
3
4
5
6
7
8
const myHeatmapLayer = new HeatmapLayer()
.source(data)
.shape('heatmap')
.size('demonum', [0, 1.0])
.style({
// 具体色带,热力图最小半径等配置,可以自行去官网查看
......
})

上述代码 data 是一个由多个 feature 点构成的 geojson 格式数据;
其中 demonum 是上述数据中 feature 属性即 feature.properties.demonum 字段大小(必须为数字类型,可以遍历使用Number()操作)
由于有多个 feature, 所以热力图 将根据每个 feature 中的 demonum 字段大小作为热力值进行绘制

2022-05-18
mapbox关闭/取消图层的点击事件
  • Gis开发
  • Javascript
  • Mapbox
前端
mapbox地图开发时会遇到给图层添加完点击事件无法继续使用匿名函数取消掉此事件,此时稍微修改写法即可123map.on('click','layerId',function(e){ co
2022-05-18
elementUI修改messageBox弹框样式
  • Css
  • ElementUI
前端
elementUI messageBox 组件自定义样式方法:添加属性’customClass’12345678this.$confirm('确认?','告警',{ confirmButt
2022-05-07
记录Promise.all用法
  • Javascript
  • 异步同步
前端
场景:页面中多个耗时请求返回的数据的集合需要作为另一个业务的前置数据使用方法示例:12345678910111213141516171819202122var newNum = 0// 第一个耗时请求 返回第一个数据var firstSlo
上一页
3 / 5
下一页

NingLx

a web developer

NingLx

文章分类
  • 前端
    (41)
  • 后端
    (2)
  • 通用
    (2)
热门标签
Cesium Css ES6 Echats ElementUI Flvjs Gis开发 Git Highcharts Javascript Mapbox NodeJs SpringBoot Threejs Vue Websocket nginx 上传下载 地图可视化 异步同步 视频播放 语法优化 运维
归档
  • 十二月 20251
  • 十一月 20252
  • 十月 20252
  • 三月 20252
  • 二月 20252
  • 一月 20254
  • 四月 20242
  • 二月 20241
站点信息
文章数目:
43 篇
已运行时间:
本站总字数:
18.2k 字
本站访客数:
人
本站总访问量:
次
最后活动时间:
Thu Dec 04 2025 18:35:06 GMT+0800 (中国标准时间)
2025-12-04 日

Copyright © 2023 - 2025 NingLx