随笔分类 - JavaScript
摘要：最近需要做一个三维场景切换的功能，切换场景后，还可以进行二三维模式的切换，二三维切换时，要定位到当前场景视角，那么场景的视角参数信息就需要保存到状态数据中，以供二三维场景切换时使用。 项目是用vue做的，这里并没有使用vue的状态管理库，我是这样实现的： 定义状态数据sceneInfo let sc
阅读全文
摘要：你习惯在js代码中使用async await吗？ 我经常在js代码中写一些异步方法，使用await调用的地方，如果方便修改成异步方法，就修改成异步方法，如下所示： async setPosition(graphic, lng, lat) { this.lng = lng; this.lat = la
阅读全文
摘要：代码(注意：如果没有checkCount，使用它的页面销毁时，应当销毁定时器，防止泄露)： /** * 等待某个变量准备就绪 * @param { () => { } } func */ async function waitForReady(func) { return new Promise((
阅读全文
摘要：GitHub https://github.com/iamkun/dayjs 文档 https://dayjs.fenxianglu.cn/category/ 下载 https://cdn.jsdelivr.net/npm/dayjs@1.11.10/dayjs.min.js 主要用法 字符串转日期
阅读全文
摘要：方式一 let Car = (function () { function Car() { } Car.prototype.moveCar = function () { } return Car; })(); 方式二 class Car { constructor() { } moveCar()
阅读全文
摘要：Leaflet 使用图片作为地图 关键代码： L.CRS.Simple.transformation = new L.Transformation(1, 0, 1, 0); // 坐标原点切换为左上角 var map = new L.Map('map', { crs: L.CRS.Simple, /
阅读全文
摘要：代码： <!DOCTYPE html> <html> <head> <title>计算屏幕坐标</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vie
阅读全文
摘要：C# WebSocket 后端代码： using Newtonsoft.Json; using SuperSocket.WebSocket; using System; using System.Collections.Concurrent; using System.Collections.Gen
阅读全文
摘要：代码： function delay(time) { return new Promise(function (resolve, reject) { setTimeout(() => { resolve(); }, time); }); } function* output() { yield de
阅读全文
摘要：实现地图瓦片纠偏的leaflet.mapCorrection.js代码： //坐标转换 L.CoordConvertor = function () { /**百度转84*/ this.bd09_To_gps84 = function (lng, lat) { var gcj02 = this.bd
阅读全文
摘要：leaflet.markerRotation.js 代码(这段代码是从插件 leaflet.polylineDecorator.js 中复制的)： // leaflet 实现 marker 旋转 (function () { // save these original methods before
阅读全文
摘要：最近接手一个Web三维项目，前后端分离，前端是传统的前端项目，但又是模块化的开发方式，在修改的过程中，我需要做一些增删改查的功能，又想尽可能少的写css、尽可能少的直接操作DOM元素，所以引入了element-ui和vue，但是又不想依赖nodejs和webpack，不想引入相关配置文件，就实现了一
阅读全文
摘要：需求：这个需求是个刚需啊！在一个地铁场景里展示逃生路线，这个路线肯定是要有指示箭头的，为了画这个箭头，我花了不少于十几个小时，总算做出来了，但始终有点问题。我对这个箭头的要求是，无论场景拉近还是拉远，这个箭头不能太大，也不能太小看不清，形状不能变化，否则就不像箭头了。 使用到了 three.js 的
阅读全文
摘要：父页面代码： <!DOCTYPE html> <html> <head> <title>选择位置demo</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
阅读全文
摘要：leaflet有个绘图插件Leaflet.draw，但是我不想要它的控件，只想用它的绘制功能，控件我自己提供，当时不知道如何使用，就自己写了个绘制点线面圆和椭圆的工具，代码如下： /// <reference path="define.js" /> /// <reference path="icon
阅读全文
摘要：(地图瓦片纠偏最好的方法在这：https://www.cnblogs.com/s0611163/p/15606460.html) 地图区域是一个市，偏移量可以近似认为是固定不变的，通过修改Leaflet-src.js源码中的_update方法和_addTile方法对瓦片进行偏移纠偏。 Leaflet
阅读全文
摘要：HTML代码： <!DOCTYPE html> <html> <head> <title>Vue Demo</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta nam
阅读全文
摘要：示例代码： marker.addEventListener("click", function(){ if (!window.markerClicked) { window.markerClicked = true; } else { window.markerClicked = false; re
阅读全文
摘要：代码： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>IMG元素内存泄露测试</title> <script type="text/javascript" src=
阅读全文
浙公网安备 33010602011771号