- 博客(38)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 React实现拖拽功能
我们都知道，js实现元素的拖拽分为下面三步：1，拖拽元素绑定onmousedown，onmouseup事件2，记录拖拽起始位置，鼠标按下时document绑定onmousemove事件，实时改变元素的布局style3，鼠标放开时document移除onmousemove事件这个要如何通过react实现呢，直接上代码：<style> .dragable { ...
2019-12-31 18:08:32
3691
1
原创 React学习笔记（3）—— 获取元素节点实现双向绑定
react中获取元素节点方法至少有三种：1，通过原生js的api获取2，通过事件源获取3，通过refs获取（react官方推荐）下面将分别通过上述三种方法实现一个双向绑定的案例：将一个输入框中输入的值显示出来，显示的值跟随者输入框值的变化而改变，效果如下：以上效果关键代码如下：class Oppo extends React.Component { constructor()...
2019-12-31 17:57:26
471
原创 geoserver样式（SLD方式）—— 标注沿着直线方向显示
在geoserver中，有时我们需要给线条增加标注，这时，为了美观我们一般会让标注沿着线条的方向显示，那么如果做到这个呢？只需要给标注样式标签里面加个VendorOption标签，并设置为true就行了，完整样式代码如下：<?xml version="1.0" encoding="ISO-8859-1"?><StyledLayerDescriptor version="1...
2019-12-31 16:27:12
2343
原创 React学习笔记（2）—— React组件、参数及状态的使用
组件react组件的基本写法如下：class 自定义名字 extends React.Component{ render { return 要渲染的html内容 }}注意：自定义的名字，必须首字母大写，否则虽然不会报错，自定义标签也不会进行渲染比如定义一个名字为Huz的组件，显示一个红颜色的"hello react"标签，写法如下：// 继承react的组件class ...
2019-12-31 12:01:53
299
1
原创 javascript中call、apply和bind的区别&比较
我们都知道在javascript中，call、apply和bind都用用来改变上下文（context），就是this的指向。那么这三者有什么区别呢？首先，我们说下这三者的共同点：1，都是用来改变this指向2，三者都可以传入多个参数3，三者传入的第一个参数都是this要指向的对象那么这三者有什么区别呢，我将从两个方面来说明这三者的区别1，运行时机不同何谓运行时机不同呢，call和ap...
2019-12-30 14:29:14
99
原创 geoserver根据某字段值的不同给点图形设置不同图标
我们在数据库中存储点图形数据的时候，会根据该坐标点对应的东西不同，会通过字段将点类型进行区分。比如饭店的坐标和理发店的坐标，我们在数据库存储的时候会通过某个字段进行区分。那么我们如果将不同的点在同一个图层上发布成不同的图标呢？1，首先，我们需要将自定义的图片放到geoserver的data\styles目录下将会用到的图标上传到geoserver项目的data\styles目录下，图片不要太...
2019-12-29 11:09:55
2301
1
原创 geoserver样式（SLD方式）—— 标注位置调整 & AnchorPoint与Displacement区别
在配置多边形标注样式的时候，无可避免的会对标注的位置进行微调，我们一般会用到下面这组样式标注：<LabelPlacement> <PointPlacement> <AnchorPoint> <AnchorPointX>0</AnchorPointX> ...
2019-12-28 18:22:29
3400
2
原创 解决geoserver多边形标签重复问题 —— 使用centroid
geoserver在生成多边形标签的时候，同一个多边形的标签有可能会出现多次，解决这个问题可以使用多边形的质心功能，将多边形的标签固定到该多边形的质心上，关于质心的官方介绍：NameArgumentsDescriptioncentroidgeometry:GeometryReturns the centroid of the geometry. Can be often...
2019-12-28 17:40:53
1654
原创 geoserver样式（SLD方式）—— 箭头样式
geoserver中在配置图层线条样式的时候，有时候会碰到需要给线条加箭头的情况，那么这个箭头要如何实现呢，先看看效果：上面样式完整代码：<?xml version="1.0" encoding="ISO-8859-1"?><StyledLayerDescriptor version="1.0.0" xsi:schemaLocation="http://www.ope...
2019-12-28 16:26:39
2266
1
原创 geoserver样式（SLD方式）—— 实线、虚线样式
geoserver默认使用SLD的方式定义style，下面将介绍如何使用sld的方式定义普通的直线和虚线样式。普通直线样式：<FeatureTypeStyle> <Rule> <LineSymbolizer> <Stroke> <CssParameter...
2019-12-28 15:53:38
3942
转载 SVG学习之stroke-dasharray 和 stroke-dashoffset 详解
第一：概念解释stroke意思是：画短线于，在…上划线stroke-dasharray:用于创建虚线，之所以后面跟的是array的，是因为值其实是数组。请看下面解释stroke-dasharray = '10'stroke-dasharray = '10, 5'stroke-dasharray = '20, 10, 5'stroke-dasharray为一个参数时： 其...
2019-12-28 15:50:52
9857
2
原创 geoserver暴露mysql表中主键字段
geoserver通过mysql数据源发布图层的时候，默认是不会暴露mysql表的主键或联合主键字段的属性的。 比如我们用leaflet加载geoserver的wms服务的时候，使用idenfity查询图层中指定图元的在数据库中对应记录的属性，发现主键或者联合主键的字段是没有返回的；主键字段一般是id之类的字段，而我们常用的操作就是通过identify获取图层中指定图元的id，然后通过这个...
2019-12-28 14:48:16
754
1
原创 nodeJs—解决node-xlsx读取csv文件乱码
最近在做一个将mysql数据库导出的csv数据文件处理后再导入到mysql的脚本。发现在用node-xlsx插件读取csv文件的时候，读取文件中文为乱码：var channel = xlsx.parse("data/t_gd_gantry1.csv");var channelData = channel[0]var channelDataStr = channelData.datacons...
2019-12-28 11:41:35
4716
3
原创 geoserver跨域访问图层方法
默认情况下，geoserver发布的图层是不支持跨域访问的，如果想要发布的图层可以跨域访问，需要进行如下三步操作： 1）下载安装jetty依赖 2）修改web.xml文件 3）重启geoserver下面将详细对上面的步骤进行说明：1，下载安装jetty依赖需要下载jetty-servelets和jetty-util两个jar包，下载地址：http://central.maven....
2019-12-28 10:41:01
638
原创 geoserver新建数据源和发布图层
安装完geoserver之后，只要有图形数据就可以开始新建和发布图层了，简单来说，发布图层分为4个步骤：1，新建工作区首先，进入工作区操作页面然后，添加一个新的工作区，输入工作区名称和命名空间URI就可以完成创建了这样，我们就完成了工作区的创建，创建成功后就可以在工作区页面看到刚刚新建的工作区...
2019-12-26 21:04:20
4492
原创 geoserver安装mysql插件 —— 创建mysql数据源
从geoserver官网下载的安装包是不包含mysql插件的，如果需要创建mysql数据存储就需要自己手动安装mysql插件，安装步骤如下：1，下载mysql依赖包进入官方下载页面：http://geoserver.org/download/点击archived找到本机安装的geoserver版本号，以选择2.15.4为例：点击Extentions，这里可以下载geoserver的...
2019-12-26 19:36:50
1433
原创 promise链式调用的各种使用场景
在我们平时开发代码的过程中，经常回碰到回调函数嵌套回调函数的情况，因为下一步的操作要依赖上一步操作异步返回的结果。举个栗子，我们用setTimeout函数来模拟回调函数：setTimeout(function(){ setTimeout(function(){ setTimeout(function(){ ... },100) ...
2019-12-26 09:32:22
1542
原创 node.js中mysql批量更新的三种方法
在文章开始之前，我们先说下node.js中的mysql批量插入的方法，我们可以使用如下方法批量插入：var mysql = require('mysql')var values = [ [1, 'hu', 2], [2, 'ke', 0], [3, 'yi', 1]]var connection = mysql.createConnection({ host: 'loca...
2019-12-24 22:00:28
9005
2
原创 geoserver通过war包安装启动
geoserver通过war包的安装方式十分简单，将对应的war包放到tomcat下，启动Tomcat即可使用，具体的步骤如下：1，下载war包进入官方下载页面：http://geoserver.org/download/点击archived选择需要下载的geoserver版本号，以选择2.15.4为例：点击web archive进入下载页面，会自动开始下载对应版本的war包2...
2019-12-24 14:25:17
2966
原创 node代码调试（2）——使用VSCode调试
上篇文章介绍了如何在chrome下调试nodejs代码，本篇文章将介绍如何在VSCode下调试nodejs的代码。个人觉得这种方式调试js代码最为简便，推荐！本机vscode环境：1，打开vscode后，点击左边像虫子一样的调试图标2，创建launch.json文件点击进入调试页面后，会有两种可能出现的页面情况第一种：点击齿轮图标第二种：点击 create a launch...
2019-12-20 18:21:44
685
原创 markdownpad2在windows10下报错：HTML Rendering Error
markdownpad2被称为最好用的window环境下的markdown编辑器，但是在window10下安装完打开后会提示一个HTML Rendering Error的弹窗错误：那么这个问题如何解决呢：1，点击提示框中的Yes点击后会打开到一个网页：http://markdownpad.com/faq.html#livepreview-directx2，点击Awesomium 1...
2019-12-20 17:22:00
335
原创 node代码调试（1）——使用Chrome调试
随着使用node的开发人员越来越多，node的生态也越来越完善，很多人开始使用node来处理一些服务端的操作，比如处理文件数据、操作数据库数据等等。如何在编写node的时候能够像编写java一样那么方便调试就是摆在大家面前的一个问题。相信作为js的开发人员，大家电脑上都是装有谷歌的，那么本文将告诉大家用谷歌浏览器如何调试nodejs代码。1，第一步，以调试断点的方式运行需要调试的js文件n...
2019-12-12 17:29:47
1412
原创 node操作mysql数据库（查询，批量插入，批量更新）
要用node操作mysql，需要通过npm安装mysql的依赖：npm install -S mysqlnpm mysql的官方说明文档：https://www.npmjs.com/package/mysql （全是英文…）下面列出一些常用的操作的样例代码查询：var mysql = require('mysql')var myCon = require('./config/conf...
2019-12-12 16:06:05
2307
转载 MySQL命令大全
<span style="font-size:18px;"> MYSQL常用命令1.导出整个数据库mysqldump -u 用户名 -p –default-character-set=latin1 数据库名 > 导出的文件名(数据库默认编码是latin1)mysqldump -u wcnc -p smgp_apps_wcnc > wcnc.sql2.导出一个表...
2019-12-11 16:03:24
103
转载 windows安装和卸载mysql
一、下载第一步：打开网址，https://www.mysql.com ，点击downloads之后跳转到https://www.mysql.com/downloads第二步 ：跳转至网址https://dev.mysql.com/downloads/ ，选择Community选项第三步 ：点击MySQL Community Server进入https://dev.mysql.com/do...
2019-12-11 14:51:51
197
原创 React学习笔记（1）——React简介和基本用法
前端三大框架：angular、react、vue三大框架首版发布时间后台react 2011-10-26 facebookvue 2013-12-07 中国大神angular 2012-03-28 google库和框架是一个意思吗？库：封装了js，思想还是在js上，高度封装了原生的js 比如 jquery/zepto...
2019-12-10 18:37:39
2490
原创 TypeScript学习笔记（11）——tsconfig.json
tsconfig.json是TypeScript项目的配置文件，用来指定编译这个项目的一些配置，该配置文件一般放到TypeScript项目的根目录中。初学者都会用 tsc xxxx.ts 来编译ts文件，那如何使用tsconfig.json进行编译呢？a，当命令上不带文件时，编译器会从当前目录开始逐级往上寻找tsconfig.json文件来配置编译。比如将要编译的ts文件路径写到tsconfi...
2019-12-10 09:37:28
219
原创 TypeScript学习笔记（10）——泛型
TypeScript 泛型泛型是指在定义函数、接口或类的时候，不预先指定具体类型，而在使用的时候再指定类型的一种特性假如我们需要一个函数的入参和出参的数据类型相同，我们可以这么写来添加约束function testfan<T>(arg: T): T { return arg;}我们给testfan添加了类型变量T。 T帮助我们捕获用户传入的类型（比如：number）...
2019-12-06 17:12:41
163
原创 TypeScript学习笔记（9）——类
修饰符四种修饰符：1，public，修饰的属性或者方法是共有的，可以在任何地方被访问到，默认所有的属性或者方法都是public的2，private，修饰的属性或者方法都是私有的，不能在声明它的类外面任何地方访问3，protected，修饰的属性或者方法都是受保护的，除了声明它的类，还能在该类的子类内部访问，在类的外面和private一样不能访问4，static，修饰静态方法和静态变量，可...
2019-12-06 15:37:54
127
原创 TypeScript学习笔记（8）——枚举
TypeScript 枚举枚举（Enum）类型用于取值被限制在一定范围内的场景采用关键字enum定义，例如：// 使用枚举可以定义一些有名字的数字常量enum Dayes { Sun, Mon, Tue, Wed, Thu, Fri, Sat}枚举成员会被赋值为默认从0开始递增的数字，同时也会被枚举值到枚举名进行反向映射/*打...
2019-12-06 12:01:05
190
原创 TypeScript学习笔记（7）——类型别名
TypeScript类型别名类型别名可以用来给一个类型起一个新名字，或者用来限制字符串的选择（选择其中的一个字符串）使用关键字：type类型别名的三种使用场景：1，联合类型var str:string|number = 'huzhen'//联合类型// 类型别名——联合类型type strNum = string|number|booleanvar str2:strNum = '...
2019-12-06 11:02:25
162
原创 TypeScript学习笔记（6）——类型断言
TypeScript类型断言在TypeScript种，当我们使用联合类型，且不确定该联合类型的具体类型的时候，我们只能使用联合类型所共有的属性或方法，比如：let num:number|string = '10'let count = num.toString().length但是有的的时候，我们需要在不确定具体类型的时候来访问该联合类型，但是又会报错，这时候就可以用上类型断言：let...
2019-12-06 10:20:43
336
原创 TypeScript学习笔记（5）——函数
TypeScript函数的三种定义类型1，定义时有函数本身的参数约束、返回值约束// 声明式类型的函数function funcType(name:string,age:number):number { return 2*age}var ageNum:number = funcType('huzhen', 23)// var ageNum:number = funcType('...
2019-12-05 23:01:12
112
原创 TypeScript学习笔记（4）——数组
TypeScript数组类型3种定义方法1，类型+方括号表示法2，数组泛型Array表示法3，接口表示法interface IObject { id: number, name: string}// 类型+方括号var arr:number[] = [1,23,100]var arr2:string[] = ['kk', 'guchi']var arr3:any...
2019-12-05 16:28:11
330
原创 TypeScript学习笔记（3）——联合类型-接口
联合类型联合类型表示取值可以为多种类型中的一种如果定义的时候没有赋值，不管之后有没有赋值，都被被推断为any类型而完全不被类型检查定义为联合类型的变量只能访问此联合类型内的所有类型里共有的属性或者方法// 联合类型var muchtype:string|number = 'hello';muchtype = 2;console.log(muchtype.toString().leng...
2019-12-05 16:04:01
505
原创 TypeScript学习笔记（2）——数据类型-任意值-类型推论
ts原始数据类型string number booleannull undefinedenum symbol// 定义变量var str:string = 'hello';var num:number = 1;var bol:boolean = true;var un:undefined = undefined;var nul:null = null;void类型空值一般采...
2019-12-05 15:50:40
212
原创 TypeScript学习笔记（1）——简介
介绍Typescript是javascript的一个超集，主要提供了类型系统和对es6的支持，它由微软开发，代码开源在github上javascript是一个弱类型语言，tpyescript加了类型的限制，解决了js弱类型的特性ts是一个编译型语言，可以通过编译变成js的代码，编译出的js的代码可以运行到浏览器上为什么选择ts:1，增加了代码的可读性和维护性2，ts非常包容，j就算有语...
2019-12-05 15:39:08
119
原创 Davinci配置部署出坑指南
Davinci是一个开源的图表可视化编辑项目，包括前端跟后台工程。启动项目后可以导入数据源、配置数据视图、配置小组件、设计显示面板和da大屏等，并可将设计好的页面生成lian链接进行发布。github地址：https://github.com/edp963/davinci操作文档地址：https://edp963.github.io/davinci/docs/zh/1.1-deployment...
2019-12-04 15:57:12
6911
14
crossRequest-3.0.zip
2020-02-04
chrome.adm
2020-02-04
geoserver-2.15.4-mysql-plugin.zip
2019-12-27
geoserver-2.14.2-mysql-plugin.zip
2019-12-26
geoserver-2.14.0-mysql-plugin.zip
2019-12-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人