自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

qq_24343389的博客

个人记录

  • 博客(89)
  • 资源 (15)
  • 收藏
  • 关注

原创 可视化特效汇总-2023年

基于threejs可视化效果展示、基于mapbox白膜展示、基于cesium模型加载、磁场专题图绘制。

2024-02-05 10:46:49 236

原创 基于mapbox-gl 纯前端绘制全球色斑图

基于maobox-gl.js、turf.js 绘制全球色斑图绘制

2023-12-03 18:11:50 614

原创 mapbox-gl 实现末尾带箭头的线

4、给geojson 中 properties 添加 iconRotate 字段 目标.properties.iconRotate =iconRotate ,加载箭头图标时 旋转 一下角度。3、利用 mapbox-gl 图层 Layer 中 layout的 icon-rotate 旋转箭头图标的 角度,注意目标默认与正北方向 有90°的夹角,所以需要 bearing -90°。bearing 是计算起点到终点的相对于北向的角度,返回的结果是度数。

2023-05-25 16:07:09 580

原创 基于vue3.x与 three.js模拟地球内部结构

基于threejs、vue3.x、热力图实现了地球结构可视化展示。

2023-04-06 12:05:13 692

原创 基于vue3.2、three实现地图在地图加载

基于vue3.2、three实现地图展示

2023-04-04 16:01:05 355

原创 vite 结合vue3.0 打包报错

【代码】vite 结合vue3.0 打包报错。

2022-09-09 14:04:58 1253

原创 基于qiankun实现微前端架构

基于qiankun实现微前端架构 微前端样式隔离

2022-07-25 15:51:56 1592

原创 Jenkins 构建前端报内存溢出

Jenkins 构建前端报内存溢出

2022-07-08 13:45:02 1820

原创 基于cesium实现绘制

基于cesium 实现 点、线、面的 绘制

2022-06-28 18:06:33 350

原创 Could not resolve

1、vue3.0组件库中报一下错[!] Error: Could not resolve './index.vue' from packages/Button/index.ts可能是因为路径不对或者 引入文件没加后缀1.vue配置路由如果出现can not resolve“@src/”,那极有可能你的路径写错了,或者路径和上面的写重复了,检查路径2.引用路径时,文件后缀.js/.vue什么的没有写全...

2022-05-28 11:13:31 6651

原创 Vue 分模块打包

Vue 分模块打包

2022-01-16 13:11:56 4403 3

原创 常见地图服务以及区别

常见的地图服务分为:WMS、WFS、WCS、WPS、WMTS、TMS、WMSC服务WMS服务,全称是Web Map Service (web地图服务),动态地图服务,在ArcGIS中我们经常利用理由的mxd文件发布的服务,就是这种地图服务,如果你的数据会变化,建议发这种服务。这种服务优点是动态,缺点是慢WFS服务,全称是Web Feature Service (web 要素服务),支持要素的增删改等事务操作,支持空间和属性查询WCS服务,全称为Web Coverage Service(web

2021-12-07 19:32:29 3945

原创 基于cesium三维球按区域加载影像

基于cesium三维球,实现区域影像加载地图初始化代码如下:let viewer = new Cesium.Viewer("mapContainer", { geocoder: false, //控制右上角第一个位置的查找工具 homeButton: false, //控制右上角第二个位置的home图标 sceneModePicker: false, //控制右上角第三个位置的选择视角模式,2d,3d baseLaye

2021-11-22 17:20:05 1088

原创 基于 cesium 的 Property实现轨迹播放

基于cesium实现轨迹播放

2021-11-17 17:23:48 585

原创 GIS数据来源以及常见的数据格式

数据类型 数据来源 常见的文件格式 DEM 地形数据 互联网在线资源,航拍 tif,dem DOM 影像数据 互联网在线资源,航拍, 采购 tif,img 矢量数据 互联网在线资源,采购 shp,kml,geojson,dxf/dwg 三维模型 人工建模(含BIM)、无人机倾 斜摄影 倾斜摄影osgb,人工建模obj、dae, BIM数据dvt、d...

2021-11-17 14:05:58 2869

原创 GIS数据

GIS数据GIS地图数据是由不同图层构成,各图层的数据可以分为矢量或栅格数据。地图图层GIS展示,是通过不同的图层去描述,然后通过图层叠加显示来进行表 达的过程。 对于地图应用目标的不同,叠加的图层也是不同的,用以展示我 们针对目标所需要信息内容二维WebGIS的地图结构栅格底图图层 矢量图层三维WebGIS的地图结构地形图层 栅格底图图层 三维模型层 矢量图层在地图服务图层之上,我们可以按各地图平台提供的API开 发业务图层叠加在上面,构成了各种GIS业务应用系统矢

2021-11-15 12:47:15 1868

原创 GIS的坐标系

原点与质心关系参心大地坐标系(已经被淘汰) 地心大地坐标系(目前通用的)表示形式地理坐标系 GCS大地坐标系/经纬度坐标系 (LBH) 空间直角坐标系/地心坐标系 (XYZ)投影坐标系PCS(XY平面坐标)通用横轴墨卡托(UTM)投影 墨卡托投影 WebMercator投影坐标系地心坐标系与参心坐标系地心坐标系:原点与地球质心重合,以地球质心为原点建立的空间直角坐标系,或参考椭球 中心与地球质心重合的地球椭球面为基准面所建立的大地坐标系。 参心坐标...

2021-11-15 11:28:45 583

原创 Mapbox离线字体 glyphs

背景:使用Mapbox时不允许链接互联网,比如军工之类的项目1、Mapbox离线字体 glyphs使用,下载离线载体,可以在https://download.csdn.net/download/qq_24343389/19763117链接中下载或者通过工具生成pbf字体2、本地测试可以在本地通过http-server 启动一个静态资源服务访问字体问题,如遇到跨域可以通过本地代理解决3、展示聚合图效果...

2021-06-21 16:14:10 1973

原创 Http请求JSON对象数据反解析精度丢失问题

1、http请求 对 单个long类型字段的长度有限制的原始数据:

2021-05-28 12:52:26 518

原创 uni-app引入iconfont App不显示H5正常问题

1、iconfont 地址https://www.iconfont.cn/2、引入方式离线引入:加入字体图标下载iconfont包修改iconfont.css文件,data:application/x-font-woff2;charset=utf-8;base64,后面内容是下载的iconfont.ttf转为base64的内容 引入到uni-app项目中,并在App.vue页面引入 @import "./common/iconfont/iconfont.css"...

2021-01-13 16:12:26 2701

原创 深入研究 css touch-action 属性

1、CSS属性touch-action用于设置触摸屏用户如何操纵元素的区域(例如,浏览器内置的缩放功能)。/* Keyword values */touch-action: auto; 默认值touch-action: none;touch-action: pan-x;touch-action: pan-left;touch-action: pan-right;touch-action: pan-y;touch-action: pan-up;touch-acti...

2020-12-31 10:32:03 10385 1

原创 iview组件Select回显问题

1、回显的值必须是Option绑定列表中存在的,如果Option绑定的是对象数组,回显时需要构建一个对象2、回显的值必须是字符串(String),不能是数字(Number)如果是Number类型可以加一个空字符串,转一下 例如:10+"";...

2020-12-29 18:04:50 3297

原创 instanceof与typeof的区别

虽然typeof和instanceof都可以用来判断变量,它们的用法有很大区别,typeof会返回一个变量的基本类型,instanceof返回的是一个布尔值instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上。typeof判断...

2020-11-02 17:22:12 870

原创 pc端不同分辨率适配

1、以1920* 1080的设计稿为例,实现PC端不同分辨率适配2、安装依赖npm install --save lib-flexible 或者 yarn addlib-flexible -savenpm installpx2rem-loader -D或者 yarn addpx2rem-loadernpm 安装不上时可以用cnpm3、在utils文件下新建 一个 js 文件 如viewport.js 代码如下(function() { va...

2020-08-17 15:10:26 12236 7

原创 node链接mysql数据报 unblock with mysqladmin

启动node服务端端 throw err; // Rethrow non-MySQL errors ^Error: ER_HOST_IS_BLOCKED: Host '188.131.xx.xx' is blocked because of many connection errors; unblock with 'mysqladmin flush-hosts'是因为 同一个ip在短时间内产生太多中断的数据库连接而导致的阻塞,超过mysql数据库max_connection_err...

2020-06-27 16:42:34 244

原创 html中长英文换行问题

1、当一个英文比较单词比较长时,html中默认不自动换行解决方案:max-width:100%;overflow-wrap:break-word;CSS属性overflow-wrap是用来说明当一个不能被分开的字符串太长而不能填充其包裹盒时,为防止其溢出,浏览器是否允许这样的单词中断换行。normal表示在正常的单词结束处换行。break-word表示如果行内没有多余的地方容纳该单词到结尾,则那些正常的不能被分割的单词会被强制分割换行。...

2020-05-23 15:36:50 1460

原创 客户端(Android、ios)与 H5交互

1、首先Android、ios 内核不一样,需要对Android和ios做不同的处理a.判断内核的方法:constbrowser=() =>{ letu=navigator.userAgent;return{trident:u.indexOf('Trident')>-1,//IE内核presto:u.indexOf('Presto')>-1,//opera内核webKit:u.indexOf('AppleW...

2020-05-20 18:38:25 704

原创 原生App中嵌套 H5, H5不能使用缓存问题

原生安卓 App中嵌套 H5, H5不能使用缓存报一下提示:Cannot read property 'getItem' of null通过webView 设置开启缓存WebSettings settings = newWebView.getSettings();settings.setDomStorageEnabled(true);//开启缓存...

2020-03-04 09:28:34 1995

原创 H5支付、支付宝支付

背景项目基于H5支付 、微信支付实现支付服务端跟支付宝、微信H5 支付api对接,前端(原生、H5)调用服务端接口,接口返回支付所需的拼接串+支付完成的回调地址,H5或者原生唤起支付。支付宝支付1、H5调用服务端接口,接口返回格式 为 from表单,其中包括 提交 from表单时间, 需要特殊处理,处理方式如下: constdiv=document.creat...

2020-01-09 19:11:24 634 3

原创 mongoose 连接数据报警告

1、报警告如下解决方案:mongoose连接数据库时除url参数外增加参数:{useNewUrlParser: true,useUnifiedTopology: true,useCreateIndex:true}结果:已解决。...

2019-12-22 20:53:23 203

原创 vue 中 防止改变 源数据

源数据:const exhibitorList = [{ title: '展商名称', selectText: '', isSelect: false}, { title: '展商简称', selectText: '', isSelect: false }]第一次进入页面修...

2019-12-16 11:49:11 703

原创 提取 json 数组中需要的字段

1、利用filter()方法过滤到需要的json数组letdata = [{ "srjID": 147, "srjName": "双面开口", "num": 0, "oddCreateTime": "0001-01-01 00:00:00"}, { "srjID": 121, "srjName": "义乌标变3*3", "num":...

2019-12-13 18:42:15 1141

原创 nvue(weex)中使用字体图标

1、在nvue页面的created生命周期中做如下设置created() { let domModule = weex.requireModule('dom'); domModule.addRule('fontFace',{ 'fontFamily': "iconfont", ...

2019-11-19 14:12:00 2306

原创 axios的post请求会发送了2次请求,解决方案

1、引用qs模块2、在main.js中设置默认请求头axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'3、需要在后台进行设置,允许options请求参考文档: https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Acce...

2019-11-12 09:08:54 1802

原创 -webkit-text-stroke 小米系列不兼容

-webkit-text-stroke 小米系列不兼容解决方案:目前还在探索中,暂时用text-shadow 替代

2019-11-11 16:26:53 588

原创 Runtime Only 版本 VS Runtime+Compiler 版本

当我们用vue-cli 初始化Vue.js 项⽬的时候会询问我们⽤ Runtime Only 版本的还是 Runtime+Compiler 版本,下面进行两者对比:Runtime Only: Runtime Only 版本通常需要借助如 webpack 的 vue-loader ⼯具把 .vue ⽂ 件编译成 JavaScript,因为是在编译阶段做的,所以它只包含运⾏时...

2019-11-08 15:43:24 261

原创 remote: HTTP Basic: Access denied fatal: Authentication failed for

git pull 代码是时提示:remote: HTTP Basic: Access denied fatal: Authentication failed for解决方案:1、cmd 打开 dos窗口2、执行以下命令git config --system --unset credential.helper3、然后更新用户名、邮箱、密码OK...

2019-11-07 13:13:09 931

原创 this安全策略

1、把this作为参数值来调用函数,这样可以避免this多问题,因为this始终与当前对象保持一致。2、设计静态的this指针如: function A(){let _this = this ; 存储当前的this,}3、设计静态的this扩展方法作为一个动态指针,this可以被转换为静态的指针,实现的方法主要利用 function 对于的 call()方法和 apply...

2019-11-04 18:17:17 117

原创 html 中 图片拼接 空隙问题

给图片标签的父级设置font-size: 0;<div class="activity-img" v-for="(item,index) in commodityDetails" :key="index"> <image :src="item.goodsPictureAddress" ></image></div &gt...

2019-08-30 07:05:45 792

原创 mysql 中使用 \n 换行问题

在mysql 中通过Navicat手动插入以下内容,通过接口读取:1、这是更新内容\n 2、更新以后更流畅期望展示为:1、这是更新内容2、更新以后更流畅结果:1、这是更新内容\n 2、更新以后更流畅解决方案:使用 sql 插入 解决以上问题...

2019-08-28 20:59:13 4327

使用于iview 中 Cascader 级联选择的 省、市、县数据

使用于iview 中 Cascader 级联选择的 省、市、县数据 ,在项目中亲自测试过没有任何问题,使用如果有问题请联系

2020-09-28

ddxA_api.zip

使用说明: 1、把项目中shops.sql导入自己数据库 2、修改项目中数据库配置文件 3、启动项目

2019-10-18

商城app案例

基于uni-app搭建的一个app架构,其中包括底部导航、顶部导航、数据请求、界面跳转

2019-01-31

nodejs服务部署在服务器本地不能访问问题

nodejs服务器部署在服务器,外网不能访问问题

2017-08-09

微信公众号申请认证资料

微信公众号申请认证详细资料

2017-08-02

IOS 开发者账号政府单位申请时所需申请函

IOS 开发者账号政府单位申请时所需申请函

2017-07-28

MUI试下去那网界面

MUI实现去哪儿网界面

2017-05-26

基于MUI实现计步器功能

基于mui实现计步器功能

2017-05-26

基于decloud平台经典app界面搭建

基于decloud平台经典app界面搭建、界面跳转、登录界面搭建等等

2017-05-18

decloud平台集成超图js的sdk

decloud平台集成超图sdk实现地图显示

2017-05-18

windows苹果ipa发布详解

windows苹果ipa发布详解

2017-03-27

正则表达式

一些常用的正则表达式

2017-02-10

MUI框架实现注册登录界面以及规则校验 实例源码下载

MUI框架实现注册登录界面以及规则校验

2017-02-10

基于android的超图软件开发

基于超图平台的gis开发,实现定位、标绘功能

2016-11-15

基于android高德地图开发

包括定位、附近搜索功能

2016-11-15

空空如也

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

TA关注的人

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