WEB软件开发
关注
分享
扫一扫
专注于WEB的开发，深挖React、TypeScript等web开发技术
ONEGISER(ZPC)
专注于GIS开发
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
WebGIS开发系列教程
WebGIS开发-00保姆级、零基础入门教程WebGIS开发-01开发环境搭建WebGIS开发-02vite搭建html+css+js开发框架WebGIS开发-03在框架中引入地图WebGIS开发-04.搭建Vue3+js+scss框架开启编程之旅B Zhan持续更新中....原创 2024-10-17 09:00:38 · 355 阅读 · 0 评论 -
申请天地图Key的步骤（onmap）
申请天地图Key的步骤原创 2022-11-27 10:08:12 · 2842 阅读 · 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 · 264 阅读 · 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 · 266 阅读 · 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 · 695 阅读 · 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 · 5719 阅读 · 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 · 2261 阅读 · 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 · 331 阅读 · 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 · 837 阅读 · 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 · 434 阅读 · 0 评论 -
OpenSeadragon图片加载神器分享
前言OpenSeadragon，一个开源的、基于web的查看器，用于高分辨率可缩放图像，使用纯JavaScript实现，适用于桌面和移动设备。你可以用它加载TMS、WMTS、OSM的地图瓦片，也可以使用它加载各种图片。Google插件使用访问插件地址，安装插件。在浏览器输入***chrome-extension://lbjfeiidhldnfohmhnnnjgcmgjbnibgd/index.html***，输入在线图片地址即可查看点击show查看，如下图所示：切图工具切图这块，许多工具原创 2021-11-09 17:00:00 · 733 阅读 · 0 评论 -
js获取汉字的拼音首字母
前言参考《JS获取中文拼音首字母，并通过拼音首字母快速查找页面内的中文内容》自己写的在线示例原创 2021-10-30 12:28:33 · 1950 阅读 · 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 · 1828 阅读 · 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 · 970 阅读 · 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 · 241 阅读 · 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 · 238 阅读 · 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 · 490 阅读 · 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 · 529 阅读 · 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 · 1160 阅读 · 0 评论