随笔分类 - JavaScript
发表于 2025-01-21 15:25阅读：37评论：0推荐：0
摘要：1. Object对象 const data = { "banana": [ { "color": "yellow", "count": 2 }, { "color": "green", "count": 3 }, { "color": "black", "count": 12 } ], "appl
阅读全文 »
发表于 2024-12-18 13:37阅读：215评论：0推荐：0
摘要：我在使用VueDraggableResizable制作一个窗口，然后需要点击esc关闭窗口。 但是键盘事件没有生效，写任何位置都不行。 解决方案 在需要触发esc事件的div或其他上给出 tabindex 属性，属性值写啥不重要。tabindex可以使元素获取焦点，而键盘事件触发需要焦点。 如果是其
阅读全文 »
发表于 2024-06-05 09:12阅读：491评论：2推荐：1
摘要：Don't Talk, code is here: 重点是startRecord 方法 <template> <div> <el-tooltip class="item" effect="dark" content="再次点击 【开始录音】 即为重新录制，之前录制的将被作废" placement="
阅读全文 »
发表于 2024-03-04 15:37阅读：853评论：0推荐：0
摘要：实现方式 在axios请求中注明responseType: 'blob'，headers的Accept: 'audio/wav'不清楚要不要写，我加上了(请求接口) 在接口返回值中，使用Blob的构造方法将数据转换成Blob对象 (封装Blob对象&形成URL) 将得到的Blob对象通过URL.cr
阅读全文 »
发表于 2023-12-21 09:09阅读：171评论：0推荐：0
摘要：计算两个经纬度点的距离以及第二个点相对于第一个点的角度（正北为0，顺时针方向为正）
阅读全文 »
发表于 2023-12-15 14:57阅读：356评论：0推荐：0
摘要：JavaScript showDirectoryPicker 浏览本地文件夹
阅读全文 »
JavaScript showDirectoryPicker 浏览本地文件夹
发表于 2023-08-04 13:29阅读：139评论：0推荐：0
摘要：思路：利用layer的StyleFunction 来使地图移动或者放缩的时候，使圆保持在地图中心 ```Javascript /** * 绘制距离环 * @param {number} distance 每环间隔距离，单位：米 * @param {array} texts 要显示的内容 * @des
阅读全文 »
思路：利用layer的StyleFunction 来使地图移动或者放缩的时候，使圆保持在地图中心 ```Javascript /** * 绘制距离环 * @param {number} distance 每环间隔距离，单位：米 * @param {array} texts 要显示的内容 * @des
发表于 2023-08-03 16:07阅读：69评论：0推荐：0
摘要：例子： ```Javascript function log(a, b = 2, c = 3, d = 4) { console.log(a, b, c, d) } log(1); // output: 1 2 3 4 log(1, 3, 6, 9); //1 3 6 9 log(1, undefi
阅读全文 »
发表于 2023-08-03 10:05阅读：896评论：0推荐：1
摘要：比如我修改了 字体 ```javascript feature.getStyle().getText().setFont('12px sans-serif') ``` 地图上没有及时更新，需要缩放或者进行其他操作才可以 这个时候调用 ```Javascript layer.changed() ```
阅读全文 »
发表于 2023-07-03 16:51阅读：312评论：0推荐：0
摘要：### 问题：给一个距离，如何确定4326地图缩放等级或者分辨率使地图视口范围为这个距离 1. 我本来打算计算从地图视口左上角到右下角的距离来计算地图缩放的，然后发现不好算，我也不会算，于是就计算水平方向距离的缩放。 2. 然后我发现了地图分辨率的定义使是 ： **分辨率——屏幕上一个像素代表多少地
阅读全文 »
发表于 2023-03-23 15:15阅读：179评论：0推荐：0
摘要：这里有个 change:resolution 事件 但是事件的内容没有value，只有oldValue Zc {type: 'change:resolution', target: F, key: 'resolution', oldValue: 9786.603971778399} 获取当前值的方法
阅读全文 »
发表于 2023-03-17 13:40阅读：334评论：0推荐：0
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>奇奇怪怪的滚动条显示</title> </head> <style> #progress { position: fixed; top: 0; left: 0; height: 3
阅读全文 »
发表于 2023-03-16 17:58阅读：159评论：0推荐：0
摘要：addEventListener EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget 上，当该对象触发指定的事件时，指定的回调函数就会被执行。 1.1 EventTarget可以是一个文档上的元素 Element、Document 和 Wi
阅读全文 »
发表于 2023-03-09 14:13阅读：480评论：0推荐：0
摘要：我们求角度的时候， 第一反应应该是Math.tan(x/y)就得到角度了 但是这样求的是和y轴的夹角，如果以y轴正方向为0度，顺时针为正，则第三象限和第一象限的tan值一致，需要判断x,y和0的关系，从而判定该角度是多少 也看到过Math.atan2(y, x)这个函数， 其实这个函数是这样的： 它
阅读全文 »
发表于 2023-03-08 09:43阅读：7506评论：0推荐：0
摘要：RGBA颜色转HEX 转换步骤： 先将r、g、b分别转换为十六进制，比如 r、g、b分别为 255，则转换后得到的为 FF、FF、FF 将a 乘以 255，然后获得的积的整数部分转换为十六进制，如 a 为 0.4，乘以255后得到的积为102，102 转换为十六进制就是66 将上两步得到的数拼成字符
阅读全文 »
RGBA颜色转HEX 转换步骤： 先将r、g、b分别转换为十六进制，比如 r、g、b分别为 255，则转换后得到的为 FF、FF、FF 将a 乘以 255，然后获得的积的整数部分转换为十六进制，如 a 为 0.4，乘以255后得到的积为102，102 转换为十六进制就是66 将上两步得到的数拼成字符
发表于 2023-02-16 16:53阅读：99评论：0推荐：0
摘要：这里的每个坐标值都是弧度制！弧度制啊弧度制 const coord1 = [lat1 / 180 * Math.PI, lon1 / 180 * Math.PI] const coord2 = [lat2 / 180 * Math.PI, lon2 / 180 * Math.PI] /** * 计算
阅读全文 »
发表于 2023-01-05 17:41阅读：116评论：0推荐：0
摘要：ES6 语法糖 1. ... ... 表示取出可遍历数组中的内容。 const arr = new Array() const numbers = [1,2,3,4,5] arr.push(...numbers)// arr内容：1 2 3 4 5,即将numbers的内容挨个取出然后push到ar
阅读全文 »
