- 博客(111)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 vue+supermap+leaflet+elementui cgcs2000大地坐标系 根据后端返回的数据打点，手动打点，绘制图形
vue+supermap+leaflet+elementui cgcs2000大地坐标系 需求如下：根据返回经纬度数据，显示地点，支持搜索查询，手动打点，手动绘制图形画区域
2023-05-11 14:29:16
429
原创 echarts柱状图label显示另外一组数据
现在需要用在echarts的柱状图显示这些数据，一般按照图一展示，但是现在需要展示数据如图二，柱子高度显示新增用户数据，而柱子上的label文字显示活跃用户数据，且tooltip显示两个数据。
2023-05-10 14:48:59
351
原创 ElementUI tree 懒加载 手动刷新数据的有效方法
有个需求，就是根据不同的参数，返回不同的树数据，而且这些树还是在懒加载的情况下。因为el-tree懒加载获取数据是通过loadNode方法，而loadNode只在树第一次加载时调用，之后的进行其他操作不能触发此方法，导致数据不能及时更新，即我切换参数的时候，没有触发loadNode方法，导致树显示的数据还是之前的。所以只能靠手动刷新数据。而网上大多数的方法就是手动调用该方法。但是该方法需要两个参数，这两个是第一次加载时默认传入，后续调用需要这两个参数，所以在第一次调用的时候把这两个参数的值保存下来。
2022-01-24 19:52:53
2543
原创 vue3+ts 实现左侧菜单收缩加拖拽功能
先看一下效果图：开发需求就是左侧菜单支持收缩和拖拽，不管拖拽到哪个位置，收起再展开后，左侧宽度恢复到初始状态。用到的是vue3+ts，这里我只简单写了一下布局，具体代码如下<template> <div class="main-box"> <div class="header-box">header</div> <div class="container-box" ref="containerBox"> <
2021-12-21 14:55:23
1544
原创 前端调试手机app
有时候应用在电脑网页端显示是正常的，但是一安装到手机上或者在手机浏览器上打开，就会显示各种问题问题。在网上找了很长时间，最方便的就是利用在电脑上利用谷歌浏览器进行调试，输入网址chrome://inspect/#devices，进行调试，如下图所示。打开网址，电脑连上手机后，如果在手机上点开你需要调试的app，在红框内会出现相应的应用信息，然后点击inspect；如果发现根本没有出现你想要调试应用的信息，这时候可以用...
2021-11-29 11:19:35
1262
原创 引用echarts的水球图echarts-liquidfill.min.js文件报错require is not defined或define is not defined处理
在用echarts水球图echarts-liquidfill.min.js时，遇到了require is not defined或是define is not defined报错，具体保存信息如下图：在网上到处查找，寻找解决办法，基本上能找到的办法我都试了，还是报这个错，还是只能自己想办法。我自己找到的解决办法如下。既然它报的错是require is not defined或者define is not defined，我就想办法避免它用到require或是define。可以先不用echarts-
2021-10-20 16:08:01
2190
原创 d3.js 利用svg绘制水球图（d3.v3.js和d3.v5.js）
水球图d3.js官网有现成的例子，可以直接拿来用，只不过引用的是d3.v3.js，如果想用d3.v5.js绘制水球图，就得稍微改一下。d3.js官网指南->官方画廊->水球图(Liquid Fill Gauge)或者直接点击水球图实例1、d3.v3.js绘制的水球图实例index.html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> &
2021-06-30 21:02:08
777
原创 利用nginx简单部署前端项目
情况描述：前端项目是vue项目，把项目打包后部署到服务器上，服务器是linux系统。需要用到的软件：Xshell，Xftp适用对象：前端小白（大佬们就不要看了，写得一般般，羞羞）首先本地用Xshell连接服务器打开Xshell，点击文件-》新建填写名称、主机和端口号。点击用户身份验证，方法默认password，填写用户名和密码，点击确定。连接后，查看服务器有没有安装nginx，输入find / -name nginx如果安装了，输入后按回车键，会显示nginx的安装路径，如下图
2021-06-04 16:47:06
741
原创 使用elementui的el-table时，出现错误：ResizeObserver loop limit exceeded
使用elementui的el-table时，出现错误：ResizeObserver loop limit exceeded。在网上搜到很多解决方法，最后找到了对自己有效的解决办法。在el-table里加一行这个就行了。<el-table-column type="index"></el-table-column>...
2021-03-12 09:18:26
5454
4
原创 elementui树，一个树的结点拖拽到另一个树上
实现把一个树的结点拖拽至另一个树上，主要用的是vue+elemenui。先放一下效果图。以下是实现的代码。<template> <div> <el-row> <el-col :span="12"> <div > <el-tree :data="data" node-key="id" default-exp
2021-02-08 11:15:49
1666
2
原创 vue+elementui实现input框组成的tree
首先，想要实现下图的效果，根结点不能删除，只能增加子孙结点，子孙结点由两个输入框，分别输入属性名和属性值，子孙结点可以添加和删除。在网上找了很久都没找着，只能自己写了。。。。。。有需要的拿走不谢~demo.vue<template> <div> <el-tree class="tree-class" :data="data" show-checkbox node-key="id" default-ex
2021-01-12 15:08:42
1067
原创 mxgraph开发——英文转中文
这里以mxgraph的图形编辑器Graph Editor为例，先去下载mxgraph的demo顺便贴一下有关mxgraph开发相关的网址：框架组成用户手册英文版用户手册中文版（是不是很贴心^^）在线实例api文档这里以图形编辑器为例，介绍一下，在mxgraph开发中，怎么把英文转成中文，先上一下效果图：之前：之后：由于时间的关系，我就只把最上面的工具栏转成中文了，知道是啥效果就行现在开始进入正题了。打开demo，里面有很多例子，我们目前用的是图形编辑器。先找到Init.j
2020-12-04 14:16:54
937
原创 前端面试经验2020年10月
本人2020年10月中旬辞职，到现在，一共面试了10家公司，坐标在安徽合肥，现在特来分享自己的面试经验，整理一下面试被问到的题目。（答案基本上网上可以直接搜到）一、html5，css3，es6新特性链接：html5新特性、css3新特性、es6新特性1、cookie，sessionStorage和localStorage的区别？2、header，footer这些新标签的出现有什么意义？3、canvas和svg的区别？4、box-size有什么作用？5、用过transform吗？6、map的
2020-12-03 22:48:17
407
原创 arcmap转换坐标系
点击图层-》属性点击坐标系，选择你需要转换的坐标系（比如1984坐标系）在图层中加入你要转换坐标系的数据加入数据后，右击数据，点击数据-》导出数据导出时注意勾选红框中的选项，然后在下面选择输出的目录和填写文件名这样，坐标系就转换完成了。...
2020-12-03 22:13:43
4712
原创 css样式问题
一、li里面文字和图片垂直居中问题li{ line-height:25px; img{ vertical-align: middle; }}二、用display:flex;布局常见问题//父元素 div{ display:flex; just-content:center;//水平居中 align-item:center;//垂直居中 just-content:between;//两个子元素分别位于两侧 just-content:around;
2020-07-24 09:46:30
111
原创 子组件调用的方法参数滞后问题
我的问题是这样子的，子组件里有elementui的跑马灯，在父组件中点击手动切换,但是跑马灯每次切换的都是上一次点击应该出现的结果，即方法调用的参数的值是上一次传过来的值，就是旧值。(下面的例子没有在项目里跑起来，写了一个大概，主要讲一下怎么解决)子组件children.vue<template> <div class="block"> <el-carousel height="150px"> <el-carousel-item v-fo
2020-07-22 10:00:53
423
原创 萤石视频监控模式的参数decoderPath配置问题
这是萤石视频监控模式的api文档这里写了decoderPath参数为必填，是ezuikit的绝对地址这个地址就是你引入ezuikit.js的绝对路径比如，我的是vue项目，在本地调试，把ezuikit.js放在public/static文件夹下，此时decoderPath的值就写成http://localhost:7076/static，如果你也是本地调试，还是不知道路径怎么写，就打开控制台，可以看到ezuikit.js的路径这样就搞定了（这个地址是绝对地址，如果上线的话，记得改改）..
2020-07-21 11:22:15
1397
原创 vchart的x轴与y轴坐标不一一对应问题
这里要注意，如果x轴全是整数的话，那就没事；如果x轴有小数的话，需要把x轴的数字类型转成字符串类型，不然的话，就会出现x轴与y轴坐标不一一对应问题，
2020-07-08 09:13:26
652
原创 cad图转成shp文件并把其平面坐标投影配准成大地坐标（配准针对没有底图的情况）
所需工具：arcmap，supermap（这里安装过程就不写了，网上一堆，自行搜搜吧。）一、先将cad图转成shp文件打开arcmap中，在图层中加入数据。在arcmap中导入cad图后，选择需要的要素导出。比如，这里需要面要素，右击面要素，选择数据，点击导出数据。选择将要导出shp文件的路径，点击ok第一步，cad图转成shp文件转换成功。（注意：这个转出来的shp文件还是平面坐标）二、配准坐标点一般cad图的坐标是平面坐标，x和y轴的坐标一般是七位数字和六位数字，要想转成大地坐标，且
2020-07-06 15:55:51
6182
原创 ArcGIS地图仿射校准
ArcGIS地图仿射校准简单来说就是使一个没有坐标的图具有坐标。需要的工具：ArcGIS10.6 下载地址：http://www.zdfans.com/html/18259.html地图服务（如果感觉自带的加载太慢的话，可以下载其他）参考地址为：https://blog.csdn.net/taiyang1987912/article/details/82837713其中天地影像注记是...
2020-06-30 09:42:05
557
原创 Arcgis由栅格数据生成等值线shp文件
首先在arcgis中导入栅格数据3DAnalyst工具—>栅格表面—>等值线在弹出的对话框中输入栅格数据、设置等高距、基准高程、变换系数等等。导入的栅格数据：生成的等值线：
2020-05-28 15:47:30
5151
原创 多个浮点型栅格数据合并成一个栅格数据，制作专题图后发布服务
问题说明：我拿到手的是100多个浮点型栅格数据，上面要我把这些数据合并成一个栅格数据，然后制作专题图后发布出去。首先，制作专题图得是整型数据，其次，发布的地图坐标系是1984，给我的数据坐标是2000，所以，这些数据我得转成整型和转换坐标系。这个过程我用到的工具是arcmap和supermap。转整型和转坐标用的工具不同和顺序不同，各种不同我都尝试了一下，发现最后转出来的数据范围（即经纬度上下...
2020-04-30 14:37:32
1541
原创 多个shp或栅格数据合成一个文件
刚开始合并多个shp文件的时候，准备用arcmap进行合并的，用里面的工具中的Merge，但是最后发现，属性表里面的字段名必须一模一样，不然就会合并失败，最坑的是，明明一模一样，还是合并失败，也找不到是啥原因，最后还是用supermap进行合并了。首先要新建数据源（如果直接导入数据集，后续不能进行编辑操作）一、多个shp文件合并然后把shp文件导入，把其中一个数据集作为目标数据集，点击该数据...
2020-04-24 17:28:44
6882
原创 将shp三维面转成二维面
将shp三维面转成二维面,介绍一下两种方法，一种使用arcmap，另一种使用supermap。一、arcmap将已有的三维shapefile导入ArcMap。打开ArcToolbox，Data Management Tools > Feature Class > Create Feature Class。指定要素输出路径和文件名->选择几何类型->在Templ...
2020-04-22 16:44:56
4286
原创 supermap地图显示不出来的问题
问题描述：新建数据源后导入shp文件，发布地图服务，地图一直转圈，显示不出来。解决方案：桌面的工作空间没有关闭，关闭就欧了
2020-04-22 09:53:41
2310
原创 二、es6之Promise
promise是一个对象，用户异步操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
2020-04-16 11:37:33
109
原创 一、es6之let和const
var1、可以重复声明2、不能限制修改3、没有块级作用域let1、不能重复声明2、可以修改3、有块级作用域const1、不能重复声明2、不能修改3、有块级作用域作用域问题实例：使用var<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &...
2020-04-16 10:11:23
137
原创 umi(3.0.5)版本之二 约定式路由
看一下umi的官网，你会发现约定路由的规则改了。动态路由约定 [] 包裹的文件或文件夹为动态路由。比如：src/pages/users/[id].tsx 会成为 /users/:idsrc/pages/users/[id]/settings.tsx 会成为 /users/:id/settings举个完整的例子，比如以下文件结构，. └── pages └── [post]...
2020-03-08 22:09:32
691
原创 umi之一 安装及搭建脚手架umi(3.0.5)版本
参考umi官网首先，你安装好了node，且确保 node 版本是 10.13 或以上全局安装uminpm install umi -g或yarn global add umi脚手架在空文件加下输入命令行：yarn create @umijs/umi-app安装依赖yarn启动项目yarn start-官网上说： 一个基础的 Umi 项目大致是这样的....
2020-03-08 22:07:34
6542
原创 React之 8 应⽤redux-saga改造路由守卫登录认证
8.1 redux-saga与redux-thunkredux-saga是⼀个⽤于管理redux应⽤异步操作的中间件redux-saga通过创建sagas将所有异步操作逻辑收集在⼀个地⽅集中处理，可以⽤来代替redux-thunk中间件作用：reducer负责处理action的stage更新sagas负责协调那些复杂或者异步的操作redux-saga可以处理各种复杂的异步操作，red...
2020-03-07 20:47:23
314
原创 React之7 路由react-router
7.1 初时react-router安装react-routernpm install react-router-dom --save引⼊顶层路由组件包裹根组件引⼊Link组件编写路由导航引⼊Route组件编写导航配置exact 完全匹配，只有路径完全⼀致时才匹配import React from 'react'import { BrowserRouter, Link, Rou...
2020-03-07 16:55:46
260
原创 React路由守卫
路由守卫其实就是我们的路由拦截，当我们有⼀些⻚⾯需要登录之后才有权限去访问这个时候我们的路由守卫就可以派上⽤场了React⾥的路由守卫其实也是⼀个组件，最后返回的还是Route组件实例：当没有登录时，“我的”压面不可见，显示登陆页面，只有点击登陆按钮后，才能跳转到“我的”页面import React, { Component } from 'react'import { BrowserRo...
2020-03-06 23:54:28
476
原创 React之6 状态管理器Redux
6.1 Redux成员及其数据流actionsactions是描述操作的对象，调⽤dispatch时需要传⼊此对象storestore是整个应⽤的数据存储仓库，把我们全局管理的状态数据存储起来reducersreducers接收action并更新store注意：redux是⼀个单独的数据流框架，是JavaScript的状态容器, 跟react并没有直接的联系，通过redux, 我...
2020-03-05 22:08:09
157
原创 React之5 编程式函数Hook
Hook解决函数组件不能使用state的问题。函数式组件比class组件好用，这时候hook它来了，这样函数式组件也能使用state，岂不是爽歪歪。5.1 新特性useState(组件状态管理钩⼦)用法：const [state,setState]=useState(initState)state是要设置的状态setState是更新state的⽅法，只是⼀个⽅法名，可以随意更改in...
2020-03-04 09:43:24
433
原创 React之 4 高阶组件
4.1 初识高阶组件⾼阶组件—HOC(Higher-Order Components)⾼阶组件是为了提⾼组件的复⽤率⽽出现的，抽离出具有相同逻辑或相同展示的组件⾼阶组件其实是⼀个函数，接收⼀个组件，然后返回⼀个新的组件，返回的这个新的组件可以对属性进⾏包装，也可以重写部分⽣命周期app.jsimport React, { Component } from 'react'const...
2020-03-02 15:24:44
161
原创 React的高阶组件装饰器准备工作
安装插件用npm install或是yarn add都行，这里我用yarn add引入 react-app-rewiredyarn add react-app-rewired安装customize-crayarn add customize-cra更改package.json⽂件"scripts": { "start": "react-app-rewired sta...
2020-03-02 14:59:38
241
原创 selenium之4 unittest 单元测试框架实战
4.1 单元测试是指对软件中的最小可测试单元进行检查和验证。单元就是人为规定的最小的被测功能模块。单元测试是在软件开发过程中要进行的最低级别的测试活动，软件的独立单元将在与程序的其他部分相隔离的情况下进行测试unittest 框架是 python的单元测试框架unnitest = TestCase + TestResult 执行用例 + 结果4.2 unittest用import语句...
2020-02-12 13:43:52
300
原创 selenium之2 模拟事件处理
2.1 ActionChains模拟用户行为需要模拟鼠标操作才能进行的情况，比如单击、双击、点击鼠标右键、拖拽from selenium.webdriver.common.action_chains import ActionChainsselenium.webdriver.common.action_chains.ActionChains(driver)调用ActionChains的方...
2020-02-11 15:33:06
204
原创 dwg文件导入到supermap显示导入失败问题
在supermap导入dwg文件显示失败后，我在网上查了一下，主要的问题时dwg文件的版本太高，要转成低版本，如果不知道自己dwg文件是什么版本的话，可以直接右击，用txt打开，乱码不管它，查看文件头文件头与 DWG 版本的对应关系如下：AC1032 = AutoCAD 2018AC1027 = AutoCAD 2013AC1024 = AutoCAD 2010AC1021 = Auto...
2020-02-11 08:50:24
1477
1
AcmeCADConverter2019_v8981492.zip
2020-02-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人