- 博客(6)
- 收藏
- 关注
RSS订阅原创 前端封装WebSocket
最近遇到的项目不少都要使用websocket，这儿我把它封装起来，使用起来非常简单。1.首先在项目里面创建一个webSocketUtils.js的文件let FarmWebSocket = function ({ url, sendMessage, webSocketBack, pingTimeout = 15000, pongTimeout = 10000, reconnectTimeout = 2000, pingMsg = 'heartbea
2020-08-28 15:42:56
871
1
原创 openlayers实现客户端图层的拖动。
在做openlayers开发的时候很容易遇到需要拖动客户端图层的需求。这里我分享一下我的实现过程。代码如下：<script> import Translate from 'ol/interaction/Translate';//首先引入Translate export default { data(){ layer:null//这个是要被拖动图层，这里我就不实例化了。 }, methods:{ translate(){
2020-07-27 19:33:57
683
原创 前端表格分页时，如何根据使用不同分辨率电脑来动态计算一页的数据量
做前端开发的时候很容易遇到需要分页的表格，这时就有一个问题，不同分辨率的电脑能展示的数据条数是不一样的，那我们如何根据不同分辨率实现动态计算一页展示的数据条数。这里我分享一下我的处理方式。<template> <div class="maptable"> <el-table :data="mapData" border> <el-table-column align="center" v-for="(val,index) in l
2020-07-15 10:09:33
673
原创 js实现点击除自身外的元素执行操作：如关闭自身弹框
很多人在做前端开发的过程中都有遇到这种情形：点击弹出一个弹框，弹框自身有关闭按钮，但是会出现想点击页面其他任何元素时都要关闭当前这个弹框的需求。下面我分享一下我是如何实现的。1.添加一个弹框和点击弹出弹框的按钮<template> <button @click="showPop=true" ref="popBtn"></button> //点击按钮 <div ref="pop" v-if="showPop"></div> //弹框<
2020-07-09 17:44:25
3293
原创 openlayers如何实现几何图形重编辑
在做openlayers开发时很多人会遇到需要把前端展示的某个几何图形重新编辑形状的需求，这里我分享一下我的实现流程。首先我们要用到修改要素几何–Modify，要修改已添加到现有源中的功能，请使用source选项构建修改交互 。如果要修改集合中的功能（例如，选择交互使用的集合），请使用features选项构造交互。交互必须使用source或features选项构造 ，下面我用的是features。<script> import Modify from 'ol/interaction/Mod
2020-07-09 15:23:18
598
原创 openlayers 利用draw画客户端图形时如何添加ESC撤销前面画的点
在初学openlayers的时候，我们经常会有这样的需求：在地图上画一个几何图形，但是中途如果画错了希望按下ESC按键撤销上一个画的点。我最近就有遇到，我通过jQuery和removeLastPoint()结合实现这个功能的。直接上代码：<script> import Draw from 'ol/interaction/Draw';//首先引入Draw import Vector from 'ol/source'; import {Vector as VectorLayer} fro
2020-07-09 14:15:38
817
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人