- 博客(42)
- 收藏
- 关注
RSS订阅原创 关于vite.config和vue.config的配置文件
今天做一个小记录，是从别的网站上抄过来的内容，关于vite.config.js和vue.config.js的配置相关项。平常创建一个新项目时，总是因为config.js的配置项优化而发愁，今天无意间发现有关于特别全的配置，就将它抄到自己的笔记中。
2025-04-08 13:56:06
397
原创 用JavaScript实现简单的拓扑图效果
公司项目突然有个编写拓扑图的效果，而之前那个图例领导觉得看烦了，就临时画了个新的，我看着逻辑不是很难的，而且用网上的插件可能有学习成本和查询成本，所以就自己简单写了一个，这一版是自己在后来又完善了下
2025-04-05 13:20:10
378
原创 微前端qiankun框架的使用
样式问题，在子应用中样式是正常的，但是在主应用中，子应用的样式丢失了，而且在我还设置了strictStyleIsolation: true模式，样式还是很神奇的消失了，网上查询了好多方法，最后用审查元素查看发现子应用也正常被shadow-root包裹起来了，结果发现是子应用中，挂载元素时自己写错了，在子应用中的render函数应该这样写。这只是qiankun框架的基本使用方式，具体的方法和更多详情可以去官网查看，官网写的很清楚的，当前属于我个人的笔记，也希望通过这篇文章可以帮到同行的朋友。
2025-03-23 19:04:17
1255
原创 时间轴版本-2.0
这是本人自己封装的时间轴2.0版本的代码，用到了TypeScript+JavaScript这篇文章只有代码和具体的使用方式，如果想看具体的讲解可以参考本人写的时间轴1.0版本的，在1.0版本中可能计算时间线的逻辑略有不同，但是大致的计算逻辑都一样时间轴1.0使用方式options配置项时间轴的回调方法简单使用示例文章感想当前的组件只是本人用自己所学所用的知识编写的，主要是用来给自己做个笔记，等用到时可以直接拿来使用。功用性可能并不是很好，所以如果有哪位同行想使用这段代码插件，并发现问
2025-03-18 19:26:49
361
原创 监听新打开窗口的关闭情况和iframe内系统的url改变情况
需求不算难，可能是我经验不多，有些知识点没有想到，现在做完发现挺简单的，但是还得记录下，万一下次还有这样的需求但忘记具体的做法就手麻了。要求点击菜单跳转到别的系统，但是浏览器的标签页只能打开一次，需要监听当前的标签页是否被打开。要求在系统中嵌套另一个系统，但是我们要监听另一个系统的url跳转情况。这个需求很简单，就是通过window.open返回的对象来完成功能。今天上班突然有两个需求，都是关于集成其他系统的需求。2、系统中嵌套另一个系统。1、跳转至外链的系统。
2025-03-12 14:30:51
334
原创 Cesium加载CZML文件，并添加自定义图层
本文是自己做的小笔记，主要记录了如何在Cesium中添加和加载CZML文件。然后是在Cesium中添加自定义图层图片的方法
2025-03-12 14:05:15
254
原创 gui.js可视化插件的使用
gui插件是一个可以与前端界面相结合更改js对象属性值的插件，在平常的前端开发中我们可以使用控制台的打印工具看自己调试的值。但是在进行三维可视化开发时，一个好的角度和材质的取值是非常重要的，而这点用肉眼是看不出来的，最好的方法就是一点一点的在界面上去试，但是没改变一次就重启一个项目，比较麻烦，因此就需要gui.js来修改threejs中一些属性值，可以辅助我们以更快，更直观的方式对模型的材质和位置进行取值和调试。
2024-08-29 15:52:39
772
1
原创 three.js基础API的使用与理解
首先创建vue3的项目：`npm create vite@latest`然后通过命令行下载three依赖：`npm install three@0.157.0 -S`漫反射材质：就是当光源照射到几何体身上时，光不会有固定的反射角将光源反射出去，而是想四方周围反射。高光材质：就是当光源照射到几何体身上时，光会根据照射的角度来确定一个固定的反射角，由反射角反射出去。高光的地方更加明显，渲染出来的几何体更加逼真。PerspectiveCamera透视投影相机、OrthographicCamera正投影相机
2024-08-29 15:43:23
1221
原创 手动安装Git，手动在右击菜单注册git运行程序
当我们有git的zip压缩包后，只将压缩包解压也是可以用的，但是每次使用时还得去git的安装包下启动git项目，这样就很麻烦。一般情况下都是右击就有git运行程序的选项，直接点击就好，这时用.exe文件安装就没问题，可当我们使用zip压缩包直接解压时，git是不会自动注册右击菜单的，需要我们自己手动去注册表中填写。
2024-08-28 16:03:56
419
原创 自动化构建工具Gulp
此时不能直接使用node gulpfile.js命令来执行本文件，因为使用node命令会执行整个js文件，但我们只想执行gulp的task任务。通过输入http://localhost/list.html获取http://localhost/public/list.html下的静态资源。先将公共模块抽取出来，然后在需要使用模块的html文件中使用@@include(文件路径)就可以将公共模块重新使用了。在http请求和响应的过程中传递的数据库就叫做报文，包括要传送的数据和一些附加的信息，并遵守一定的规则。
2024-08-26 15:44:19
812
原创 Node语法的基础使用
一般引入a模块引入b模块时，使用require(‘b.js’),然后再b模块中将在a模块中要使用的变量导出即可，如：exports={}一般情况下，我们要想运行js文件，就先将其引入到html中，在利用html来打印和运行，不过现在有node就不需要这么麻烦了。window上的路径分隔可以用/或者\来分隔的，如：public\asstes\或public/asstes/。liunx上的路径分隔都是用/来分隔的，不然就错了，如：public/asstes/。__dirname：表示当前文件所在的绝对路径。
2024-08-26 15:34:41
418
原创 Express框架大致内容和使用
主要有：中间件方法、请求处理函数中间件方法由Express提供，负责拦截请求，请求处理函数由开发人员提供，负责处理请求// app.get方法由express提供，处理函数需要自己写app.get('请求路径',"处理函数")app.post('请求路径',"处理函数")可以针对同一个请求设置多个中间件，对同一个请求进行多个处理，但是默认情况下请求匹配是从上到下依次匹配，一旦成功则终止下面的匹配。就是说，默认情况下express框架只会匹配第一个中间件方法。所以我们要加个操作。
2024-08-26 15:30:43
982
原创 operlayers绘制可拖动标牌
在地图上绘制可拖动的标牌，在地图的API中绘制自定义样式的标牌也就能使用Overlayer,将创建好的dom放入地图中，这样样式容易修改。然后连接地图的线和点就直接使用地图API正常绘制点、线即可。因此一个标牌包含三个元素，一个overlayer对象、点对象、线对象，然后正确修改偏移量就好。拖动时修改对象的相关属性就行。注意：overlayer对象不能放图层中，只能放在地图对象中，因此删除时必须在地图中删除，所以删除标牌时最好定义一个通用方法，从地图和矢量图层中查找和删除相关对象。
2024-08-24 23:34:43
467
原创 operlayers中使用鼠标点击动态创建点、线、面
首先创建相关的图像对象，如点对象、面对象、线对象，并将Feature对象添加到图层中。然后为地图添加单击、右击、移动的事件。在单击事件中记录每次点击的位置并转移成经纬度保存到一个数组中。在绘制面和线时，将该数组赋值给线或面的positions属性，在右击时结束绘制条件。调用selectCoorDinate方法，并输入相关类型，就可以绘制图形了。targetManger：矢量图层。mapManger：地图的对象。
2024-08-24 22:46:19
291
原创 operlayers绘制点，线，面，以及其他基本操作
注意：feature必须是地图的对象，不可以是id等其他形式的数据。好了，就先说这些了，下一篇：鼠标点击动态创建点、线、面。地图上的change监听事件。根据id查找地图对象。地图的点击和移动事件。
2024-08-24 22:09:02
271
原创 operlayers-初始化地图-天地图初始化地图
这个项目是vue3+operlayers开发的一个有关地名地址的小插件，具体服务就不展示了。之所以用天地图来加载地图呢，主要是因为天地图加载的方式比较简单，不过也不算简单吧，一开始去天地图的官网上搞了半天，后来就用到官网上申请的AppKey，哈哈！！
2024-08-23 23:57:07
387
原创 git提交项目，报403无权限
这个在公司内网git上提交项目时，使用的是刚分配到的账号和密码。然后再次之前我将邮箱和密码都设置好了，然后去百度看了一堆的什么认证不足、ip被限制啥的。最后通过摇人才知道是内网部署的git权限认证机制有点问题，注意：命令不可以输入错误哦，我已经帮各位踩了一回坑了，哈哈。第一次我输入命令就少写个@,结果直接报如下错误。
2024-08-23 18:54:18
431
原创 vue项目中自动安装和手动安装Ant框架
这里就是重点了，当时有这个需求时，我在百度上找了好多都是用命令安装ant框架的，但是这种方式在内网机上肯定是不行的，因此我们必须要手动安装，但是手动安装就意味着肯定没有命令行安装的方式简单。第一步：在外网项目的node_modules中将以下ant框架所需要的依赖包复制到内网项目中。操作，将ant所需要的插件包下载下来，然后开始往内网项目中转移。本次需求我需要一个自定义的菜单，这里我就用自定义的菜单栏做演示了。1、如果没有vue项目则执行以下命令创建新vue3项目。第三步：使用组件-这里只展示组件中导入。
2024-08-21 22:26:22
419
原创 使用vue+原生js编写时间轴--cesium三维球
当前的时间轴就是利用dom,来进行展示，本来想使用canvas来绘制的，但是后来想到canvas绘制出来后样式不容易修改，就没有使用了，使用dom修改样式特别方便。我们实现时可以首先用除法计算出每一个时间段所需要的宽度，称为tx，然后给时间线添加一个鼠标按下事件，通过事件的回调参数获取当前鼠标在时间线上点击的偏移量，称为offsetx。通过相除得出rx，公式为rx=offsetx/tx。让rx+1就是当前鼠标点击的通过的时间段。然后我们计算更精确的时间，就是把每个时间段分为多个小段，如一个时间段是一个小
2024-08-19 10:47:46
1135
1
原创 使用SpringMVC和vue编写结课作业--公司管理系统
这其实是我帮朋友写的毕业项目，当时毕业简单容易通过，现在这样的工作量可能不能当做毕业项目了，但是作为软件工程的结课项目还是绰绰有余滴，嘻嘻！！！因为我就在大三时把它当做我的结课作业交给老师了，一点问题没有。也实在是懒得做作业了，哈哈。随着当前社会经济一天比一天紧张，人们慢慢觉得上班得到的报酬已不能满足自身的需求，此时，有些敢闯敢拼的人便站出来萌生创业想法，自由但也更加劳累。因此创业人群的基数不断增加，可能有些小的公司，或因半途而废，或因经营不当等原因濒临破产，也有些做大做强。
2024-08-12 17:14:25
750
原创 使用JavaScript制作水印北背景
首先动态创建一个div,通过绝对或相对定位的方式将div放在需要添加水印的元素上。随后动态创建一个canvas，在里面绘制自定义的字体，并倾斜45度，然后通过canvas.toDataURL()方法导出base64码图。最后将此图片放在元素遮罩层上做背景即可。
2024-08-09 22:29:33
309
原创 使用原生JavaScript编写鼠标拖动控制表格列宽功能
使用原生JavaScript编写鼠标拖动控制表格列宽功能先声明一个数组，在每次拖动时将每列的宽记录下来，然后让鼠标拖动，然后，通过this知道自己拖动的是哪列，然后在数组中修改相应的宽度，最后通过JavaScript重新给表格的每一列赋值，而数组就是他们每列的宽度
2024-08-09 21:40:51
630
原创 Centos7上安装docker的可视化工具
Centos7上安装docker的可视化工具error pulling image configuration: download failed after attempts=6: dial tcp 69.171.224.40:443: connect: connection refusedssh: Could not resolve hostname c: Name or service not known
2024-08-08 17:47:10
873
原创 cesium修改天空盒
cesium修改天空盒：容易报的错，踩的坑Each face in options.source must have the same width and height.this.sources is required and must have positiveX, negativeX, positiveY, negativeY, positiveZ, and negativeZ properties.
2024-08-07 12:31:33
483
原创 cesium自定义雨、雪、雾材质遇到的问题，varying、texture2D等报错
Fragment shader failed to compile. Compile log: ERROR: 0:1: 'varying' : Illegal use of reserved wordFragment shader failed to compile. Compile log: ERROR: 0:28: 'texture2D' : no matching overloaded function found
2024-08-06 20:03:03
1092
1
原创 cesium中自定义组的概念类
在cesium中是没有组的概念的，这样我们使用cesium开发项目时，如果项目小还好，如果项目太大，需要绘制好多图形，然后全部放入视图对象中管理，会显得很臃肿。这时我们就需要自己定义组，将那些同一个业务的实体对象统一管理起来，这样我们进行操作时不容易出错。类中添加还是不够的，我们单独定义EntityCollection类而不进行任何操作的话，他内部的实体和我们看到的实体对象是不同步的。看完代码后，明白其实就是在给EntityCollection类添加对象的同时，又往地图对象中添加了一份。
2024-08-05 16:09:46
260
原创 使用vue3创建cesium实例
首先我们创建vue3的项目，打开cmd输入以下命令，这里使用pnpm安装，也可以使用pnpm。这是因为node_modules可能不存在，我们直接执行pnpm i 命令即可。以上vue3项目的框架就搭建完毕了。接下来是cesium需要准备的东西！创建完毕后，进入项目中，运行以下命令即可,安装cesium的依赖包。接下来出现的选项中我们选择vite的打包方式，其他选项随意。ps:一般不需要jsx编译，所以选择时选否即可。在最后的运行时可能会报错，具体如下所示。
2024-07-30 16:05:49
310
原创 基于canvas绘制音频可视化
首先创建音频的上下文new AudioContext()。然后创建音频节点和分析器来辅助进行音频数据获取。最后根据API要求将数据传入指定的容器中，然后使用canvas进行绘制即可
2024-07-30 11:16:33
476
原创 基于vue+elementPlus的动态导航标签栏-tabs
首先用到了element-plus框架中tabs的组件，然后数据我这里是通过vuex来维护的。在点击菜单的同时往vuex相关数据数组中添加一项数据即可，不使用setup语法糖时使用setup语法糖时
2024-07-29 15:15:19
2949
原创 使用canvas绘制写字板
先准备一个数组，然后通过鼠标移动事件，将鼠标每次移动的点都放入数组中，鼠标每移动一次便重新绘制canvas画布，将数组中所有的点用moveTo和lineTo方法连接起来。
2024-07-26 15:07:33
390
原创 vue2使用watch监听对象变化不起作用
vue2中的props的设计模式为单向数据流，就是说只能从父组件流向子组件，子组件是无法流回父组件，也就是无法从子组件修改父组件传来的值
2024-07-15 13:07:54
1449
原创 vue启动项目时，报错webpack-dev-server不是内部命令也不是可运行的程序
使用vue的webpack启动项目时，报错webpack-dev-server不是内部命令也不是可运行的程序，看百度这是因为webpack的bug。
2024-07-14 15:41:52
420
原创 Three.js渲染场景及模型
使用Three.js渲染场景模型，主要内容：模型的加载（glb/fbx）、模型加载监听、添加镜子、移动动画（TWEEN）插件、创建2d标签、添加控制器、模型的环境周围添加贴纸、添加海洋效果、简单的交互效果
2024-07-13 14:04:52
717
原创 使用POST获取后端依次传来的数据流（EventStream）
解析JSON数据的方法，因为有时候后端返回的可能是多个对象的字符串，直接使用JSON.parse来解析会出错。请求数据并处理，使用while循环依次接收数据。
2024-06-24 11:17:55
1845
软件工程专业+专接本微机原理知识总结文档+测试题及答案大全+章节测试
2024-08-12
软件工程-SpringMVC-Vue-毕业结课项目-公司管理系统
2024-08-12
用原生js编写轮播图，支持多种自定义配置
2024-04-24
operlayers如何加载线上的wmts服务
2024-08-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人