1 雨生百谷,方为谷雨

尚未进行身份认证

我要认证

从事前端,不断积累经验,学习新的技术

等级
TA的排名 13w+

react使用(react-html-table-to-excel)把table导出为Excel以及配合antd使用

项目里有个把表格导出为Excel的功能,使用的是react-html-table-to-excel实现的也很简单,记录一下。1.实现过程1.下载依赖:npm install --save react-html-table-to-excelnpm install --save react-html-table-to-excel2.导入:importReactHTMLTableToExcelfrom'react-html-table-to-excel'//导表import Rea...

2020-06-04 14:21:36

react、vue 使用node.js eventEmitter跨组件传参(还可以用来监听值的变化处理一些事情)

前言:最近在react项目中,遇到了这样一个场景,首页有很多组件,地图组件,侧边栏,图层管理,甚至图层管理还有子组件。这样父/子/孙,甚至没有任何关系的组件都要能拿到首页的一些状态。一开始想要用redux但是为了这么小的地方搭建繁琐的redux显然不明智。(redux当然也可以实现)。其实我这里更推荐react+dva(这个是react轻量级框架把redux内置里面了不用自己搭建redux)。当然还有更简单的方法那就是node.js的eventEmitter。一、eventEmitter的作用和介绍

2020-05-25 10:01:23

cesium点击获取鼠标位置

很常见的功能,鼠标点击获取点击的经纬度。var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); //此方法获取鼠标点击位置经纬度 handler.setInputAction(function (e) { var position = viewer.scene.pickPosition(e.position); //将笛卡尔坐标转化为经纬度坐标 var cartograph

2020-05-21 17:52:14

Cesium设置飞到矩形范围中心点(获取矩形范围中心点)

前言:最近一个需求给了一个矩形范围让获取矩形范围中心点,找了api,记录一下实现过程。一、需求获取矩形范围中心点给了一个Rectangle(w,s,e,n)范围求取中心点。(w,s,e,n为西南东北即西南为经度,东北为纬度格式为[172,14,172,23])。二、实现过程和方法方法1:使用:Cesium.Rectangle.center(rectangle)这个结果为(Cartographic)然后在转换成(Cartographic3)这样就可以直接使用了。如果想要获得正常的经纬.

2020-05-20 18:09:05

react-antd Modal对话框自定义标题和图标

最近使用antd的modal对话框,头部和底部需要自己定义一些其他的东西。在官方文档里找到了写法。一、效果这个是官方的效果图下面是我要实现的效果图:这个就需要对header,footer自定义了。二、实现过程查找antd官网发现title和footer都可以传入组件(html标签)这样就好办了,传入想要的效果和样式就好了。 <Modal title={//主要实现代码此处可传入一个ht...

2020-05-18 18:12:44

Cesium常用得指令代码(禁止缩放,关闭光源,监听事件等)

最近在做Cesium项目经常会遇到(禁止缩放,关闭光源,关闭阴影等效果)所以决定做个总结。一、总结1.Cesium关闭光源于阴影 // viewer.scene.globe.enableLighting = false; //关闭光照 // viewer.shadows = false;//关闭阴影2.禁止缩放 //viewer.scene.screenSpace...

2020-05-06 14:08:44

Cesium闪烁点效果Cesium.CallbackProperty(预警效果,可控制闪烁频率)

最近在做的cesium项目遇到了扫描效果(雷达图,实现过程我博客里又可以去找)现在又遇到了闪烁效果(一个点闪烁),今天总结一下实现过成。一、需求及效果需求就是有报警就在地图上标注闪烁点。效果图如下:不同颜色闪烁二、实现代码关键代码就是利用Cesium.CallbackProperty这个函数实现(不光闪烁点,闪烁多变应,立方体都可以只要是entity支持的)va...

2020-05-06 11:37:38

cesium绑定鼠标事件,及清除事件(采坑清除事件不起作用,解决方案)

前言:最近在开发cesium项目(其实是supermap+ebgl但这个可以使用cesium原生方案,应为supermap webgl是根据cesium源码封装的)。需求监听视图高度,根据不同的高度做不同的处理。一.cesium绑定鼠标事件方法及清除方法var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);//获取...

2020-04-30 11:14:13

react使用supermap webgl

我在使用supermap webgl加载镶嵌地形的时候报错DeveloperError: Expected scalar to be typeof number, actual typeof was undefined Error。找了很久的原因原来是使用版本太低只要,更新到新版本即可(10i,9D)下载地址SuperMap iClient 3D for WebGL 一款在服务式 GIS 架构...

2020-04-22 16:24:04

react使用dva解决接口请求时间过长页面接收不到数据问题

一、什么是dvadva 首先是一个基于redux和redux-saga的数据流方案,然后为了简化开发体验,dva 还额外内置了react-router和fetch,所以也可以理解为一个轻量级的应用框架。具体永发特性请看dva官网api.(我的理解就是react框架中加了redux数据管理模块,只不过是集成进去了,不用手动去创建redux的action,store等等)。二、上...

2020-04-02 12:02:48

react打包报错npm WARN react-html-table-to-excel@2.0.0 requires a peer of react@^15.x.x but none is insta

这个是报错图片:大概意思是npm WARN react html table to excel@2.0.0需要react@^15.x.x的对等项,但未安装任何对等项。您必须自己安装对等依赖项。npm WARN可选跳过可选依赖项:fsevents@1.2.9(节点模块\fsevents):npm WARN notsup跳过可选依赖项:fsevents@1.2.9不支持的平台:需要{...

2020-03-20 22:41:08

gitHub常用命令总结

1.强制推送(慎用,除非你认为其他冲突等可以丢弃 或者不是很重要)git push -- force2.创建文件等小命令touch a // 创建一个a文件echo 1234 >> a // 把1234这个内容放入a文件cat a // 打开a文件 读取出a文件中的内容mkdir test // 创建test文件夹rm 文件名 // 删除文件pwd // 打印当前工...

2020-03-19 19:31:52

git提交忽略Eslint语法检查即报(ESLint couldn't find a configuration file.)

git提交忽略Eslint语法检查即报(ESLint couldn't find a configuration file.)解决方案忽略语法检查:git commit --no-verify -m "commit" 就可以跳过代码检查

2020-03-19 19:28:16

react中echarts让两个或多个图联动

前言:最近在做一个react项目,涉及到统计模块,让两个折线图一起联动,拖动一个,另一个跟着动。实现过程:效果图:就是拖动底下的滑块(echarts专业术语dataZoom),上下两个图一起动。(不光dataZoom,tootltip等都可以联动)echarts专业术语手册可以看这个网址,具体查看。实现思路就是使用init实例化两个图表,然后用connect链接实现。具体配...

2020-03-11 19:00:31

cesium添加闪烁点,雷达图扫描(一般用于预警)

最近再做eact-cesium项目来预警了在地图上其经纬度闪烁,找了好久才找到方法(当然是别人封装的)。效果图 /** *圆形扩大扫描圈 * */ function AddCircleScanPostStage(viewer, cartographicCenter, maxRadius, scanColor, duration) { va...

2020-01-17 13:07:02

java基本数据类型及变量的声明和注意事项

基本数据类型JAVA中一共有八种基本数据类型,他们分别是byte、short、int、long、float、double、char、boolean 类型 型别 字节 取值范围 byte 整型 1byte -27~ 27-1 short 整型 2byte -215~ 215-1 int 整型(默认) 4...

2020-01-14 11:56:48

Java入门--配置环境

这两天在学习java,记录一下学习过程。学习一门语言首先要搭建其运行环境和编辑器。配置环境这个直接照着菜鸟教程的步骤就行菜鸟教程java环境配置流程编辑器我用的是Eclipse IDE for Java Developers - Latest Release官网下载地址或者可以用Notepad++...

2020-01-14 10:21:16

react实现文件下载(iframe)

只需要传一个文件下载地址的url即可downloadFile = (url) => {//下载方法 console.log(url) const iframe = document.createElement("iframe"); iframe.style.display = "none"; // 防止影响页面 iframe.style.height ...

2019-12-23 16:06:44

js截取文件名和后缀名(xxx.pdf)

我最近做的项目上传文件获取到文件名,需要获取文件的后缀名和文件名。用js截取字符串实现。splitFileName=(text)=> {//截取文件名格式(333.pdf) var fileExtension = text.substring(text.lastIndexOf('.') + 1);//截取文件后缀名 var pattern = /\.{1}[a-z]{1,}$...

2019-12-23 16:03:28

js把这种时间格式转换成正常的时间格式2019-12-21T11:55:10.094+0000(2019-12-21 19:55:10)

从数据库里拿到的时间格式是这样的2019-12-21T11:55:10.094+0000要转换成这样的2019-12-21 19:55:10,下面是方法:function FormatTime(time){//格式化时间 var d = new Date(time); var times=d.getFullYear() + '-' + (d.getMonth() + 1) + '-'...

2019-12-21 20:14:51

查看更多

勋章 我的勋章
  • 签到达人
    签到达人
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。