- 博客(44)
- 收藏
- 关注
RSS订阅
原创 【ThreeJs-1】初始化场景并引入一个物体
这个值表示相机的近截面距离（Near Clipping Plane）。任何离相机更近于此距离的对象都不会被渲染。这里的近截面距离设置为 0.1 单位。这个值表示相机的远截面距离（Far Clipping Plane）。任何离相机更远于此距离的对象都不会被渲染。这里的远截面距离设置为 1000 单位。这段代码定义了一个动画循环，它不断地请求浏览器更新画面，并渲染场景。这个值表示相机的垂直视场角（Field of View, FOV），单位是度数。这个值表示相机的宽高比（Aspect Ratio）。
2024-08-14 16:54:19
795
原创 [nginx]代理接口解决跨域问题
修改配置文件实现功能1、双击打开配置文件2、添加下述代码 location /api { proxy_pass http://172.18.181.12:8080/hky-wlwssjhpt; }location /api：代理路径识别，也就是url中出现/api代理路径proxy_pass http://172.18.181.12:8080/hky-wlwssjhpt：要代理的路径
2024-07-17 14:01:57
478
原创 【CesiumJS-6】绘制多边形(PolygonGeometry)动态水面
【代码】【CesiumJS-6】绘制多边形(PolygonGeometry)动态水面。
2024-03-19 16:14:14
912
原创 【CesiumJS-5】绘制动态路线实现飞行航线、汽车轨迹、路径漫游等
Cesium中，动态路线绘制的核心是借助CZML格式，CZML是一种用来描述动态场景的JSON数组,可以用来描述点、线、多边形、体、模型及其他图元,同时定义它们是怎样随时间变化的；1.添加模型信息2.添加路径信息3.计算速度，修改时间。
2024-03-14 16:49:41
4954
3
原创 【CesiumJS-4】加载其他格式3D模型文件(glb、gltf等)
【代码】【CesiumJS-4】加载其他格式3D模型文件(glb、gltf等)
2024-02-29 17:41:15
1044
原创 【CesiumJS-3】加载倾斜模型数据(3DTilest)以及修改位置
【代码】【CesiumJS-3】加载倾斜模型数据(3DTilest)以及修改位置。
2024-02-29 17:29:24
1914
1
原创 Windows下查看端口占用以及关闭该端口程序
查看是哪个进程或者程序占用了 8081 端口，结果是：steam++.exe。强制（/F参数）杀死 pid 为 25068 的所有进程包括子进程（/T参数）回车执行该命令，最后一位数字就是 PID, 这里是 25068。我们就可以结束掉这个进程，这样我们就可以释放该端口来使用了。在列表中我们观察被占用的端口，比如是 80，首先找到它。windows+R 输入 cmd。该命令列出所有端口的使用情况。
2024-02-28 17:49:21
754
原创 [nginx]代理前端项目打包文件(以vue打包文件为例)
(4) nginx.exe -s reload 重载nginx服务，当你改变了nginx配置信息并需要重新载入这些配置时可以使用此命令重载nginx。（3）nginx.exe -s quit 关闭nginx服务，完整有序的停止nginx，并保存相关信息。（2）nginx.exe -s stop 关闭nginx服务，快速停止nginx，可能并不保存相关信息。（5）nginx -s reopen 重新打开日志文件命令。（1）start nginx 开启nginx服务。输入localhost:80访问。
2024-02-26 14:19:47
625
原创 [nginx]代理本地文件夹获取数据
(4) nginx.exe -s reload 重载nginx服务，当你改变了nginx配置信息并需要重新载入这些配置时可以使用此命令重载nginx。（3）nginx.exe -s quit 关闭nginx服务，完整有序的停止nginx，并保存相关信息。（2）nginx.exe -s stop 关闭nginx服务，快速停止nginx，可能并不保存相关信息。（5）nginx -s reopen 重新打开日志文件命令。（1）start nginx 开启nginx服务。1. 双击打开配置文件。
2024-02-23 16:23:14
894
原创 vue中使用threejs(一)
MeshBasicMaterial：基础网格材质，一个以简单着色（平面或线框）方式来绘制几何体的材质。color: 材质的颜色，默认值为白色 (0xffffff)。得到一个黑色且是窗口大小的canvas画布。BoxGeometry：立方缓冲几何体；CubeTextureLoader：加载。就是可以给物体加载图片；TextureLoader: 加载。就是添加背景图的意思;需要单独引入轨道控制器js文件。得到一个平面的红色的模型。
2024-01-19 11:57:57
697
转载 vue3使用three.js引入3D模型文件
模糊原因：原因是设备的物理像素分辨率与CSS像素分辨率的比值的问题，我们的canvas绘制出来后图片因为高清屏设备的影响，导致图片变大，然而我们在浏览器的渲染窗口并没有变大，因此图片会挤压缩放使得canvas画布会变得模糊。该值也可以被解释为像素大小的比例：即一个CSS像素的大小相对于一个物理像素的大小的比值。PerspectiveCamera(透视摄像机): 模拟人眼所看到的景象，物体的大小会受远近距离的影响，它是3D场景的渲染中使用得最普遍的投影模式。下载好后，解压，放进项目文件的public目录。
2024-01-16 16:27:55
8618
6
原创 vue使用video.js依赖接入视频流(hls(m3u8)、flv)
【代码】vue使用video.js依赖接入hls(m3u8)、rtmp格式直播流视频。
2024-01-12 14:37:54
1612
原创 解决Echarts图表每次加载报There is a chart instance already initialized on the dom.警告
【代码】解决Echarts图表每次加载报There is a chart instance already initialized on the dom.警告。
2023-12-21 14:40:38
535
原创 解决echarts数据更新，图表无变化问题！
在数据更新时，调用图表刷新函数；函数内部先调用echart的销毁图表方法。，将已有的图表销毁掉。然后在重新调用图表初始化函数，实现数据更新。
2023-12-15 11:01:38
1855
原创 leaflet实现地图指定区域高亮，区域外变暗(基于Vue3)
此时已实现绘制的区域高亮，其他区域变暗，但还需要给绘制的区域添加一个描边效果。
2023-12-14 14:17:23
1172
1
原创 使用SuperMap iClient组件库实现引入地图以及地图标点
转载SuperMap iClient产品从10i版本开始增加了组件库，组件库在架构设计上采用 MVVM 模式（Model-View-ViewModel），同时可以兼容多种框架，例如 Vue、React、Angular 以及原生 H5 开发。使用 SuperMap iClient 组件库，可像搭积木一样快速的创建自定义的WebGIS 应用。组件库开箱即用，一键切换主题等功能极大的便利了开发。下面以Vue2和天地图作为代码演示。
2023-08-28 15:41:47
779
1
原创 前端使用express+mongoose实现数据库的增删改查
mongodb中不能使用>< <= <=!==的运算符,需要用替代符号。逻辑运算: $or 逻辑或的情况 $and 逻辑与的情况。$lte ---- 小于等于 <=$gte --- 大于等于 >=$ne --- 不等于!$gt --- 大于 >$lt --- 小于 <
2023-07-03 17:43:59
349
1
原创 前端使用Express+mongoDB+Navicat开发后端接口(从0到1)
并在C盘根目录下创建data文件夹，data文件夹下创建db文件夹，用来存放数据库数据C:\data\db。将下载好的mongoDB压缩包解压到 C:\Program Files。在解压的文件夹下找到bin文件夹，以bin文件夹为终端根目录输入。在解压的文件夹下找到bin文件夹，以bin文件夹为终端根目录输入。mongoDB下载连接: 推荐下载压缩包模式。使用mongoose操作数据(详细命名请转)代码示例：module/user.js。弹出此信息 代表启动成功。输入连接名(自定义)
2023-07-03 17:12:42
637
2
原创 【mogoose踩坑】Cannot overwrite `xxx` model once compiled.
由图可见，在定义模型文件时，分别在accountModel.js和userModel.js文件中定义了一样的users集合名！
2023-07-03 15:46:03
614
2
原创 MongoDB操作数据库命名
db.createCollection('name') --- 集合名一定要加引号。db.集合名.update({id:xx}，{$set:{name: xxx}})db.集合名.renameCollection('newName')db.集合名.insert({ 要添加的数据 })db.集合名.update(查询条件，新的数据)use 库名 ---切换到要删除的数据库。db.集合名.remove({查询条件})db.集合名.find({查询条件})db.集合名.drop()
2023-06-30 15:44:43
720
原创 上手nuxt.js
SSR，即服务端渲染，就是在服务器端将对Vue页面进行渲染生成html文件，将html页面传递给浏览器。SSR两个优点：1.SEO不同于SPA的HTML只有一个无实际内容的HTML和一个app.js，SSR生成的HTML是有内容的，这让搜索引擎能索引到页面内容。2.更快内容到达时间 传统的SPA引用是将bundle.js从服务器获取，然后在客户端解析并挂载到dom。而SSR直接将HTML字符串传递给浏览器。大大加快了首屏加载时间。
2023-06-27 19:43:39
133
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人