随笔分类 - 前端开发
摘要：手动狗头，换选型就是这么突然。 选用框架：Vue3+Vite+Mapboxgl 在工程中引入mapboxgl 使用了好心人给的 mapboxgl.js 和 mapboxgl.css，放在 public/mapboxgl 目录下，在 index.html 中引入，mapboxgl可作为全局变量使用：
阅读全文
摘要：原方法： /** * 构造树型结构数据 * @param {*} data 数据源 * @param {*} id id字段 默认 'id' * @param {*} parentId 父节点字段 默认 'parentId' * @param {*} children 孩子节点字段 默认 'chil
阅读全文
摘要：问题 今日发现之前写的图表组件出现了不正常换行的bug，明明画布高度足够，却分成了两行： 解决 原因是接口返回的数据中出现了脏数据，中间有一条数据name为null，从而导致换行： 解决办法就是过滤下数据比如： arr.filter(item => item.name)，即可正常显示。
阅读全文
摘要：选用Vue2.0+Webpack+Openlayers。 参考链接：https://blog.csdn.net/qq_43274430/article/details/102580903 官方文档 API（v6.15.1）：https://openlayers.org/en/v6.15.1/apid
阅读全文
摘要：需求 相机变化（包括移动、缩放）时，获取当前视野范围的四点坐标。 采用的思路是，添加相机变化的监听事件，当变化大于设置的识别精度，则会触发方法，获取当前屏幕四点坐标，分别建立相机与四点坐标的射线，求射线与地球的交点。 下面是以这个思路实现的代码： viewer.scene.camera.percen
阅读全文
摘要：自用，记录。时间一长就会忘，耽误时间。 地图服务 WMTS切片服务 复制WMTS服务地址，拼接常用参数和要加载的图层名称，用WebMapTileServiceImageryProvider加载。 let url = "http://localhost:8080/geoserver/gwc/servi
阅读全文
摘要：问题 我真的不知道为什么几乎每次要用Cesium加什么东西，不管是点线面还是图层，总是不顺利 要加载一个GeoJson数据，数据包含几个点，需要展示点的位置和标签名称。用以下代码，打印dataSource可以看到改动已经添加进去了，但是看不到（而且正常来说就算我不该也应该能看到默认样式的点？） Ce
阅读全文
摘要：问题 目测这次问题出在axios上 Uncaught Error: Unknown option default 解决 参考这位朋友的文章解决了：vite打包axios的时候报错解决方案 以前遇到过，时间一长忘了（）
阅读全文
摘要：问题 原本可以正常打包部署运行，前两天加了些新功能，再打包就遇到这个问题，其意为：函数在instanceof check中具有非对象原型“undefined” TypeError: Function has non-object prototype 'undefined' in instanceof
阅读全文
摘要：需求 实现渐变色的仪表盘，进度条为渐变色，但整个数据轴的颜色范围固定，如下两图： 难点 该需求难点在于，正常思路配置仪表盘时，为数据设置渐变色，渐变范围是从起点到数据值（如下图）；而现在要实现的是，渐变范围总是从0开始到终点，进度条就像一个雨刷，刷过的部分渐变色可见，未刷过的部分不可见。 在Echa
阅读全文
摘要：问题 在mounted中使用localStorage获取数据，没想到报错如下： 打断点看过localStorage中存在getItem()方法。这个问题类似之前遇到的canvas2image的那个问题（canvasToImage报错：_canvas2image2.default.convertToI
阅读全文
摘要：问题 使用Cesium在地球上添加图片，打开控制台（勾选disable cache）时图片正常显示，关闭控制台则显示为白色。 （背景：使用 Cesium在球上添加图片（四个坐标点） 的方法添加了图片） 关闭disable cache选项后，发现控制台报错跨域（禁用缓存时没有该报错）： 解决 引用静态
阅读全文
摘要：问题描述 Vue打包部署后访问系统报错Unexpected token： 思路 接手的项目多了经常遇到这种问题，一般有以下几个思路： 百度一下 检查打包配置（一般在vue.config.js里，有关tag注入的配置） 对比开发版本和打包版本的html引入的标签有什么区别 解铃还须系铃人，找交接给你的
阅读全文
摘要：需求 需要在Cesium上添加图片，格式为png这类纯图片文件，端点坐标是四个。不能用SingleTileImageryProvider添加，因为SingleTileImageryProvider只支持Rectangle范围，即只能设置四边平行于经纬线的正矩形。 （添加矩形范围的官方demo：htt
阅读全文
摘要：vue2+js项目，某个屏幕截图功能，报错： 代码中用到的 import canvasToImage from 'canvas2image'; 打印canvasToImage发现是{}，那么canvasToImage.convertToImage自然会报错。 查看源码，canvas2image.js
阅读全文
摘要：拿到一个很旧的前端项目，安装依赖后报错： TypeError: dep.getResourceIdentifier is not a function at addDependency (E:\project\xxx\node_modules\@vue\cli-service\node_module
阅读全文
摘要：问题 昨天上班还运行得好好的，今天启动就报错了，无法进入系统。 环境描述 vue2+webpack，比较旧的框架。还引入了外部的以Cesium为基础封装的三维引擎。 入口除了main.js的app，还定义了现在遇到报错的xx变量。 尝试 删除node_modules和package-lock.jso
阅读全文
摘要：问题1：'default' is not exported by 'xxx', imported by 'xxx' 很诡异的问题，提示错误的导入文件、导出文件其实毫无关联，把报错的行删除再次打包，就会报错下一行，把报错文件直接删除，就会报错下一个无关联的文件。 从commonJS、rollup方面着
阅读全文
摘要：用Vue一年多但是对Vue一些原理了解还是不够，研究这个问题花了一天，记录一下。 需求 需求：要实现地图上弹窗，弹窗内嵌入Vue组件，组件调用视频播放插件。 难点：要改造封装好的弹窗js组件，引入Vue组件，之前调用组件都是直接在.vue文件里import进来，写进components里就OK，可是
阅读全文
摘要：##功能 节点样式动态变化，模拟未进行、当前、已进行三种效果 自动播放，也可以手动点击节点切换 根据节点数量改变布局，节点较少时均匀分布，节点较多时固定节点间距离，通过控制左右箭头实现横向滚动，滚动到最右（左）时隐藏右（左）箭头 效果 节点数少于规定值（我这里定<=10），隐藏左右箭头，节点均匀分布
阅读全文
