Light_10-CSDN博客

原创网站收集-

1、按钮表单样式：【Uiverse地址】https://uiverse.io/

2024-09-12 17:26:01 203

原创修改 Cesium 默认视角

从源码上寻找，找到相机模块中初始化的位置，其实只需改动这一个静态字段即可。

2024-09-11 11:48:01 299

原创前端上传Excel，解析并渲染到表格中(前端实现)

用户将已有的excel上传到系统，并将excel数据同步到页面的表格中进行二次编辑。3.编写上传组件，这里是element-UI。waterLevel: '' // 水位。1.安装xlsx,在终端运行以下命令。5.上传并解析，匹配表头重组数组。2.在需要使用的页面引入xlsx。希望得到的数据是，所以进行了转换。lon: '', // 经度。lat: '', // 纬度。

2024-08-28 18:36:46 363

（Make A Pie替代网址）5、http://pie.antcode.net，可以echarts版本调试，而且对于echarts图表的显示大部分都修复了，其他网站很多都预览不了。4、Make A Pie复刻站点2：http://www.isqqw.com/ 备用地址http://echarts.isqqw.com/1、常用，Make A Pie替代https://www.makeapie.cn/echarts。3、makeapie 复刻站点1：http://ppchart.com/

2024-08-19 18:37:36 424

原创 flex.css布局使用教程

在移动端开发中，并不是所有的浏览器，webview，微信等各种版本都支持标准的flex，但是基本上都会支持-webkit-box，所以flex.css的主要作用是保证每一个属性都能支持标准flex或旧版本的-webkit-box。由于flex.css采用了autoprefixer编译，所以能够保证在浏览器不支持标准flex布局的情况下，回滚到旧版本的-webkit-box，保证移动设备中能呈现出一样的布局效果。

2024-08-19 18:27:13 342

原创基于echarts绘制河道断面图

option = {},},},"grid": {},"xAxis": {},},"yAxis": {},},z:1},},z:0},"data": [{},"label": {},}, {},"label": {},}]}]

2024-08-14 11:45:47 485

原创 openlayer4将geoJson转成feature对象、把wkt格式的数据转化为feature的对象

使用OpenLayers的format类中的GeoJSON类将GeoJSON数据转换为Feature对象。writeFeatures()方法，可以将Feature对象转换为GeoJSON格式的数据。对象来将WKT格式的数据转换为。

2024-08-06 16:29:56 292

原创检查数组中是否有对象的key属性等于1

但是，由于`includes`是用来检查数组元素的，所以你需要确保你的数组元素是对象，并且`key`属性是可序列化的。如果没有元素通过测试，则返回`true`，否则返回`false`。`reduce()`方法对数组中的每个元素执行一个由你提供的“reducer”函数，将其结果汇总为单个返回值。这个方法会返回数组中满足提供的测试函数的第一个元素的值，如果没有找到这样的元素，则返回。`filter()`方法创建一个新数组，包含通过所提供函数实现的测试的所有元素。方法会测试数组中的元素是否通过提供的函数实现。

2024-08-01 20:06:12 365

原创 Openlayers中Feature与WKT之间的转换，Feature坐标系的转换 WKT与GEOJSON转换

【代码】Openlayers中Feature与WKT之间的转换，Feature坐标系的转换。

2024-07-17 09:31:33 318

原创通过js 基于给定的最大值和最小值将数值范围等距地分为5个区间

这个函数首先计算每个区间的大小，然后通过循环创建每个区间的边界值，并将它们存储在一个数组中。最后一个区间的最小值是前一个区间的最大值，最大值是给定的最大值。这样，你就可以得到5个等距的区间。1. 计算区间的大小，即最大值和最小值之差除以4（因为你需要5个区间，所以是4个间隔）。2. 根据这个区间大小，计算每个区间的边界值。3. 创建一个包含5个区间的数组。

2024-06-27 17:17:42 267

原创 js 遍历数组，并在遍历的过程中删除元素

在JavaScript中遍历数组并同时删除元素时，需要特别注意遍历的方式，因为直接在遍历过程中修改数组的大小可能会导致某些元素被跳过。使用 `for...of` 循环可以安全地遍历数组，但如果你想在遍历过程中删除元素，应该从后向前遍历，这样删除元素时不会影响未遍历到的元素的索引。这种方法不会修改原数组，而是返回一个新数组。如果你必须使用 `forEach` 方法，并且需要在原数组上进行操作，同样应该从后向前遍历。使用传统的 `for` 循环时，可以控制循环的索引变化，从而在遍历过程中安全地删除元素。

2024-06-13 15:13:34 1297

原创 Openlayers 实现点位聚合

【代码】Openlayers 实现点位聚合。

2024-06-12 16:38:52 301

原创在 Vue 3 和 Pinia 中，当您在组件中使用 `ref` 来存储响应式状态时，需要确保正确地从 Pinia store 中读取和同步状态。

1. **异步加载状态**：如果 `systemStore.bottomMenus` 是在异步操作 `loadBottomMenus` 中被赋值的，那么您需要等待该异步操作完成后才能获取到值。2. **响应式处理**：确保 `bottomMenus` 在 store 中被定义为一个响应式状态（使用 `ref` 或 `reactive`）。3. **组件初始化时机**：`onMounted` 钩子可能在 `systemStore.bottomMenus` 被填充之前就被调用了。// 确保赋值操作正确。

2024-06-04 10:58:45 918 1

原创 js 除指定值为true其余全改成false

在JavaScript中，如果你有一个对象或数组，并且想要根据某些条件修改它的值，你可以使用循环来实现。如果你的目标是将数组或对象中的所有元素（除了索引为1的元素）的值设置为false，同时保持索引为1的元素的值为true。

2024-05-29 20:07:25 318

原创 js 数组反转

在上面的代码中，我们使用Math.floor向下舍入( i < Math.floor(arr.length/2) ) i < Math.floor(arr.length/2)给定数组的一半元素。reverseArray1函数将一个数组( arr )作为参数，并通过向后循环遍历给定的数组，以相反的顺序创建一个相同元素的新数组( newArr )( let i = arr.length - 1;数组的最后一个元素将是循环的起点(arr.length — 1) ，它将一直运行直到到达数组的起点(i ≥ 0)

2024-05-08 15:58:46 228 1

原创 vue v-for循环隔行换色

隔行换色：<div v-for="(each, index) in detailInfo" :key="index" :class="index % 2?'' : 'strip-row'">，4可以换成其他数值代表行数。

2024-04-29 17:14:49 271 2

原创 vue 遍历数组，并在遍历的过程中来删除元素

我们从数组的最后一个元素开始遍历，这样做的原因是当我们删除元素时，后面的元素会向前移动，填补被删除元素的位置，这样就不会影响到未处理的元素的索引。通过从后向前遍历数组，我们可以确保在删除元素时不会影响到未处理的元素的索引，从而避免了潜在的错误。为了解决直接修改数组长度可能导致的索引问题，我们采取了从后向前遍历的。这样就删除了所有未选中的节点，同时避免了在遍历过程中直接修改数组长度的问题。的值，这样就能保证我们总是从数组的末尾开始处理。是一个特殊的标记，表示这是一次重置操作。数组，并在遍历的过程中使用。

2024-04-28 18:37:37 826 1