疯狂的妞妞 - 博客园

springboot2 - 跨域配置

摘要：同源策略是浏览器的一个安全限制，要求域名、协议、端口相同，如果不同则没办法进行数据交互。而跨域配置，则是为了解除这方面的限制。前后端分离的情况下，如果前后端分开部署，基本都需要进行跨域配置了。（在 nginx 上也可以处理，不过这里就不对 nginx 展开讨论了）配置选项简介 Access- 阅读全文

posted @ 2022-07-14 18:00 疯狂的妞妞阅读(788) 评论(0) 推荐(0)

vue - 获取对象类型

摘要：相比于传统的 jquery，vue 更加关注对象的类型，那么我们该如何判断一个对象的类型呢？为了更高的健壮性，推荐 typeof 和 isPrototypeOf() 同时使用，确保任何情况下都不会出现问题。 /** * 判断是不是字数字 * * @param obj {*} 需要判断的值 * @r 阅读全文

posted @ 2022-07-05 15:45 疯狂的妞妞阅读(1800) 评论(0) 推荐(0)

vue - fragment

摘要：注：在 vue3 中，已经直接引入了 fragment。业务场景如下： <div class=""> <fragment v-for="(item in list)"> <span v-if="item.a=1">男</span> <span v-if="item.a=0">女</span> </ 阅读全文

posted @ 2022-06-16 10:31 疯狂的妞妞阅读(2902) 评论(0) 推荐(0)

OpenLayer4——坐标间距计算

摘要：地图距离计算，显然，地球是个曲面，不能简单地通过勾股定理计算，需要考虑到地球的半径。 MySQL版本 DROP FUNCTION IF EXISTS getDistance; -- create a function CREATE FUNCTION getDistance ( lon1 DOUBLE 阅读全文

posted @ 2022-05-20 11:17 疯狂的妞妞阅读(143) 评论(0) 推荐(0)

OpenLayer4——定位到坐标位置

摘要：这个功能很常见，就比如百度地图，打开显示的就是我们当前的位置。其原理就是获取设备（手机）上的坐标，然后将地图定位到我们设备的位置。 OpenLayer4中定位到给出的坐标点，代码如下： var view = new ol.View({ center: [0, 0], zoom: 1 }); var 阅读全文

posted @ 2022-05-20 11:04 疯狂的妞妞阅读(364) 评论(0) 推荐(0)

OpenLayer4——地图拉伸导致事件丢失问题

摘要：有时候前端代码并不规范，错误的代码、或者样式，导致地图拉伸变形，这时候，会导致地图的点击事件失效。可以尝试重新设置地图大小。 setTimeout(function () { map.updateSize(); }, 100); 阅读全文

posted @ 2022-05-20 11:00 疯狂的妞妞阅读(117) 评论(0) 推荐(0)

OpenLayer4——贝塞尔曲线插值算法

摘要：这是早期项目中用到的代码，经过 AI 优化调整，可能需要适当调整一下。 /** * 生成贝塞尔曲线插值点 * * 阶乘数为数组长度减一 * * @param {Array} points - 控制点数组，格式 [[x0, y0], [x1, y1], ...] * @param {Array} re 阅读全文

posted @ 2022-05-20 10:57 疯狂的妞妞阅读(664) 评论(0) 推荐(0)

OpenLayer4——多边形遮罩层

摘要：知识点：多边形异或运算的使用业务场景：如下图，有些时候，会有一些特殊的需求，只保留某个区域内部的地图部分。这时候，可以使用多边形的异或运算知识，取-180,-90,180,90范围的区域，与需要截取的区域异或运算，最后保留需要的部分。核心代码如下： /** * 图层截取，多余的部分添加白色遮罩阅读全文

posted @ 2022-05-20 10:32 疯狂的妞妞阅读(193) 评论(0) 推荐(0)

OpenLayer4——获取鼠标点击的坐标

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="ol/ol.css" rel="stylesheet" type="text/css"/> <script 阅读全文

posted @ 2022-05-20 10:26 疯狂的妞妞阅读(394) 评论(0) 推荐(0)

rabbitmq - 消息头

摘要： channel.basicPublish()的第三个参数，就是请求头了，推送消息的时候，我们可以设置一个请求头。功能与 http 协议的 header 类似，消息头中，可以添加很多有用的信息，例如：数据格式、编码格式、用户信息等等。以 ContentType 为例，用于区分当前的数据类型，比如：阅读全文

posted @ 2022-04-01 11:15 疯狂的妞妞阅读(912) 评论(0) 推荐(0)