A老马，给我Q币！-CSDN博客

原创 js中map循环无法使用的几种场景及解决方案(理论分析)

splice 是直接操作并修改数组的，所以在找到茄子时在循环中的下标是0，而当删除茄子后，数组中原本茄子所占据的下标变成了白菜，然后到了下一个循环下标为1时，数组中的元素已经是苹果了,所以直接跳过了对白菜的循环。期望结果应该是fruit等于苹果对不对,哈哈不好意思用让您这边失望了呢,像map循环,foreach循环根本就用不了return，老老实实等他全部遍历完吧。期望结果应该是数组只剩下苹果和香蕉了对不对,但是很遗憾的是，程序并不是很听话没按照我们想象的结果来运行。好那么接下来看下解决方案。

2024-07-08 14:59:33 265

原创 vue通过拖拉拽动态改变vxe-table高度(项目实战)

如上图所示，如果我们需要订单列表和订单信息可以上下拖动，调整界面大小，订单列表向下拖动订单列表显示的界面变大，订单信息向上拖动，订单信息界面显示变大。通过拖拽来动态的改变表格高度及下面内容的高度。

2024-07-05 16:01:42 298 1

原创 js实现简易watch功能(项目实战)

最近笔者在写项目的时候遇到一些问题,因为项目需求要写一个h5嵌入到小程序里面,h5主要用到了leaflet和uni的sdk，那有没有办法让这两部分实现通信呢？我首先想到的是通过函数执行，好家伙根本定义不了函数。然后就只能通过监听来执行。对象里面的内容随便定义就行，我们的目标是获得一个变化来执行事件，现在大的要来了。这里随便设置新值就能执行到uni的操作了,可以加上自己的业务来加值。这里我们通过Proxy来监听目标对象的变化来监听。那有没有方法在点击标注的时候执行uni的方法呢?好又回到我们之前的地图操作。

2024-06-21 16:01:08 144 3

原创 Cesium、 Openlayers和leaflet如何根据不同项目选用？(理论分析)

如果项目重点在于三维可视化、高级空间分析或需要展示全球范围的实时数据，选择Cesium，但是Cesium不支持移动端。对于复杂、企业级的二维GIS应用，或者需要处理大量数据和高度定制化的项目，OpenLayers是更好的选项。如果是轻量级应用、快速开发需求或资源敏感环境，或者只需要基础的地图展示功能，Leaflet将是理想的选择。

2024-06-12 11:26:49 399 5

原创基于openLayerMap的前端性能优化(项目实战)

像上诉代码中,我们需要的是根据标注数组来循环创建标注,但是有两步操作很明显是多余的，在这一步中,我们的目的只要获取feature，但是其他的操作很明显是多余的,这里每一次循环都创建了一次layer，极大的影响了性能。一般情况下地图是用来获取用户位置进行地图选点或者标注显示,这时候我们需要来频繁的进行地图的显示与隐藏,地图每一次的重绘对性能的损耗是相当大的。减少不必要的循环操作,在js里面,进行对dom的操作是非常之慢的,所以我们需要将dom的渲染过程做到最优解。正确做法是将后续过程从循环体分离出来。

2024-04-01 14:35:56 371

原创基于openLayerMap标注滑动高亮及diff优化(项目实战)

在标注数据高达几十万条甚至更多的情况下,如果一次性全部加载出来我相信连开发openLayer的作者也做不到,基于这个条件下，我们需要对标注进行异步加载,笔者这里使用的是范围加载，通过把范围数据传递给后端，在由后端返回过滤后的结果，当然返回的数量也是有限的，我的建议是在10-100之间，超过这个数量地图会变的肉眼可见的卡顿。在数量小的时候可能差异不是很明显,但在数据量超过20条的时候每次滑动轮播图会有肉眼可见的卡顿感，非常影响用户的体验,尤其是在用户自身的性能不好的情况下尤为明显。最后放上效果实现图。

2024-04-01 14:06:38 262

qq_52730657的博客

原创 js中map循环无法使用的几种场景及解决方案(理论分析)

原创 vue通过拖拉拽动态改变vxe-table高度(项目实战)

原创 js实现简易watch功能(项目实战)

原创 Cesium、 Openlayers和leaflet如何根据不同项目选用？(理论分析)

原创基于openLayerMap的前端性能优化(项目实战)

原创基于openLayerMap标注滑动高亮及diff优化(项目实战)

原创 iView与element ui组件库差异大盘点(理论分析)

原创 three.js实现全景展厅漫游(项目实战)

原创 vue项目集成AR模型（项目实战）

空空如也

空空如也