自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

IT博客技术分享

没有做不到的,只有想不到的!

  • 博客(6)
  • 资源 (10)
  • 收藏
  • 关注

原创 js动态获取当前浏览器内容高度并赋值给元素

常用的方法:高度:document.documentElement.clientHeight738px宽度:document.documentElement.clientWidth886px效果图:不废话,贴代码了:<template> <div class="hello">   <...

2019-04-24 14:21:15 2516

原创 Git 上传代码-最方便的使用手册

如果你的电脑是新电脑,说明你是第一次使用,你需要配置公钥 和私钥下载 Git Bash :打开文件夹---右键 Git Bash ---选择 Git Bash here执行命令接下来配置SSH Key1. 查看是否已有ssh key$ cd ~/.ssh2.如果不存在则提示: No such file or directory如果已经存在了则进入~/.ss...

2019-04-22 18:27:26 157

原创 Nodejs实现websocket 数据实时更新 适用h5(模拟数据,不需要数据库)

1.先建立一个node 后台服务2. 建立socket项目;实时通讯,而WebSocket无疑是最合适的。WebSocket相较于HTTP来说,有很多的优点,主要表现在WebSocket只建立一个TCP连接,可以主动推送数据到客户端,而且还有更轻量级的协议头,减少数据传送量。所以WebSocket暂时来说是实时通讯的最佳协议了。  至于服务器语言选择nodeJs,一是因为自己是做前端的...

2019-04-22 10:24:25 3048 4

原创 用echarts做双y轴折线图柱状图混合实时更新图

先上效果图:具体细节不在一一道说了请看代码:主要引了一个echart,.js 插件,剩下的就是前端代码了;全程就只是纯前端的代码,没有后台服务,有需要的可自行研究;<!DOCTYPE html><html><head><meta charset="utf-8"><title>ECharts</title...

2019-04-19 17:46:08 2452

原创 vue tab数据是查询接口 + websocket 里面的 (socket数据是实时更新)---更新2个bug

一、首先:需求就是:vue tab数据是查询接口 + websocket 里面的 (socket数据是实时更新)先效果图:(状态和时间,是实时更新的)1.左边是树结构2.右边是tab'列表 :①:tab列表是2部分组成,②:一部分是自己调查询的接口获取到的,另一部分是socket里面拿到的,并且是实时更新的。③:注意有坑: tab数据时需要 , 自己先调的查询的...

2019-04-17 10:59:50 1228

原创 vue后台管理系统 (个人笔记-总结)每日实时更新

问题①. 坐标系 input 的 提示文字:方法①:最简单的html 的title属性实现效果图如下:方法②:return h('Tooltip',{style:{},props: {content: x + `, ` + y,placement:"top",}},[h('Input', {props: {value: value},on: ...

2019-04-12 09:44:10 1454

nodejs + vue3 模拟 fetchEventSouce进行sse流式请求

在GPT爆发的时候,各项目都想给自己的产品加上AI,蹭上AI的风口,因此在最近的一个需求,就想要给项目加入Ai的功能,原本要求的效果是,查询到对应的数据后,完全展示出来,也就是常规的post请求,后来这种效果遇到了一个很现实的问题:长时间的等待。我们需要在GPT返回全部数据后,前端才能接受并展示,一旦询问的时间过长,就会让用户等待很久,这时候我们需要将前端的展示效果改为想ChatGPT那样的打字机效果。

2024-07-04

vue canvas绘制信令图,动态显示标题、宽度、高度

需求: 1、 根据后端返回的数据,动态绘制出信令图 2、根据 dataStatus 返回值: 0 和 1, 判断 文字内容的颜色,0:#000,1:red 3.、根据 lineType 返回值: 0 和 1,  判断 箭头线的显示 是实线、虚线 4、根据返回的文字内容的换行符:“\r\n” 自动换行 (这步比较难,得计算高度)

2024-06-13

vue canvas绘制信令图二、

需求:根据信令图标题的每2个区域之间有无内容来给宽度,无内容区域的间隔要小一些。有内容区域的间隔大一些。

2024-06-13

Leaflet.Control.Opacity控制图层的透明度

Leaflet.Control.Opacity 组件设置一个图层或者多个图层的透明度,支持浏览器:- Chrome、- Firefox、 - Safari。 安装方法:npm install leaflet.control.opacity,main.js ```javascript // CSS import import "leaflet/dist/leaflet.css"; import "leaflet.control.opacity/dist/L.Control.Opacity.css"; import "./css/style.css"; // JS import import 'leaflet.control.opacity'; import './js/app.js'; ```

2023-08-04

vueCli3.0文件上传后,后端返回流,前端转换成pdf预览的3种方式

vueCli3.0文件上传后,后端返回流,前端转换成pdf预览的3种方式

2022-04-22

echart百度地图word.js

echart百度地图word.js

2022-02-18

echart百度地图china.js

echart百度地图china.js.

2022-02-18

echart百度地图全国所有省份的js

echart百度地图全国所有省份的js文件:如:guangdong.js,shanghai.js, shenzhen.js...................

2022-02-18

mxGraph中文文档.md

mxgraph.js中文文档是一个官方的api,翻译来源于sunflower(github: https://github.com/SunInfoFE),提供给更多的开发者参考和共享源码资源!

2021-07-07

wesocket.vue

前端websocket所有操作过程,前端如何:订阅、连接、发送协议、接收返回的message信息、关闭连接,以及页面销毁的时候怎么跟后端断开连接,暂停message一直返回的情况。

2021-07-07

mxgraph.zip

本demo是运用mxgraph.js 和node api 读取xml文件,并解析出来显示,业务上常用这个画流程图和topo状态图;主要适用于,现在的图形可视化操作

2020-06-29

mapinfo绘图工具.zip

mapinfo12.5是款桌面地理信息系统的开发软件,它是由大家熟悉的美国MapInfo公司设计开发。软件对测量分析的功能支持,快速的完成对各种相关的数据测量并且完成分析,也支持对缓冲区进行快速的分析,对地图的代数显示灯,而且也能完成多边形的操作,对数字的高程模型分析支持,快速的就能支持对图形完成,查询支持,使用的范围广泛,非常的适合在土地资源、国土监测、军队管理与指挥等使用!

2020-05-29

mapinfo中文版本.zip

mapinfo12.5是款桌面地理信息系统的开发软件,它是由大家熟悉的美国MapInfo公司设计开发。软件对测量分析的功能支持,快速的完成对各种相关的数据测量并且完成分析,也支持对缓冲区进行快速的分析,对地图的代数显示灯,而且也能完成多边形的操作,对数字的高程模型分析支持,快速的就能支持对图形完成,查询支持,使用的范围广泛,非常的适合在土地资源、国土监测、军队管理与指挥等使用!

2020-05-29

drawio.js源码

基于mxgraph.js的基础之上二次开发的,目前最强大的绘图类工具里面排名前一、二名的 draw.io 生成组态编辑器.

2020-05-26

空空如也

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

TA关注的人

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