WEB软件开发
专注于WEB的开发,深挖React、TypeScript等web开发技术
ONEGISER(ZPC)
专注于GIS开发
展开
-
申请天地图Key的步骤(onmap)
申请天地图Key的步骤原创 2022-11-27 10:08:12 · 2150 阅读 · 0 评论 -
使用Hasura中的subscription(weixin公众号【图说GIS】)
安装库 npm install @apollo/client graphql graphql-ws创建客户端import { ApolloClient, HttpLink, InMemoryCache, split } from '@apollo/client';import { GraphQLWsLink } from '@apollo/client/link/subscriptions';import { getMainDefinition } from '@apollo/client/原创 2022-05-19 18:24:25 · 221 阅读 · 0 评论 -
js文件/图片相关操作(weixin公众号【图说GIS】)
//base64转化为blob dataURLtoBlob(dataurl: string) { const arr = dataurl.split(',') const mime = arr[0].match(/:(.*?);/)[1] const bstr = atob(arr[1]) let n = bstr.length const u8arr = new Uint8Array(n); whi..原创 2022-03-02 10:15:05 · 235 阅读 · 0 评论 -
解决Array.prototype扩展后出现bug(weixin公众号【图说GIS】)
for (let i in this.positions) { //为了防止别人用了Array.prototype扩展后出现bug if (!isNaN(Number(i))) {} }在线代码原创 2022-03-02 00:05:21 · 577 阅读 · 0 评论 -
mapbox中文地图地址(weixin公众号【图说GIS】)
https://api.mapbox.com/styles/v1/mapbox/streets-zh-v1?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA const map = new mapboxgl.Map({ container: 'map', // container ID style: '原创 2022-02-10 20:50:30 · 4939 阅读 · 0 评论 -
react项目运行无法启动一直Starting the development server...(weixin公众号【图说GIS】)
解决方案https://blog.csdn.net/Xiang_Gong_Ya_/article/details/117285803https://blog.csdn.net/wron_path/article/details/119246698https://blog.csdn.net/m0_37353299/article/details/118802657以上都试了,不行,下面是我们同事遇到此问题的解决方案Browserslist: caniuse-lite is outdated. P原创 2022-02-10 18:04:07 · 2048 阅读 · 0 评论 -
JQuery addClass在火狐下报错(weixin公众号【图说GIS】)
如下代码在谷歌浏览器下没有任何问题,在火狐下报错:const doms = document.getElementsByClassName("cesium-baseLayerPicker-dropDown") for (let i in doms) { const dom = doms[i] if (dom) { $(dom).addClass("scroll-1") }原创 2022-01-07 17:22:09 · 297 阅读 · 0 评论 -
js下载图片(weixin公众号【图说GIS】)
<button type="button" onclick="imgDownLoad()">点击下载</button>function downloadImg(url, name) { fetch(url) .then(function (response) { return response.blob(); }) .then(function (response) { const a = document.createElem原创 2021-12-31 14:02:31 · 729 阅读 · 0 评论 -
Postman简单使用记录(weixin公众号【图说GIS】)
1. 前言Postman可快速测试接口。安装有两种方法,第一种下载安装包。第二种在谷歌浏览器安装插件。简单记录如下2. 安装安装较为简单,不在赘术。3. 使用请求地址:https://services.arcgis.com/V6ZHFr6zdgNZuVG0/ArcGIS/rest/services/AlpineSummits/FeatureServer/0/query在浏览器输入上述地址,可以看到如下界面选择Format为json,where:1=1,分布点击Query(GET)和Query原创 2021-12-07 22:41:38 · 368 阅读 · 0 评论 -
OpenSeadragon图片加载神器分享
前言OpenSeadragon,一个开源的、基于web的查看器,用于高分辨率可缩放图像,使用纯JavaScript实现,适用于桌面和移动设备。你可以用它加载TMS、WMTS、OSM的地图瓦片,也可以使用它加载各种图片。Google插件使用访问插件地址,安装插件。在浏览器输入***chrome-extension://lbjfeiidhldnfohmhnnnjgcmgjbnibgd/index.html***,输入在线图片地址即可查看点击show查看,如下图所示:切图工具切图这块,许多工具原创 2021-11-09 17:00:00 · 611 阅读 · 0 评论 -
js获取汉字的拼音首字母
前言参考《JS获取中文拼音首字母,并通过拼音首字母快速查找页面内的中文内容》自己写的在线示例原创 2021-10-30 12:28:33 · 1805 阅读 · 0 评论 -
JS实现排序算法
const arr = [9, 8, 4, 2, 5, 7, 10];const sort = (arr, desc) => { const _arr = [] for (let temp of arr) { if (_arr.length === 0) { _arr.push(temp) } else { if (temp <= _arr[0]) {原创 2021-10-24 18:27:25 · 1804 阅读 · 0 评论 -
Less语言高级用法总结
.cal-tool-top(@n) { @var: unit(42*(@n - 1)+10); top:~'@{var}px';}//使用类 .test { position: absolute; right: 10px; margin: 0px 0px 3px 0px; width: 108px; float: right; .cal-tool-top(3); }原创 2021-10-24 18:04:02 · 841 阅读 · 0 评论 -
适合WEB开发初学者学习的“基于webpack5搭建html+css+js开发框架”
前言使用webpack5搭建适用于初学者学习的html+css+js的开发框架,代码见GITHUB。创建public文件夹创建index.html文件<!doctype html><html><head> <meta charset="UTF-8"> <title>web-frame</title><body style="margin:0px;"> <div id="root"原创 2021-09-28 13:28:42 · 181 阅读 · 1 评论 -
Nginx部署React项目或vue项目的打包成果
前言最近一哥们遇到一个问题:说开发环境正常,打包完提示Cesium is not defined,仔细看了他的配置一切都正常。最后我才搞清楚原来他没部署。问题就出在这儿了!那么如何在Nignx部署React或Vue项目成果?下载nginx拷贝文件至html文件夹下修改配置文件D:\nginx-1.20.1\conf\nginx.conf添加如下内容: location / { root html/plat; try_files $uri /i..原创 2021-09-14 13:38:40 · 193 阅读 · 0 评论 -
获取音频时长
获取在线音频时长<!DOCTYPE HTML><html><body> <audio id="test" src="https://img.houzi8.com/tc_tts_audio/2021/09/13/87ecb94de427fc10a273262780dad4da.mp3" controls="controls">Your browser does not support the audio element.</au.原创 2021-09-13 17:53:57 · 357 阅读 · 0 评论 -
javascript数组常用的操作方法
排序(代码参见)字符串//字符串数组 const strArr = ["2020年", "2019年", "2021年", "2018年"]; const newAscStrArr = JSON.parse(JSON.stringify(strArr)).sort((a, b) => { return a.localeCompare(b); }); //升序 console.log(newAscStrArr);//["2018年","2019年","2020年",.原创 2021-01-06 20:57:45 · 432 阅读 · 3 评论 -
JS 数字转换为EXCEL字母列
参考文章出处createCol(n: number) { const ordA = 'A'.charCodeAt(0) const ordZ = 'Z'.charCodeAt(0) const len = ordZ - ordA + 1; let str = "" while (n >= 0) { str = String.fromCharCode(n % len + ordA) + str;转载 2021-01-09 18:41:23 · 997 阅读 · 0 评论