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

原创浅谈v-if和v-show的运用(理论分析)

现在在列表中有个状态列,比如说订单状态。这个状态根据不同的数量显示不同的样式,由于虚拟滚动是动态计算行来实时渲染更新的,在频繁的动态渲染下,这里如果用v-if的话会导致有的行因为虚拟滚动计算不及时而导致有的行块的样式会发生变异,乍一看好像逻辑没啥问题但是结果却不是我们想象的那样。对于需要频繁更新dom的情况下使用v-show不会出现这种问题,而且在性能上也远远优于v-if。

2024-09-30 10:40:20 473

原创快餐时代下的生存智慧：如何在短视频与爽文的洪流中保持竞争力(随笔)

快餐文化作为一种新兴的文化现象，在带给人们便捷与快乐的同时，也带来了一些挑战。如何在享受这种文化的过程中保持理性，不被其负面效应所左右，是每个人都应该认真思考的问题。通过上述几点建议，我们希望能够帮助读者在快餐文化的浪潮中找到一条既可享受其乐又不影响个人发展的道路。在这个瞬息万变的时代，只有不断学习、勇于探索，才能真正意义上地保持竞争力，活出属于自己的精彩人生。

2024-09-14 15:09:46 282

原创 vue+element实现文件一次性批量上传(项目实战)

在element官网我们能发现,开启multiple为true的时候可以通过ctrl单机选中进行文件批量上传,看似好像已经万无一失了,但是多试几次就会发现,有时候会出现并发的情况,导致文件中可能有一些被重复覆盖了导致错乱,这是万万不行的。究其原因我们会发现他是每增加一个文件就会去请求一次接口，那么我们能不能把这些文件打包成一个请求去发送呢？

2024-08-28 10:05:12 599

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

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

2024-07-08 14:59:33 351 1

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

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

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

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

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

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

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

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

2024-06-12 11:26:49 901 7

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

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

2024-04-01 14:35:56 442

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

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

2024-04-01 14:06:38 295

qq_52730657的博客