- 博客(41)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 百度地图polyline内存溢出更换高德地图（没有对比就没有伤害）
1、背景因项目需求要实时显示无人机已经飞过的航线，之前使用百度地图在无人机飞行时间长后会导致浏览器内存溢出崩溃，最终定位到问题就是百度地图的polyline导致内存溢出。苦思无解，于是想着人不能在一棵树上吊死不是，咱就换个高德地图试试呗，这一换，您猜怎么着，吓死个人啊，两个页面一个使用百度的，一个是高德的，同一无人机，同样的数据，客官您请看百度地图效果高德地图效果...
2022-01-25 16:02:04
932
原创 react+ts配置Redux DevTools报错
在store添加如下配置会报错Property '__REDUX_DEVTOOLS_EXTENSION__' does not exist on type 'Window & typeof globalThis'.const store = createStore( reducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())解决方法：在src下
2022-01-18 08:50:45
868
原创 vue+cesium初探（八）之加载国内（高德、百度、腾讯等）影像纠偏
1、问题在使用cesium加载高德地图时发现高德地图加载的倾斜摄影与实际是存在偏差的，这是因为各个厂商间使用的坐标系是不同的，这就需要进行转换2、解决cesium-map可以解决在cesium中使用国内地图纠偏的问题，使用方式可以参见他的文档，但是我按照他的文档使用会提示，找不到Cesium，于是我便把他代码里的核心文件提出来，在utils下面进行改写并在页面中单独引入以高德地图为例，分别在以下来年各个文件中引入Cesiumlet Cesium = require('cesium/C.
2022-01-12 10:08:25
2478
原创 vue+cesium初探（七）之标签点击事件
1、加载标签注意这里的id后面可以用到 viewer.entities.add({ name: "楼顶摄像头", id: 'video', position: Cesium.Cartesian3.fromDegrees(118.27447066535073, 33.96131002247034, 70.79132996761848), billboard: { image: '/video.png',
2022-01-06 16:42:59
856
原创 vue+cesium初探（六）之添加广告片标签
1、创建标签 viewer.entities.add({ name: "门口摄像头", position: Cesium.Cartesian3.fromDegrees(118.27486142960991, 33.96099791408114, 5.350068970639882), billboard: { image: '/video.png', scale: 0.1, vertica
2022-01-06 10:49:00
317
原创 vue+cesium初探（五）之调整倾斜摄影高度
1、发现问题上一篇我们将倾斜摄影加载到地图上后发现其离实际地面高出不少，如下图2、调整高度 tileset.readyPromise.then(function (tileset) { var cartographic = Cesium.Cartographic.fromCartesian( tileset.boundingSphere.center ); var surface = Ces
2022-01-06 10:08:49
1765
1
原创 vue+cesium初探（四）之加载倾斜摄影
1、加载倾斜摄影//加载倾斜摄影var tileset = new Cesium.Cesium3DTileset({ url: 'http://192.168.2.18:3000/dx/tileset.json',});2、将倾斜摄影添加到球体上并定位到倾斜摄影// 添加到球体上viewer.scene.primitives.add(tileset);// //定位过去viewer.zoomTo(tileset);3、效果图...
2022-01-06 09:55:28
1265
6
原创 vue+cesium报错解决
ThirdParty/zip.js Cannot read property 'length' of undefined
2021-12-27 10:24:52
2517
2
原创 electron打包vue项目坑记录
1、打包后接口报错 解决：axios中配置const service = axios.create({ baseURL: process.env.NODE_ENV == 'development' ? "/api" : "http://www.abc.com/", timeout: 5000 // request timeout})2、上一步完了之后，打包完之后依然报错，在配置文件bacground.js中添加显示控制台win.webContents.openDevT...
2021-08-12 09:36:40
626
原创 vue使用百度地图并设置自定义主题
安装vue-baidu-map$ npm install vue-baidu-map --save全局注册//main.jsimport BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap,{ ak: '你在百度地图申请的key'})页面使用<template> <div> <baidu-map id="allmap" @ready="mapReady" :scroll-wheel-zoom
2021-05-24 14:04:27
1461
3
原创 vue解决报错TypeError: Cannot read property ‘parseComponent‘ of undefined
vue自己一直用的项目是好好的，但是新同事新拉的运行后就会报错TypeError: Cannot read property ‘parseComponent‘ of undefined在网上找了好多都说是升级vue-template-compiler，但事实是只更改vue-template-compiler版本号是不能解决问题的，还需要保持和vue版本一致比如我原本都是2.6.10的版本，只将vue-template-compiler从2.6.10升级到2.6.11是不够的还需要将vue也升级到2.
2021-04-01 08:46:42
5797
原创 echarts地图文字位置调整
原图在地图.json中修改添加‘cp’ "properties": { "name": "1号二期Ⅱ标", "cp":[ 106.415377,37.5994686] }修改后
2021-03-25 10:38:44
2781
3
原创 element合并最后一列的所有行
element合并最后一列的所有行页面 <el-table :data="dataTable" :span-method="objectSpanMethod" v-loading='loading' border stripe style="width: 100%"> <el-table-column prop="name" label="区域"> </el-table-c
2021-03-11 14:51:51
2587
原创 echarts设置默认隐藏部分legend
在做图表时项目经理希望数据都放到一起 但是发现很多数据堆到一起很挤就想着默认只显示部分配置默认不显示后 legend: { x: 'right', y: 20, orient: 'vertical', textStyle: { color: "#000", }, data: legendData, .
2021-03-11 14:23:04
3700
原创 页面中引入多个echarts组件自适应无效问题
问题：vue在一个页面引入多个echarts组件时，仅最后一个组件执行了自适应原因：子组件中的window.onresize只获取到了最后一个echarts解决办法: 将子组件echarts定义在data中，然后再父组件中通过ref调用其resiz()函数window.addEventListener('resize',()=>{ this.$refs.day.charts.resize() this.$refs.mon.charts.resize()})..
2021-03-02 13:37:52
541
1
原创 vue+axios+blob下载文件乱码或打不开问题
刚开始查了网上说需要设置responseType='blob'，但是代码中已经这么设置了下载还是乱码，就想到这个设置是不是没起作用呢？然后面向百度后发现mock模块会导致上面的设置失效，这是前期同时做相应模块的时候引入模拟数据的，后端接口出来后就不需要了，这面直接卸载即可...
2021-01-29 10:52:16
1764
2
原创 echarts重绘 legend不变化问题
在做项目时 两个切换数据源echarts重绘时legend没有变化，将option打印出来发现 legend已经变了就是图表这部分没有变化，最后发现是setOption的第二参数(notMerge)的原因，其意思是是否不和之前的option合并且默认为false,改为true即可chart.setOption(option, { notMerge: ..., //可选，是否不跟之前设置的option进行合并，默认为false，即合并。 lazyUpdate: ..., //可选
2021-01-29 10:45:04
1573
1
原创 element DateTimePicker赋值不成功问题
在赋值时使用this.$nextTick(() => { this.ruleForm.datetime = [new Date(res.data.beginTime),new Date(res.data.endTime)]})即可
2020-12-14 11:01:25
1561
1
原创 利用github静态页面iOS企业应用分发平台搭建以及自定义域名配置
1、编写下载页以及其他配置详见上一篇iOS企业应用分发平台搭建2、github项目新建以及配置2.1、新建github仓库2.2、将新建的仓库clone到本地并提交之前提及的代码2.3、开启github pages点击上面settings，找到github pages 将 source选择为master，点击save即可至此，页面会自动刷新并且会给我们一个链接即可直接访问此页面2.4、配置自定义域名如果我们建的项目名与我们的github用户名相同，我们上.
2020-09-22 09:20:12
465
原创 iOS企业应用分发平台搭建（uniapp打包）
1、背景之前公司应用分发选择的是蒲公英，但是最近登进去又要求我人脸认证，这就让我十分反感，而且内测模式一个版本只能下载10次每天，所以决定自己搭建一个平台2、环境要求服务器必须是https可以访问的3、搭建3.1、index.html这里就十分简单了，首先只要一个html页面有个<a>标签指向manifest.plist配置文件即可<DOCTYPE html> <html> <head> <
2020-09-21 09:41:34
1584
2
原创 vue页面和ifram之间传值信息交互
方式一：vue页面 mounted(){ window['reData'] = () => { //监听iframe页面调用本vue页面的方法并执行 this.reData(); }; const obj1 = window.frames['mainIframe']// 获得对应iframe的window对象 this.framObj = obj1 this.getWaterDate(
2020-09-03 16:59:09
1121
原创 腾讯云serverless用vscode在本地创建并安装依赖后上传至云端
1、在vscode中安装Tencent Serverless安装完成之后按照插件里面的说明完成配置即可2、安装node依赖其他的我就不用多说了，插件里基本都有说明，这里说一下怎么给node安装依赖第一步进入到创建的云函数的src文件中用npm init初始化一个package.json文件第二步同样是在src文件夹下使用正常的npm install命令即可安装所需依赖3、自动部署至云端依赖安装完成并编写完代码后，如图即可自动将云函数部署至云端...
2020-08-13 09:37:04
742
原创 腾讯云serverless初体验
1、新建云函数2、配置基本信息然后点击下一步3、函数配置，默认即可，点击完成4、修改代码并点击保存5、创建触发器6、复制触发器请求地址用postman测试
2020-08-12 14:39:07
329
原创 vue+cesium初探（三）之加载3D模型
1、views下新建Models.vue文件<template> <div id="container" class="box"> <div id="cesiumContainer"> <div class="modelMenu"> <div v-for="(item,index) in modelList" :key='index' class="modelItem" @click="chang
2020-08-10 14:41:57
3909
原创 vue+cesium初探（二）之绘制形状
1、在views新建Box.vue<template> <div id="container" class="box"> <div id="cesiumContainer"></div> </div></template><script>export default { name: 'Home', mounted(){ this.init() }, methods: {
2020-08-10 10:24:14
826
原创 vue+cesium初探（一）之vue环境配置
1、基础环境 2、创建项目选择第三项自己配置按上下移动，空格键选择，回车键确定后面就按自己喜好去配，不懂可以摆渡3、安装cesium依赖4、配置vue.config.js在项目目录下新建vue.config.js，配置如下const CopyWebpackPlugin = require('copy-webpack-plugin')const webpack = require('webpack')const path = requi...
2020-08-10 09:44:47
5649
4
原创 uniAPP混合开发小程序实现子组件下拉刷新
在上一篇文章中，我们通过自定义实现底部tab，但是在使用uniAPP下拉刷新时，父组件可以实现，子组件没有效果，这也着实让我难为了半天，最终通过父子组件互相传值的方式来实现了想要的效果那么我是怎么做呢？首先，我们在父组件下拉刷新的函数中获取当前tab的index从而告知哪个页面执行刷新重新获取数据（我们这里以一个弹窗替代），并且当子组件获取完数据之后再向父组件回传一个值以达到初始化的效果。...
2020-01-10 16:36:28
3756
3
原创 uniApp混合开发小程序实现自定义底部tab仿绿洲APP动画效果
今天在使用绿洲APP时感觉底部的切换效果不错，就想试着做一下，但是uniAPP官方的底部tab太过死板，那么要想实现绿洲APP的切换效果自然不能用官方的东西，那咋办嘞？像我这么爱折腾的人肯定是自己尝试着去写一个啦说干就干，我们把页面分成两个部分，上面是内容区，下面是固定且浮在上层的tab区域每当点击时获取当前tab的索引并根据索引切换内容区页面部分代码 <view c...
2020-01-09 19:12:00
2880
1
原创 ie兼容问题
1、自定义字体不生效使用web字体@Font-face目前浏览器的兼容性：Webkit/Safari(3.2+)TrueType/OpenType TT (.ttf) 、OpenType PS (.otf)；Opera (10+)TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg)；Internet ...
2019-09-11 10:48:38
204
原创 关于vr的一些探想
现阶段人们对于vr的研究是头戴式的，还需要借助外在的实体（比如手机电脑等）以供体验而我相信随着技术的进步 vr相关技术完全可以集成在一副眼镜之中最终当科技真的发达到一定程度时 即我们的智能设备能够嗅探并准确识别出人的意识的时候，这个时候人可以通过意念和智能设备进行信息交换，从而实现真正的vr体验，当然在这个阶段我一直有个想法就是人体植入芯片然后一切信息交互设备（手机、电脑等）都会淡出...
2019-08-22 16:17:32
167
原创 Can't resolve '@babel/runtime/helpers/esm/extends'
公司ant design pro的项目down下来后运行出错去网上看了下 有的说修改package.json中的roadhog换为:’^2.5.0-beta.4’按照操作试了下，这个是不报错了，但是报了代码里面的request方法错误，怎么想也不可能是代码出错了于是看了下history的代码，里面第一行导入了import _extends from '@babel/runtime/h...
2019-08-21 16:16:38
4779
原创 react项目按需加载报错 .libraryName is not a valid Plugin property
"babel": { "presets": [ "react-app" ], "plugins": [ "import", { "libraryName": "antd", "style": true } ] },原配置如上会报错.libraryName is not a va...
2019-07-30 15:25:08
4452
2
原创 解决uniAPP Date.parse()获取时间戳手机端打印为NaN的问题
最近使用uniAPP开发公司客户端APP，在做到拼单的时候拼单倒计时在浏览器正常显示，但是在手机端运行的时候就提示活动结束一看就是没有进入时间未结束的那段代码于是用Date.parse打印了一下接口获取的时间戳，浏览器正常打印出了一段数字，但是手机端在控制台打印的则是NAN，这弄得我非常郁闷，后来网上查了一下应该是有的手机系统不支持2019-04-29这样格式而支持2019/04/...
2019-04-24 13:26:36
6677
原创 小程序与uniapp根据参数值展示不同的css样式
小程序<view class="{{muAc == 1 ? 'menuAc' : 'menu'}}"> 商品</view>uniapp<view :class="[muAc == 1 ? 'menuAc' : 'menu']"> 商品</view>
2019-04-20 11:21:25
4751
原创 uniapp （vue）父子组件间的传值
父组件向子组件传值父亲代码<detail-bar :num='carNum'></detail-bar>孩子代码<view class="cart_tag">{{num}}</view>script中props: { num: { type: Number, default:0 } ｝-----...
2019-04-18 15:53:44
2996
2
原创 使用uniAPP接入ONE的每日一句
在上一篇词霸每日一句的基础上新接入one的每日一句内容接口返回数据如下每次可查询到10条数据，利用swiper实现滑动查看过去的内容，使用uni.previewImage实现点击图片预览，在text组件中使用selectable="true"实现文本复制功能具体效果如下...
2019-03-30 16:14:16
616
原创 使用uniapp编写词霸每日一句页面
无意中看到了金山词霸提供的每日一句api，刚好最近在用uniAPP开发，就利用中午休息的时间把每日一句的页面实现了一下请求接口为http://open.iciba.com/dsapi/返回数据如下：实现效果：...
2019-03-29 15:16:46
425
原创 uniAPP 顶部tab菜单的实现
最近在使用uniAPP做项目，页面中要使用到顶部tab菜单，但又不想使用别人的插件，于是自己用代码实现了一下水平有限，如有不足请多多指教完整代码地址...
2019-03-16 16:14:51
16111
21
原创 关于微信小程序引入自定义字体的一些坑
最近在做小程序开发时，需要使用到第三方的字体，由于小程序不能将字体放到本地，所以试了下wx.loadFontFace({ family: 'webfont', source: 'url("http://cdn.123123.com/minijianhanzhenguangbiao.ttf")', success: function (res) ...
2019-03-15 10:26:59
3969
2
原创 小程序针对循环展示的商品属性添加点击效果
页面<view wx:for="{{item.items}}" wx:key='{{item.id}}' class="{{isChecked == item.value? 'gui_item gactive' : 'gui_item'}}" bindtap='checkGuig' data-value='{{item.value}}'> ...
2019-02-28 13:42:00
252
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人