2021年6月24日
【Openlayers】- 绘制船舶选中框
摘要： 实现原理：使用 openlayers 中的 style 多边形绘制，然后边框使用虚线，以 3:4:3:0 的比例，实现选中框的绘制 openlayers版本：6.5.0 1、效果图 2、代码如下 import { Stroke, Style, RegularShape } from 'ol/styl 阅读全文
posted @ 2021-06-24 13:41 迷你胡丶 阅读(835) 评论(0) 推荐(0)
【JS】- mqtt在vue中的集成使用
摘要： 1、安装依赖 yarn add mqtt 2、引入 import mqtt from 'mqtt' 3、完整项目代码 export default { data() { return { connection: { host: 'xx.xx.xx.xx', port: 8080, connectTi 阅读全文
posted @ 2021-06-24 11:38 迷你胡丶 阅读(674) 评论(0) 推荐(0)
【JS】- stompjs在vue中的集成使用
摘要： 1、安装依赖 yarn add stompjs yarn add sockjs-client 2、引入 import Stomp from "stompjs"; import SockJS from "sockjs-client"; 3、完整项目代码 // 其实代码本身自带了心跳，但是有点小问题（忘 阅读全文
posted @ 2021-06-24 11:04 迷你胡丶 阅读(3194) 评论(0) 推荐(1)
2021年5月28日
【JS】- 数组遍历的几种方法
摘要： 1、for、forEach、for...of const list = [1,2,3,4,5] list.forEach((item, index, list) => { console.log(item); // 1 2 3 4 5 console.log(index); // 0 1 2 3 4 阅读全文
posted @ 2021-05-28 11:49 迷你胡丶 阅读(394) 评论(0) 推荐(0)
2021年5月26日
【Nginx】- 代理https
摘要： 1、nginx文件配置 location ^~ /xxx/ { proxy_pass https://xxx.com/; } 2、cd /usr/local/nginx/nginx-1.13.7 然后执行如下命令 [root@dex nginx-1.13.7]# ./configure --pref 阅读全文
posted @ 2021-05-26 09:28 迷你胡丶 阅读(313) 评论(0) 推荐(0)
2021年5月14日
【CSS】- 文字长度超出省略显示
摘要： /* 显示一行，省略号 */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; /* 显示两行，省略号 */ text-overflow: -o-ellipsis-lastli 阅读全文
posted @ 2021-05-14 13:14 迷你胡丶 阅读(140) 评论(0) 推荐(0)
【CSS】- transition元素过度（实现元素缩放的样式变化动画）
摘要： 1、控制单一属性，进行单一属性的样式过度 .class1 { width: 100px; transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -webkit-transition: width 2s; /* Safari 阅读全文
posted @ 2021-05-14 13:12 迷你胡丶 阅读(453) 评论(0) 推荐(0)