JavaScript
关注
分享
扫一扫
cwr888
GIS老油条，有任何GIS问题很乐意一起交流(v:junco--)，有项目更好。
展开
-
yarn install 报error Couldn‘t find package “core-js@^3.8.3“ required by “@vue/babel-preset-app@^5.0.8
yarn install 报错基本上是由资源地址请求超时造成的。运行命令，更换一下请求地址，把资源地址设置成npm淘宝源即可。原创 2023-12-11 16:18:50 · 4355 阅读 · 0 评论 -
VUE3页面截取部署后的二级目录地址
用vue3开发了一个项目，只能部署在根目录，不能加二级目录，后来网上找了解决方案，在vite.config.ts中增加base: './',配置解决问题。部署后要获取部署的二级目录地址切遇到问题，后来想了个笨办法，vue是单页面项目，通过"index.html"截取解决。原创 2023-10-13 18:57:19 · 466 阅读 · 0 评论 -
前端多张图片无缝无限循环滚动
循环滚动实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。原创 2023-09-25 16:59:23 · 2264 阅读 · 0 评论 -
微信小程序实现瀑布流布局
微信小程序实现瀑布流布局原创 2023-02-21 14:45:40 · 521 阅读 · 0 评论 -
因项目需要做了一个滑动条实例
因项目需要做了一个滑动条实例原创 2023-01-31 12:26:33 · 108 阅读 · 0 评论 -
formData+MultipartFile进行附件传输报400“Bad Request“
formData+MultipartFile进行附件传输报400错误，详情中带 error: "Bad Request"，通常为formData设置值时key与后台不一致。原创 2022-12-22 20:46:21 · 2701 阅读 · 0 评论 -
javascript逗号运算符(,)说明
javascript逗号运算符(,)计算其每个操作数（从左到右），并返回最后一个操作数的值。这样可以创建一个复合表达式，其中对多个表达式求值，复合表达式的最终值是其最右侧成员表达式的值。原创 2022-09-23 16:14:15 · 2518 阅读 · 0 评论 -
javascript对象属性名以数字开头如何获取
javascript对象属性名以数字开头如何获取原创 2022-08-18 18:28:01 · 2154 阅读 · 1 评论 -
通过leaflet的L.geoJSON添加图层，没图形显示也没报错
通过leaflet的L.polygon加载面数据正常显示，但通过L.geoJSON添加面图层数据却不显示也没报错。原创 2022-08-18 18:05:06 · 1491 阅读 · 0 评论 -
leaflet加载geoJSON图层数据时报Invalid LatLng object
leaflet加载geoJSON图层数据时报：Uncaught Error:Invalid LatLng object错误原创 2022-08-16 21:07:55 · 2728 阅读 · 0 评论 -
微信小程序web-view加载网页字体非常小的问题
微信小程序web-view加载网页的字体非常小，问题解决办法在网页中加上原创 2022-07-12 16:30:37 · 2480 阅读 · 0 评论 -
Leaflet加turf生成等值线图（或色斑图）并单击显示值
Leaflet加turf生成色斑图并单击显示值范围或精确值参考代码如下：index.html<!DOCTYPE html><html lang="en" ><head> <meta charset="UTF-8"> <title>CodePen - turfjs-interpolate-isoband</title> <link rel='stylesheet' hr.......原创 2022-05-11 19:46:40 · 4839 阅读 · 4 评论 -
HTML和jquery实现播放功能
HTML和jquery实现播放功能，如下图所示：代码如下：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>Time play test</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></sc.原创 2022-05-01 14:00:58 · 594 阅读 · 0 评论 -
leaflet加载leaflet-canvas-marker图层时出现偏移问题解决
问题背景: 用leaflet加载高德地图，对地图进行操作(如:放大、缩小或移动)后，再动态加载leaflet-canvas-marker图层，图层第一次(初始)叠加在地图上有偏移，对地图进行操作(如:放大、缩小或移动)后，偏移消失。[特别注意要先对地图进行操作，再加载leaflet-canvas-marker图层，否则问题不能重现]。如下图: 第一次(初始)叠加位置： 对地图进行操作后位置： 初步判定为leaflet-canvas-marker的一个Bug。问题解决:动态加...原创 2022-04-25 18:29:24 · 4755 阅读 · 0 评论 -
form 表单提交时用ajax异步请求导致ajax请求结果无法接收问题
1、背景描述，有个公司内部用的小系统，不想大动干戈用太多前端框架，就用HTML5写了个登陆页面，刚开始想着用form表单提交登陆账户信息。后来因为前后端分离，并且统一用ajax调用后台服务交互数据，因此在form表单提交的方法中加了ajax异步调用后台服务验证登陆信息。2、问题，在登陆功能测试时，偶尔出现点登陆按钮后，页面跳转并重新加载后无反应(控制台没有报错,后台服务正常)，前端ajax调用成功后方法打了断点也没进入，再点登陆按钮几次又能正常登陆。3、解决，经过测试为form表单提交并刷新页面后，aj原创 2022-03-29 17:00:44 · 1946 阅读 · 0 评论 -
Ajax原生写法send发送请求报错Problem retrieving XML data
Ajax原生写法，通过XMLHttpRequest对象的send发送请求时，send方法报错：Problem retrieving XML data经过调试发现为请求服务不能访问(或卡顿)，因此请检测服务地址是否正确或是否能正常访问。原创 2022-03-29 15:22:50 · 1652 阅读 · 0 评论 -
气象NC扇形经纬网格转换成前端要求的等经纬网格
气象NC扇形经纬网格转换成前端leaflet-vector-scalar.js要求的等经纬网格背景：最近从气象局拿到文件格式为NC的气象文件(包括温度、湿度、风、气压、雨量等)，需要读取其中的温度数据并在前端展示。用专业软件打开一看，图是扇形的，经纬度间隔也不相等。问题：需要读文件格式为NC的气象文件中的温度数据，并转换为leaflet-vector-scalar.js要求的等经纬网格JSON数据。解决：通过JAVA调用netcdf包读取NC文件，将NC扇形经纬网格转换成等经纬网格，转.原创 2022-03-08 18:09:58 · 1416 阅读 · 0 评论 -
NET WinForm 通过CefSharp 96.0.170嵌入Google浏览器并与网页JS交互
NET WinForm 通过CefSharp 96.0.170嵌入Google浏览器并与网页JS交互原创 2021-12-16 16:56:22 · 1677 阅读 · 0 评论 -
Openlayers显示-360到360的网格图层
Openlayers显示-360到360的网格图层，效果如下图：实现代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Openlayers显示-360到360的网格图层</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/ope.原创 2021-11-04 17:53:27 · 503 阅读 · 0 评论 -
Openlayer地图折线上点的信息错位标注方法
Openlayer地图折线上点的信息错位标注方法，尽量不压到线，如下图所示：解决思路如下：一、起点处理起点与第二点标牌方向相反二、中间点处理以中间点为坐标系原点，求中间点连接的两条边线在第几象限，并求出每天条边线与y轴正半轴之间的夹角。1、两个边不在一条直线上，标牌标在中间点连接的边线的两个夹角的角度最大的一边(1)两个边在同一象限case 同象限1、1 标牌标在象限3case 同象限2、2 标牌标在象限4case 同象限3、3 标牌标在象限1case 同象限...原创 2021-10-22 17:16:45 · 506 阅读 · 0 评论 -
Openlayers前端复用Turf.js生成平头Buffer
Openlayers前端复用Turf.js生成平头Buffer，实现如下效果：代码如下：<!doctype html><html lang="en"> <head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.2.1/css/ol.css" type="text/cs.原创 2021-10-19 16:21:55 · 1125 阅读 · 0 评论 -
openlayers 根据经纬度画球面上的圆
openlayers 根据经纬度画球面上的圆，需要要效果如下：实现代码如下：//new ol.geom.Polygon.circular([120.277, 36.330],2000000);new ol.geom.Polygon.circular([120.277, 36.330],2000000,32,6378137);可能用错的方法如下：new ol.geom.Circle(sPoint1212,10);此方法结果为正圆，如下图所示：记录下......原创 2021-10-18 16:26:34 · 901 阅读 · 0 评论 -
JavaScript中postMessage()方法解决跨域问题记录
posetMessage的APIhttps://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage经过测试大部分跨域问题能解决，但input:file单击事件跨域解决不了，测试代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&g原创 2020-12-14 19:59:06 · 664 阅读 · 0 评论