自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

On the way

千里之行,始于足下

  • 博客(99)
  • 资源 (20)
  • 问答 (1)
  • 收藏
  • 关注

原创 GIS二维电子地图开发总结

二维电子地图制作开发总结

2023-01-19 11:24:43 1292

原创 使用udig绘制道路斑马线

gis开发——udig地图样式绘制

2022-09-29 18:27:19 71

原创 使用udig在地图上进行文字标注

gis开发

2022-09-29 18:17:58 83

原创 使用udig绘制地图点的样式

gis开发总结

2022-09-29 18:10:04 72

原创 labelme标注的json标签转txt格式

labelme标注格式转化

2022-08-05 14:32:47 118

原创 vue中实现JavaScript桌面消息通知

vue中实现浏览器消息通知

2022-06-13 18:19:32 455 4

原创 Vue中不同屏幕分辨率

在app.vue中进行出来:<template> <div id="app" :style="{'transform':`scale(${scalesNum}) translate(-50%,0)`, '-webkit-transform':`scale(${scalesNum}) translate(-50%,0)`, '-moz-transform':`scale(${scalesNum}) translate(-50%,0)`, '-o-tra

2022-05-16 14:53:34 496 1

原创 Vuex状态持久化—vuex-persistedstate

vuex-persistedstate 使用浏览器的本地存储( local storage )对状态( state )进行持久化。这意味着刷新页面或关闭标签页都不会删除你的数据。安装:npm install vuex-persistedstate --save-dev在store文件夹的index.js引入import createPersistedState from 'vuex-persistedstate'初始化vuex 加入插件const store = new Vuex.Store

2022-05-16 14:36:50 390

原创 Vue中使用js-web-screen-shot插件实现截屏功能

最近有个需求,要求类似微信、扣扣实现屏幕截屏功能,在此,使用vue插件实现了此功能,记录如下:安装截屏插件:npm install js-web-screen-shot --save页面引入:import ScreenShort from "js-web-screen-shot";调用:<el-button @click="jitT()">截屏</el-button>methods中写入截屏方法:jitT(){ const screenShotH

2022-04-28 14:13:31 3976 22

原创 Vue中使用Wangeditor富文本实现聊天窗口抖动

1、最近项目有个需求,要求实现类似扣扣发送好友窗口抖动功能,在此,整理如下,这里使用的是vue中进行元素抖动方法,具体参考vue中元素抖动组件代码如下:<template> <div> <slot></slot> </div></template><script> export default { props: { // 抖动范围,单位是px, 例如:{x: 4, y: 2,

2022-04-20 15:59:03 215

原创 Vue中使用luckyexcel插件开发在线表格编辑

最近项目需求要做一个在线编辑xlsx功能,在此使用了luckyexcel组件来进行开发:vue中使用总结如下1、首先进行引入:注意,引入这块需要进行线上引入,使用npm 安装会出如下错误:vue页面中使用:<template> <div class="excelContent"> <div class="header"> <!-- 本地导入 --> <upload :file-list="fileList" :

2022-04-20 10:49:59 5136 4

原创 浅谈前端开发必备知识点及未来发展方向

文章目录一、关于前端二、前端技术路线1.基础掌握2.进阶能力3.前端框架4.前端工程化5.技术加持6.全栈开发三、前端开发工具1.WebStorm2.Vscode3.Sublime三、前端发展方向1.web开发2.游戏开发3.多屏多端开发一、关于前端很多人总是以为前端人员就是写写页面这么简单,其实不是这样的,现代的前端岗位是一个综合素质要求很高的行业。首先,作为前端程序员,不仅要掌握开发语言、数据结构、算法等编程素养,现在的前端应用场景复杂程度非常高,这就要求我们必须向后端程序员那样,具备很高的软件

2022-04-14 16:54:29 2093

原创 Vue中使用Wangeditor富文本实现聊天发送文件驻留

1、最近遇到一个需求,类似企业微信发送文件及视频时可以在文本框内驻留,然后点击发送按钮进行文件发送,这里使用的是富文本框进行处理,Wangeditor富文本框。自定义添加菜单功能如下:cnpm i wangeditor --savevue页面中引入:import E from 'wangeditor'methods中写入自定义组件方法:resetEdit() {var that = this;this.editor = new E("#edit");E.registerMenu("fi

2022-04-13 16:08:17 887 1

原创 WangEdit富文本编辑器图标修改

1、如下图,图标样式在这里直接修改i的class 是可以的 在代码里如何图标呢?代码里直接修改class不行于是查找后得知他的配置里没有配置菜单图标的选项,所以通过配置的方式是行不通了那么可以想办法给他覆盖掉,比如可以重新定义w-e-icon-text-heigh类.w-e-icon-text-heigh:before { content: "\f1dc";}这个有两点需要注意,一是权重要够,二是如果不是他自身就有的字体,那你还需要引入你的字体,并声明字体.w-e-text-he

2022-04-08 10:06:12 954

原创 【Vue.js】vue引入组件报错:该组件未注册?

1、引入组件,报如下错误:vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <ischemicHeart> - did you register the component correctly? For recursive components, make sure to provide the "name" option.found in---> <RiskAssessment> at s

2022-04-06 10:36:54 1585

原创 Vue刻度尺组件

1、安装刻度尺组件npm install cs-ruler2、在main.js中全局引入组件import CsRuler from 'cs-ruler'//刻度尺组件Vue.use(CsRuler)3、组件使用<cs-ruler @post-NumValue="rulerNum" :NowNum='100' :maxNum='120' :minNum='60'

2022-04-02 15:43:06 3641 1

原创 如何搭建一个完整的Vue项目?

如何搭建一个完整的Vue项目?文章目录一、安装node环境二、搭建vue项目环境三、开始我们的第一个vue项目总结一、安装node环境1、安装node环境:下载地址:https://nodejs.org/en/2、安装淘宝镜像npm install -g cnpm –registry=https://registry.npm.taobao.org3、检查否安装成功:node -vcnpm -v二、搭建vue项目环境1、使用以下命令全局安装vue-clinpm install -g

2022-04-01 21:41:48 1112

原创 Vue中创建组件及引入组件及调用

第一章 Vue中创建组件及引入组件及调用文章目录一、什么是组件?二、如何注册组件?1.注册组件2.vue项目中引入组件总结Vue创建组件`Vue框架最核心思想就是组件化,方便开发,便于维护管理,那么,如何在vue中创建组件及如何引用呢?一、什么是组件?组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。二、如何注册组件?1

2022-04-01 21:14:04 3491

原创 Vue安装swiper插件中的坑

1、在vue中安装swiper插件运行时会报错,错误如下npm install --save swiper于是在网上进行查找了一番,竟然是版本问题,因为版本不同 项目目录变了 点开node安装文件夹里也只能看到’swiper/swiper-bundle.css’如果用swiper-bundle.css会有很多问题,比如我遇到的就是分页器不生效这里就需要降低swiper版本了 这里使用的是5.4.5cnpm install vue-awesome-swiper swiper@5.4.5 --sa

2022-03-31 08:37:45 2201

原创 Vue中动态渲染echarts数据

1、安装指定版本echartsnpm install echarts@5.3.1 --save2、main.js中全局引入import * as echarts from "echarts"window.echarts = echarts;3、vue页面中引用 <div id="main" class="main_container"></div>4、引入数据接口import { bloodPressureList } from '../../api/healt

2022-03-30 21:05:25 2283

原创 Vue框架中如何调用模拟数据?

1、框架结构mock是模拟数据文件夹,文件夹中有index.js,里面包含所模拟的接口数据:如下所示const Mock = require("mockjs");const { param2Obj } = require("./utils");const user = require("./user");//调用方式const mocks = [...user];function mockXHR() { // mock patch // https://github.co

2022-03-30 20:03:42 1237

原创 Cesium - Camera Modes - 相机模式

Free Mode : 默认相机控制。Drone Mode : 让相机跟随无人机通过飞行在一个固定的距离。自由模式不需要代码,因为它使用默认控件。至于无人机跟随模式,我们可以使用摄像机的内置实体跟踪功能来定位摄像机,并用偏移量定位无人机。这就使得相机即使在移动时也能从指定的实体中得到固定的偏移量。为了跟踪一个实体,我们简单地设置viewer.trackedEntity。要切换到自由相机模式,我们可以将viewer.trackedEntity实体设置为未定义,然后使用camera.flyTo()返回到我

2022-03-23 22:01:16 162

原创 Cesium-创建Cesium Viewer

任何Cesium应用程序的基础都是Viewer。Viewer是一个带有多种功能的可交互的三位数字地球的容器(盒子)。创建一个Viewer和HTML中的一个id为"cesiumContainer"的div绑定即可。var viewer = new Cesium.Viewer('cesiumContainer');使用以上代码之后,能看到下图所示的基本的数字地球:默认地,场景支持鼠标(电脑)和手指(移动设备)交互。控制相机漫游数字地球可以通过以下方式:Left click and drag - Pa

2022-03-23 21:57:02 239

原创 VSCode编辑器中自定义设置好看的背景图

1、首先在扩展程序里找到background插件进行安装:2、打开设置,在搜索框中输入background,选择扩展中的plugin background,选择在setting.json中编辑setting.json内容如下:{ "window.zoomLevel": 1, "workbench.colorTheme": "WeChat Dark", "files.associations": { "*.cjson": "jsonc",

2022-03-23 21:28:31 1805

原创 快速了解及认识TypeScript

一、首先了解一下什么是TypeScript?TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。二、了解TypeScript 的语言特性:TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括:类型批注和编译时类型检查、类型

2022-03-23 20:58:03 123

原创 Vue性能优化之Vue3.0 的新特性

vue3新特性:一、使用Proxy替换Object.defineProperty,重构响应式系统,使用Proxy优势:1、可直接监听数组类型的数据变化2、监听的目标为对象本身,不需要像Object.defineProperty一样遍历每个属性,有一定的性能提升3、可拦截apply、ownKeys、has等13种方法,而Object.defineProperty不行4、直接实现对象属性的新增/删除proxy的缺点:1、es6的proxy不支持低版本浏览器(IE11)2、会针对IE11出一个特殊

2022-03-23 20:37:21 2769

原创 Vue大屏数据可视化展示组件库DataV介绍

DataV组件组件库基于Vue (React版) ,主要用于构建大屏(全屏)数据展示页面即数据可视化,具有多种类型组件可供使用:边框带有不同边框的容器装饰用来点缀页面效果,增加视觉效果图表图表组件基于Charts封装,轻量,易用其他飞线图/水位图/轮播表/兼容性组件库的开发和调试都使用Chrome浏览器,所以请使用Chrome浏览器。宽高异常组件的默认宽高都是100%,可以根据父容器宽高进行自适应,但在某些情况下组件宽高可能表现异常,这种情况一般是因为组件的父容器宽高发生了变化,而

2022-03-23 20:27:43 5992

原创 Vue+vant实现离线下载

最近项目需求要实现下载功能,离线后也可以进行访问查看,于是做了一个关于离线下载的功能,在次,整理如下:<template> <div> <div class="download_head_tabbar"> <div style="margin-bottom:15px"> <van-nav-bar title="下载"

2022-03-21 10:49:51 831

原创 使用Cesium加载3DTiles并进行调整

3dtiles简介3D Tiles是用于流式传输大规模异构3D地理空间数据集的开放规范。为了扩展Cesium的地形和图像流,3D Tiles将用于流式传输3D内容,包括建筑物,树木,点云和矢量数据。3D Tiles是目前大火的开源WebGL框架Cesium的御用格式。根据实际体验,3D Tiles和二维地图中的瓦片组织非常相似,在网络中查看3D模型的话,3DTiles的效果还是很不错的,下面我们就来讲一下如何使用vue框架实现cesium加载3dtiles,以及实现对3dtiles的调整组件。cesi

2022-03-19 11:53:49 4703

原创 网络安全保障体系有哪些?网络安全保障需要如何实施?

首先网络安全保障体系架构包括五个部分:(1) 网络安全策略。以风险管理为核心理念,从长远发展规划和战略角度通盘考虑网络建设安全。此项处于整个体系架构的上层,起到总体的战略性和方向性指导的作用。(2) 网络安全政策和标准。网络安全政策和标准是对网络安全策略的逐层细化和落实,包括管理、运作和技术三个不同层面,在每一层面都有相应的安全政策和标准,通过落实标准政策规范管理、运作和技术,以保证其统一性和规范性。当三者发生变化时,相应的安全政策和标准也需要调整相互适应,反之,安全政策和标准也会影响管理、运作和技术。

2022-03-17 14:33:28 10577

原创 前端使用base64及jsencrypt加密明文传输

在项目中遇到如下需求:用户在登录时密码经常使用明文传输,在不安全的网络环境下,很容易造成密码泄露,而密码直接存储在数据库中,如果数据泄露,也会造成安全问题。解决方法:前端给后端传输密码关键信息时,进行加密后再传输,后端解密验证,然后将密码加密后再存储到数据库中。这里使用了base64和jsencrypt对其加密密码明文问题。如下为引用的base64.js代码内容://1.加密解密方法使用://1.加密// var str = '124中文内容';// var base = new Base64

2022-03-17 14:10:43 1225

原创 Vue+vant实现移动端记住密码功能

1、因项目需要,移动端需要进行记住密码,在此,将实现思路记录如下:这里有一个细节,就是移动端和PC端机制不同,因此所使用的存储机制也不同。这里使用的存储机制是localStorage。created() { if(!!localStorage.getItem("rememberMe") &&localStorage.getItem("rememberMe") =='true'){ this.getrememberPassword(); } },在me

2022-03-12 16:22:02 1315

原创 Vue+vant验证密码强弱度

因项目需要验证项目密码强弱度,必须包含大小写,字母,数字,及特殊字符,因此整理了一下,代码如下: <van-field name="oldPassword" v-model="user.oldPassword" label="旧密码" placeholder="请输入旧密码" type="password" minlen

2022-03-07 16:37:49 907

原创 使用天地图API实现导航功能

因项目要求使用天地图开发导航功能,话不多说,直接上代码<template> <div class="lineSearch_box"> <div class="head_box" ref="head_box"> <div class="map_box"> <!-- <div class="map_back_btn"

2022-03-07 16:22:44 551 1

原创 Vue中使用base64和JSEncrypt对其明文进行加密处理

1、最近项目中要求对其明文传输进行加密处理,在此,整理了一下,这里使用的是base64和jsencrypt对其明文传输进行加密处理,如下在request.js对其所有请求进行加密处理:import axios from 'axios'import { Notification, MessageBox, Message } from 'element-ui'import store from '@/store'import { getToken } from '@/utils/auth'import

2022-03-07 13:56:30 399

原创 vue打包ERROR in static/js/vendor.30803ec7e15549e61a1e.js from UglifyJs Unexpected token: punc ())

最近遇到一个关于打包的问题,问题的原因出自引入了第三方插件jsencrypt来实现加密解密功能,从而导致在打包的时候出现如下错误:于是在网上进行查询搜索后都说是引入了一部分 ES6 的写法,导致 webpack 打包失败,但按这种方式尝试后打包依旧报错不成功。在经过仔细观察打包错误后发现是[./node_modules/jsencrypt/bin/jsencrypt.min.js:2,218]这行错误最终引起的,于是将/node_modules/jsencrypt/bin/里的bin文件夹进行替换(

2022-03-02 08:43:58 418

原创 cesium鼠标移入移出实体显示提示框

使用cesium的label作为提示框 //鼠标移动事件point放大缩小 var canvas = this.cesiumViewer.scene.canvas; var handler= new Cesium.ScreenSpaceEventHandler(canvas); var viewer = this.cesiumViewer; var labelEntity = viewer.

2022-02-08 14:25:31 1369

原创 cesium中鼠标移动到point放大、缩小效果

最近遇到个需求,在cesium中要求鼠标移动到point上,显示放大,当鼠标移出,point恢复原来大小。再次,整理了一下:思路首先给cesium添加鼠标移动事件,然后获取到cesium中entity实体对象,找到point属性,然后进行设置其_pixelSize属性值大小即可。代码如下: //鼠标移动事件point放大缩小 var canvas = this.cesiumViewer.scene.canvas; var handler

2022-01-25 15:41:24 1393

原创 Cesium设置所在定位位置

最新在项目中客户提出了一个需求,将Cesium定位到中国地图上,在此,总结一下目前所实现的方法:在Cesium中是可以打开默认定标和视角的,跟谷歌地球一样,同时注意Cesium使用的坐标系是从地心坐标系,可以通过fromDegrees()将经纬度和高程转化Cesium坐标系 // 将三维球定位到中国 viewer.camera.setView({ // fromDegrees()方法,将经纬度和高程转换为世界坐标 destination:Cesium.

2022-01-12 11:31:07 2416

原创 Redis、Tomact安全漏洞处理

最近在工作中遇到了一些Redis/Tomact安全漏洞问题,在此整理了一下:一:Redis安全加固及安全漏洞处理1.禁止一些高危命令(重启redis才能生效)修改 redis.conf 文件,禁用远程修改 DB 文件地址rename-command FLUSHALL ""rename-command CONFIG ""rename-command EVAL ""或者通过修改redis.conf文件,改变这些高危命令的名称rename-command FLUSHALL "name1"ren

2022-01-06 10:51:55 189

vue在线编辑插件源码

vue在线编辑插件源码

2022-08-10

vr vue项目demo源码

vr vue项目demo源码

2022-08-09

python-3.8.1-amd64环境

稳定版本

2022-08-05

火焰+烟雾检测yolov5,基于labelme标注

火焰+烟雾检测yolov5,基于labelme标注

2022-08-03

抽烟训练集基于yolov5,labelme标注

抽烟训练集基于yolov5,labelme标注

2022-08-03

监控视频抽烟模拟训练数据

抽烟模拟训练

2022-08-01

vue刻度尺组件文件源码

vue刻度尺组件文件源码

2022-04-08

91.0.4472.114_chrome_installer_32.exe

91.0.4472.114_chrome_installer_32.exe

2021-08-03

apache-tomcat-8.5.55-8089-zxzs - 副本.7z

apache-tomcat-8.5.55-8089-zxzs - 副本.7z

2021-08-03

postgresql安装教程.txt

postgresql安装教程.txt

2021-08-03

H5B8F2AFB_20210712105210.apk

H5B8F2AFB_20210712105210.apk

2021-07-15

showdoc Setup 1.0.1.exe

showdoc Setup 1.0.1.exe

2021-07-15

PatrolRobot.7z

PatrolRobot.7z

2021-07-15

vue-wyclass-master.zip

vue-wyclass-master.zip

2021-07-15

Fastpdf_Setup_20210511_200_3.exe

Fastpdf_Setup_20210511_200_3.exe

2021-07-15

vant-demo-master.zip

vant-demo-master.zip

2021-07-15

BigemapGIS Designer.rar

BigemapGIS Designer.rar

2021-07-15

三维地图cesium.rar

cesium静态资源文件

2021-07-07

bm3Dserver.rar

离线地图服务搭建器

2021-07-06

bmsetup.rar

地图数据下载工具

2021-07-06

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除