一挽长夏-优快云博客

原创高德地图实现矩形围栏绘制和编辑

demo-效果图全部代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>地图搜索与拖拽选址</title> <style> #mapContainer{ position: relative; width: calc(100vw-20px); height: calc(1

2022-04-25 14:38:49 1816

原创高德地图搜索、拖拽查询地址

demo-效果图代码–（引用的地图，key值换成你自己的）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>地图搜索与拖拽选址</title> <style> #mapContainer{ position: relative; width: calc(100vw-20px);

2022-04-20 11:02:32 1300

原创 vue中基于echart地图功能省级地图下钻和返回、发射线、水波涟漪等功能展示

效果图展示-包含水波涟漪、发射线功能效果图点击地市、区县下钻功能vue项目中main.jsimport echarts from 'echarts'import anhui from '../static/commonJs/anHui.json'window.anhuiData = anhuiecharts.registerMap('anhui',anhui)Vue.prototype.$echarts = echarts;页面代码<template> <d

2022-01-21 13:52:02 2133

原创 vue中基于高德地图，获取省级地图（以安徽为例）

效果图展示<template> <div> <div id="mapId" class="rescure-map"></div> </div></template>import AMap from ‘AMap’ mounted() { var that = this that.initMap() }, methods: { // 初始化地图 initMa

2022-01-21 11:47:42 1876

原创 element-ui中table表格多选改变背景颜色

使用element-ui中table的:row-class-name="tableRowClassName"功能例： tableRowClassName({row, rowIndex}) { row.row_index = rowIndex for(let i = 0; i <this.lstSelectedData.length; i++) { if(this.lstSelectedData[i].row_index === rowIndex)

2021-09-28 18:45:17 1008 1

原创 forEach中return无效问题

在项目中使用forEach进行遍历，是无法实现：达到某一条件，希望跳出循环，代码不继续执行。let arr = [7,5,4,3,1,5,2,6,6,3,4]arr.forEach((item,index) => { if(index === 3) { return }})原因：forEach()无法在所有元素都传递给调用的函数之前终止遍历解决方法：使用for替换forEachlet arr = [7,5,4,3,1,5,2,6,6,3,4]for(le

2021-09-28 18:27:53 672

原创从当前日期，获取下一年的日期

moment(e).add(1, 'y').format("yyyy-MM") //获取下年，年月

2021-09-09 14:45:32 680

原创基于nodejs的selenium的自动化测试这环境安装

Selenium 通过使用 WebDriver 支持市场上所有主流浏览器的自动化。每个浏览器都有一个特定的WebDriver，称为驱动程序，用于控制web浏览器的行为。如下为各浏览器对应的驱动：Browser ComponentChrome chromedriver(.exe)Internet Explorer IEDriverServer.exeEdge

2021-09-03 14:58:35 662

原创利用Electron打开各项目的桌面程序

1.打开cmd 输入 node -v ,npm -v查看是否安装了相应的环境，如果没有请自行安装注意electron与node版本间存在关系最好安装node在 v12…0.0以上吧(升级了node后可能会影响以前的项目运行跟打包，须逐一更新各项目中低版本的依赖包)2.npm install -g @electron-forge/cli 全局安装3.npx electron-forge import，electron-forge是一个脚手架程序, 它可以帮我们快速构建一个electron应用4.创

2021-07-20 14:30:16 1465 1

原创表单重置，去除校验

this.$refs['form'].resetFields()

2021-06-08 09:43:20 559

原创 element-ui table 多列组合排序

element-ui table 配合后端实现多列组合排序。思路：1.监听sort-change事件，在该事件中缓存和修正当前的排序规则。并根据保存的排序规则调接口刷新表格数据；2.监听header-cell-class-name事件，在该事件中修正表头排序图标的样式。保证图标的样式逻辑和缓存的排序规则一致。 <el-table :data="pagination.data" ref="multipleTable" class

2021-06-07 15:23:11 2434 1

原创获取文件名的后缀，判断文件类型

例如var data = images/task/word/2021/02/27/c5d1e5aa1b4fa7bc5a9621d7edbff567.docx var flieArr = data.split('.'); //获取文件名 var suffix = flieArr[flieArr.length - 1]; //获取文件类型 suffix = docx

2021-03-04 15:56:22 444 1

原创获取当前时间戳

var timestamp = Date.parse(new Date());

2021-03-04 14:35:31 1295 2

原创截取特定字符串

images/task/word/2021/02/27/c5d1e5aa1b4fa7bc5a9621d7edbff567.docx例如截取.docx之前的字符串 var url = images/task/word/2021/02/27/c5d1e5aa1b4fa7bc5a9621d7edbff567.docx var prefix= url.substring(0,url.lastIndexOf("."));

2021-03-04 14:34:49 142 1

原创 marker标注居中显示

this.map.setCenter(lnglatXY) // var lnglatXY = [tip.location.lng,tip.location.lat] 经纬度

2021-03-03 17:47:49 910 4

原创 vue中base64图片生成海报图

效果图展示 <div style="border-right: 1px solid #cccccc;margin: 0 20px 30px 0"> <el-row class="text-center"> <div class="hidden" style="display: none;"> <canvas id="mycanvas" :width="w" :height="h" />

2021-02-24 11:50:04 388

原创微信小程序：map组件标注callout与label简单用法

效果图.js代码图片一对应的效果 // 获取全部信息--对应图片1 getTodayAllInfo(){ var that = this var params ={} request._get('/todaySignAllInfo', params, res => { if(res.code == 1){ var attendanceSignList = res.result.attendanceSignList //全部人员

2020-12-04 15:01:27 4408 1

原创小程序：map获取附近场所列表展示、拒绝定位后无法获取定位提示框、手机定位系统未开启提示框

获取附近场所列表效果图初始化，获取定位点击取消直接返回，点击确定，进行位置设置拒绝定位后无法获取定位提示框手机定位系统未开启提示框.js代码var QQMapWX = require('../../../lib/qqmap-wx-jssdk.min');var qqmapsdk;Page({ /** * 页面的初始数据 */ data: { uploadUrl: wx.getStorageSync('uploadUrl'), mapId: "

2020-12-04 13:25:34 489

原创小程序：获取动态时分秒

效果图如下：实现过程.jsconst app = getApp()import util from '../../../utils/util.js'Page({ /** * 页面的初始数据 */ data: { todayTime: '', // 获取当前时间 realTime: '', }, /** * 生命周期函数--监听页面加载 */ onLoad: function () { this.gettodayTime

2020-12-04 10:54:46 868 2

原创小程序 : js获取今日日期、加日期、减日期；判断今日、判断昨日

获取今日，日期加、日期减效果图：选择日期大于今日时.js代码Page({ /** * 页面的初始数据 */ data: { choseDate: '', // 选择的时间 week:'', //星期几 oneDayMillions: 24*3600*1000, //一天的毫秒数 }, /** * 生命周期函数--监听页面加载 */ onLoad: function () { this.getTodayDate() /

2020-12-04 10:40:40 1819

原创微信小程序使用canvas画布生成二维码海报分享图片（后端给的base64格式图片转换为ArrayBuffer再生成海报）

页面效果index.wxml<view> <view class="canvas-image-box"> <canvas canvas-id="shareCanvas" style="width:{{_width}}px;height:{{_heigth/1.423}}px;"/> </view>  <view class="canvas-tip" wx:if="{{canvasTy

2020-10-19 10:21:04 2058

原创谷歌浏览器开发者模式只显示请求而不显示静态资源

按F12打开开发者模式先选中NetWork 再选中XHR

2020-08-11 16:56:14 2818 1

原创 webstrom中将git换为svn

问题描述由于其他开发使用了git添加依赖或者使用了git命令行工具，导致项目内部产生了.git文件夹，webstrom自动默认使用了git的版本控制。解决办法通File | Settings | Version Control 将git改为svn并保存...

2020-08-04 17:14:34 1037

原创微信开发工具初安装成功，打开后一直黑屏、页面展示网络连接失败无法登录的解决办法

一、黑屏的解决办法1.用cmd打开微信开发者工具安装的位置2.对应的安装文件夹下执行 .\微信开发者工具.exe --disable-gpu3.关机重启，启动微信开发者工具就成功进入了登录页面二、进入登录页面扫描二维码，页面展示网络连接失败，无法登录解决办法1.点击设置2.默认“使用系统代理”改为：不使用任何代理，勾选后直连网络3.修改后点击屏幕上的刷新按钮即可，在进行扫描登录即可踩过的坑坑...

2020-06-19 17:31:42 1001

原创 vue项目使用高德地图自定义地图样式

注册账号并申请 Key首先，注册开发者账号，成为高德开放平台开发者登陆之后，在进入「应用管理」页面「创建新应用」为应用添加 Key标题创建自定义地图vue中在index.html中引入地图key<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.3&key=你申请的key"></script>使用自定义样式...

2020-05-25 10:22:23 5599 5

原创计算机网络面试题

1、OSI（Open System Interconnect）：开放系统互联，是一个七层的计算机网络模型，分别为：物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。TCP/IP（Transmission Control Protocol/Internet Protocol）：传输控制协议/因特网互联协议，是一个四层的计算机网络模型，分别为：网络接口层、网络层、传输层和应用层。结合OSI和TCP/IP产生了一个五层结构，分别为：物理层、数据链路层、网络层、传输层和应用层。Internet就是采用的

2020-05-19 11:25:16 5349

basicData.vue

空空如也