vue3如何通过ref属性获取元素
在vue2.x中，可以通过给元素添加ref=’xxx’属性，然后在代码中通过this.$refs.xxx获取到对应的元素 然而在vue3中时...
Category: 测试
vue3 readonly和shallowReadonly函数
vue3中提供了只读相关的函数：readonly、shallowReadonly和isReadonly 三者用途和区别显而易见： reado...
vue3 Teleport组件
Teleport，被称为传送门组件，用于提供一种简洁的方式，指定其里面内容的父元素 例如，定义一个模态框，该模态框原本是在一个组件中的，但我...
vue3 toRaw函数和markRaw函数
在setup函数中，我们通过ref和reactive函数创建响应式数据，其特点是，每次修改数据都会更新UI界面，这样的问题是非常消耗性能 所...
vue3 toRef函数和toRefs函数
这篇我们看下toRef和toRefs的基本使用 我们知道ref可以用于创建一个响应式数据，而toRef也可以创建一个响应式数据，那他们之间有...
TS中的泛型
泛型可以理解为宽泛的类型，通常用于类和函数 一、泛型类 泛型可以用于类和构造器，例如： class Person{ private _val...
vue3 reactive函数
reactive的用法与ref的用法相似，也是将数据变成响应式数据，当数据发生变化时UI也会自动更新。不同的是ref用于基本数据类型，而re...
vue3 setup函数的注意点
我们知道setup函数是组合API的核心入口函数，使用时需要注意几点： setup函数的执行时机是在beforeCreate和created...
vue3递归监听和非递归监听
我们知道ref函数和reactive函数用于将一个普通数据变成一个响应式的数据。当数据发生改变时，界面也会立即更新。 其实还有一个规律，就是...
Vue2.0和Vue3.0的区别
重构响应式系统，使用Proxy替换Object.defineProperty，使用Proxy优势： 可直接监听数组类型的数据变化 监听的目标...
Vue3.0更优雅的使用v-model
我们知道，在Vue2.0中如何实现双向数据绑定一种是v-model，另一种是.sync。通常一个组件只能用于一个v-model，但是有的组件...
vue3 ref函数
我们知道，在vue3.0引入了composition API,setup函数是其核心函数 在setup函数中，可以使用ref函数，用于创建一...
Vue3为什么引入composition API
今天我们来聊聊Vue3为什么引入composition API，或者说composition API解决了什么问题？ 首先我们使用Vue2....
PostgreSQL JSON 函数和操作符
json和jsonb 操作符 image.png image.png 表 9.1中展示的标准比较操作符只对 jsonb有效，而不适合json...
PostgreSQL pgcrypto加解密算法
普通哈希函数 digest() digest(data text, type text) 返回 bytea digest(data byte...
PostgreSQL JSON 类型及使用
根据RFC 7159 中的说明，JSON 数据类型是用来存储 JSON（JavaScript Object Notation） 数据的。这种...
PostgreSQL DDL语句、DML语句与DCL语句
SQL 语句主要可以划分为以下 3 个类别 DDL（Data Definition Languages）语句：数据定义语言，这些语句定义了不...
SQL语句来查询今天、昨天、7天内、30天的数据
今天的所有数据：select * from 表名 where DateDiff(dd,datetime类型字段,getdate())=0 昨...
PostgreSQL 开启SysLogger系统日志
说明 修改配置文件postgresql.conf，增加或修改如下配置，才能启动开启SysLogger系统日志进程。 log_line_pre...
PostgreSQL 存储加密功能
PostgreSQL提供了几个不同级别的加密， 并且在保护数据不会因为数据库服务器偷窃、不道德的管理员、不安全网络等因素而泄漏方面 提供很高...
PostgreSQL流复制配置
PG主备流复制的核心部分由walsender，walreceiver和startup三个进程组成。 配置环境 主机名 IP地址 角色 数据目...
PostgreSQL 数据库初始化
按照先后顺序创建 创建全局数据库（GLOBAL） 全局数据库中存储与数据库集群相关的信息，例如集群中的数据库、用户、 角色等。 用户不能连接...
PostgreSQL 数据恢复大全
参考：https://yq.aliyun.com/articles/582880 背景 一个较大的数据库，如何只恢复一部分数据（例如只恢复某...
PostgreSQL 主从实现步流复制
Standby数据库原理 简单介绍一些基础概念与原理，首先我们做主从同步的目的就是实现db服务的高可用性，通常是一台主数据库提供读写，然后把...
PostgreSQL PREPARE语句
PREPARE 为执行准备一个语句 PREPARE name [ ( data_type [, …] ) ] AS statement ...
Graphhopper中使用PostGIS数据
Graphhopper Graphhopper是一个开源的地图导航引擎，主要支持OpenStreetMap的OSM数据格式，实现如下图的效果...
GeoServer WFS 多图层几何查询
GeoServer和WFS就不需要介绍了，直接进入正题。场景大概是这样的：用一次GetFeature请求，使用同样的几何条件，查询出指定多个...
postgres+socket.io+nodejs实时地图应用实践
nodejs一直以异步io著称，其语言特性尤其擅长于在realtime应用中，如聊天室等。在进行实时应用开发时，必不可少的需要用到 sock...
Mapbox本地离线部署
一 离线部署说明 从官网抄一个HelloWorld的例子，完整代码如下： Display a map Mapbox HelloWorld 从...
Node.js 笔记二：入门及GeoNode.js GIS相关库
Node.js 笔记二：入门及GeoNode.js GIS相关库 入门 node.js之fs模块 Node.js模块 require和 ex...
Cesium中地形数据的加载
Cesium开发中，如果想要看到真实感，地形数据（DEM）不可或缺。但是很多非GIS专业的人，对地形数据的定位不清晰，不明白地形数据如何展示...
WebGIS引擎现状与未来
一 引言 作为十年GIS老兵，常常遇到同行或领导的灵魂拷问，“为什么我们不用google地图啊，我看它的3D很好啊”，“OpenLayers...
基于PostGIS的高级应用（5）– Polygon Spliting
一 案例背景 PostGIS提供了丰富的function用于GIS数据的存储，元数据描述，空间分析，测量，空间图形处理等等，这些函数基本...
基于PostGIS的火星坐标，百度坐标批量互转
一 背景 GIS项目中底图是必不可少的，绝大部分GIS项目使用的底图是基于高德，谷歌，百度，天地图等互联网（在线/离线）底图。由于我国特殊国...
基于OpenLayers+rbush实现高德轨迹样式
一 前言 近期翻阅博客，看到社区大神一休哥的一篇《canvas 奇巧淫技（二）绘制箭头路径效果》文章，同样，该大神还展示过一个使用rbu...
基于PostGIS的高级应用（4）– 空间查询
一 空间关系 数据库中判定数据之间的关系，使用的是比较操作符，如下： 操作符 描述 小于 > 大于 小于等于 >= 大于等于...
PGPool-II+PG流复制实现HA主备切换
基于PG的流复制能实现热备切换，但是是要手动建立触发文件实现，对于一些HA场景来说，需要当主机down了后，备机自动切换，经查询资料知道pg...
基于PostGIS叠加分析优化–气象预警分析案例实践
一 案例简介 电力行业在未来和气象领域的结合会越来越普及，衍生的各种复杂GIS分析也是很多的，如暴雨（气象）覆盖范围+地形分布区域（地质...
Openlayers 3加载XYZ示例
Openlayers3中有个ol.source.XYZ类，可以加载Tile瓦片图层，本文只是做个说明，介绍如何识别以及如何正确加载这些图层。...
OpenLayers3关于Map Export的Canvas跨域
一 Canvas跨域现象 地图导出是地图中常用的功能，并且OpenLayers3中也提供了两个地图导出的例子: http://openlay...
基于PostGIS的高级应用(3)–线性参考
一 线性参考干啥用的 如果直接写个“高大上”的定义结果往往是一脸懵逼的，也不知道为什么要定义这么一个概念。其实线性参考技术在我们生活中是...
PostgreSQL流复制热备
关于pg热备与主备切换网上很多内容都有了，本文仅为自己测试使用，特意记录过程，或对其他人提供参考。本文作者选择pg9.6.1版本作为测试。 ...
GeoServer使用CSS渲染地图
CSS Style是GeoServer的一个扩展插件，使用CSS写起来的地图渲染策略文件相比较SLD而言，非常的简洁，本文根据GeoServ...
基于PgRouting的GIS网络分析–数据准备
一 前言 PgRouting是基于开源空间数据库PostGIS用于网络分析的扩展模块，最初它被称作pgDijkstra，因为它只是利用Dij...
CentOS 7源码安装PostGIS(包含SFCGAL,PgRouting)
本文认为已安装PostgreSQL，安装步骤如 Centos7安装PostgreSQL，最好按照前文先把pg安装好，否则，在postgis,...
OpenLayers 3 自定义坐标系
地图中坐标系是非常多的，最常用的是EPSG:3857（等于谷歌的900913，等于esri的102100）的web墨卡托投影和GPS的EPS...
说起数据偏移你就头大？QGIS帮你解决
处理矢量数据你一定会遇到以下问题： WGS84 GCJ02 BD09 这三种坐标数据如何相互转换 今天就为大...
shp与PostGIS在项目应用中比较
一 属性查询 笔者使用一模一样的osm数据，数据量8.7万个点，该数据有一个name列存储点的名称，本次实验，笔者使用 name=̵...
GeoServer发布PostGIS数据库中的栅格数据
1.安装软件环境 安装以下软件，并安装GeoServer imagemosaic拓展插件，用来连接并加载PostGIS数据库中的栅格数据。 ...
ArcGIS切片转谷歌（高德）地图标准切片（XYZ）
此篇文章主要介绍如何将ArcGIS切片格式装换成符合谷歌（高德）地图标准切片格式，便于项目中地图瓦片请求的统一，方便项目维护，需要注意以下几...
基于PostGIS的高级应用(2)–线数据的汇总分析
一 前言 前几天，某科研工作者咨询我，是否可以利用PostGIS实现线数据的汇总分析，目前他使用的Arcpy处理实在太慢，难以满足应用需...
Centos7安装PostgreSQL
最新版本的9.6出来了，新增一大堆令人垂涎欲滴的新功能。本文按照套路给个安装教程，仅仅做自己参考使用。 1 安装必要基本软件 [root@p...
GeoServer实现NetCDF气象文件自动发布
众所周知，GeoServer是一个地理服务器，提供了管理页面进行服务发布，样式，切片，图层预览等一系列操作，但是手动进行页面配置有时并不满足...
基于OpenLayers的萤火图效果
一 目标 1.1 测试数据描述 示例数据 waterquality:水质。 geom:采样点图形。 示例数据来源：https://pan.b...
基于PostGIS的高级应用(1)–PgRouting百万级别路网查询优化
前文《基于PgRouting的GIS网络分析–数据准备》描述了如何进行数据准备工作，入门的朋友可以参考如何搭建环境，导入数据和建...
PostGIS–线路合并方法比较
一 前言 工作中处理GIS数据时，最常规的操作是对多条线记录，他们的几何关系存在首尾相连的情况，需要合并成一个完整的线路。如路径分析中，...
OpenLayers实现克里金插值渲染图-Kriging
0.OpenLayers OpenLayers是一个开源的Javascript库，用来在Web浏览器显示地图。它提供API接口创建类似于Go...
LocaSpaceViewer（图新地球）教程–常见DEM介绍
一篇来自于LSV微信公众号的深度好文，字数3000，阅读时间5分钟。 原文地址：http://url.cn/59PEROy 1引言 使用LS...
我的GIS观
申明： 文章所述观点与任何组织或个人无关，仅代表我个人观点，如有不对，还望批评指正！ 概述： 从毕业到现在，在GIS这条路上也算是摸爬滚打4...
OpenLayer4调用GeoServer发布的矢量切片
首先设置矢量切片数据源，可以选择pbf格式或者geojson格式，其中pbf格式数据加密性较好，读取速度快： var vector = ne...
