- 博客(42)
- 收藏
- 关注
原创 Pnpm的使用
是一个快速、节省磁盘空间的 Node.js 包管理工具,相比。是一个快速、节省磁盘空间的 Node.js 包管理工具,相比。技术优化了依赖安装效率。技术优化了依赖安装效率。
2025-06-07 21:19:17
679
原创 WebGL 3着色器和GLSL
我们之前提到过着色器和GLSL,但是没有涉及细节,你可能已经对此有所了解, 但以防万一,这里将详细讲解着色器和GLSL。在中我们提到,WebGL每次绘制需要两个着色器, 一个和一个,每一个着色器都是一个。一个顶点着色器和一个片段着色器链接在一起放入一个着色程序中(或者只叫程序)。一个典型的WebGL应用会有多个着色程序。
2025-05-15 12:59:27
502
原创 Maplibgre-gl 学习1 初识
因为Mapbox现在闭源了,Maplibre就随之诞生。相容,可以直接换 (在二月的時候有出一个。MapLibre GL 目前与本来。
2025-05-14 16:43:37
248
原创 Git 恢复误删除的文件
由于一些操作,把项目中的大量文件删除了,还以为之前敲得代码都付之东流了,突然想起,我的项目使用git进行的版本管理,且一些更改都暂存在本地的仓库的,因此可以使用git来恢复存入仓库的文件。如果恢复成功,你应该不会再看到这些文件出现在“Changes not staged for commit”部分。这将显示哪些文件被修改、删除或未跟踪。会显示下面三种类型的文件。
2025-04-24 09:29:39
528
原创 WebGL 2工作原理
WebGL在GPU上的工作基本上分为两部分假设你正在画三角形,顶点着色器每完成三次顶点处理,WebGL就会用这三个顶点画一个三角形对于每一个像素,它会调用你的片段着色器询问你使用什么颜色。你通过给片段着色器的一个特殊变量设置一个颜色值,实现自定义像素颜色。处理每个像素时片段着色器可用信息很少,幸运的是我们可以给它传递更多信息想要从传值到,我们可以定义“
2025-04-22 15:15:13
996
原创 Git ——提交至github,Vercel拉取,更新不了项目的问题解决
发现好像是vercel拉取不了项目,vercel登录的邮箱与我此次提交更改的邮箱不匹配,查看Git的user确实如此(之前的项目是在自己电脑上提交的,这次是在另一台电脑提交的且git账户不同)运行后会在终端显示一个使用vim编辑的文件,如有更改自行更改,我是直接 :wq 保存退出。首先因为github上有个错误。
2025-04-22 10:58:53
399
原创 canvas初步了解
是一个可以使用脚本 (通常为) 来绘制图形的元素。例如,它可以用于绘制图表、制作图片构图或者制作简单的动画。Canvas 的默认大小为 300 像素 ×150 像素(宽 × 高,像素的单位是 px)。但是,可以使用 HTML 的高度和宽度属性来自定义 Canvas 的尺寸。为了在 Canvas 上绘制图形,我们使用一个 JavaScript 上下文对象,它能动态创建图像元素创造了一个固定大小的画布,它公开了一个或多个,其可以用来绘制和处理要展示的内容。canvas 起初是空白的。
2025-04-18 10:21:05
352
原创 WebGL 1初步学习
简单来说,就是网页使用 WebGL 这个API对绘画的程序进行控制,使用glsl着色器代码,在GPU中进行运算,输出运算结果在网页的canvas进行展示参考:WebGL浅入浅出,不深入了解一下吗?- 知乎WebGL:web 中的 2D 的 3D 图形 - Web API | MDNWebGL 概念和基础入门-CSDN博客GLSL基础概念(绝对看得懂)-CSDN博客GLSL 着色器 - 游戏开发 | MDNWebGL 着色器和GLSL。
2025-04-18 10:06:18
209
原创 Github搭建个人网站
GitHub Pages documentation - GitHub Docs如何在 GitHub 上搭建个人网站(github.io) - 南枫Von - 博客园
2025-04-17 16:22:49
145
原创 GIT 撤销上次推送
如果其他开发者已经基于您错误推送的提交进行了工作,直接撤销推送可能会导致他们的工作丢失。如果您的推送操作刚刚完成,并且没有其他开发者在此期间提交新的更改,可以使用以下方法撤销推送。使用以下命令查看提交历史,找到推送前的最后一次提交的哈希值(例如。如果您已经知道推送前的最后一次提交的哈希值(例如。
2025-04-01 10:45:52
904
原创 CSS 父类元素的伪类 选择器
如果嵌套层级更深,也可以通过类似的方式控制更深层次的子元素。状态时,可以通过 CSS 的选择器为子元素设置样式。当鼠标悬停在菜单项上时,显示子菜单或改变子菜单的样式。状态可以影响子元素的样式。当鼠标悬停在卡片上时,改变卡片内容的样式。
2025-03-31 17:19:21
608
原创 vue3父子组件传值
父传子:使用。子传父:使用和emit。双向绑定:使用v-model和。跨层级传值:使用provide和inject。提供了更灵活和强大的方式来组织组件逻辑,特别是在复杂场景下。如果还有其他问题或需要更详细的示例,请随时补充说明!
2025-03-21 11:10:30
535
原创 Ubuntu通过局域网共享文件夹实现文件夹的连接
2 修改该文件的属性,设置共享,添加everyone的读取/写入权限。4 注意别敲错了,-o之后的都是一些配置选项,可以自行AI查看具体含义。1 选择一个文件夹或创建一个文件夹,作为共享文件夹。2 下载依赖包(若连接不上网络可离线安装)1 关闭Ubuntu的防火墙。3 打开电脑的网络共享。
2025-03-08 14:40:51
717
原创 Cesium加载离线底图
前期准备:1 切片的影像数据(有很多种方法在此就不在赘述了)2 Nginx简单来说就是,用Nginx管理影像的切片服务,将本机作为服务器来访问静态资源。弊端是切片层级越高占用的空间越大。
2025-03-08 14:24:48
634
原创 Python的虚拟环境
在激活的虚拟环境中,你可以直接运行你的Python脚本,它将使用虚拟环境中的Python解释器和库。选择一个目录作为你的项目目录,然后在该目录中创建虚拟环境。来安装项目所需的库和依赖项。这些库将只安装在当前的虚拟环境中。激活后,你应该会在命令行提示符前看到虚拟环境的名称(如。是虚拟环境的目录名,你可以根据需要更改它。如果你不再需要虚拟环境,可以删除其目录。(直接退出终端也可以)
2024-11-30 10:29:47
415
原创 使用Vite模块化开发
4 设置好项目名称后,选择需要模块化开发的模式。6 设置完成后,运行下列3行代码即可运行项目。1 打开命令提示行,cd至项目所需的位置。3 将会询问你项目的名称。5 选择使用的开发语言。
2024-11-24 20:56:20
182
原创 浏览器报错 1
这个错误通常是由于安全策略限制导致的。我们需要在 index.html 中添加一些必要的配置来解决这个问题。这些修改应该能解决沙箱限制的问题。
2024-11-17 11:46:23
573
原创 Cesium学习记录 1
CesiumJS 需要在您的服务器上托管一些静态文件,例如 Web Worker 和 SVG 图标。在导入 CesiumJS 之前必须设置 window.CESIUM_BASE_URL 全局变量。它必须指向提供这四个目录的 URL。1 在Cesium官网上注册登录,申请token。2 使用CDN导入API。3 将API下载到本地。使用Vite构建项目后。
2024-11-17 11:30:03
339
原创 Arcgis for javascript 4.x ——调用GP服务
1、打开模型构建器2、在模型构建器中单击Insert(插入),选择CreateVariable(创建变量),再选择Feature Set(要素集)3 在模型构建器中添加一个要素转点工具(任意工具都可以),将Feature Set和要素转点工具连起来。4 将模型中输入的Feature Set和输出的结果设置为模型的参数。5 保存模型,再运行一次,即可发布服务。
2024-04-24 17:27:27
692
2
转载 Arcmap打开shp文件查看属性表为乱码
是否有.cpg文件?如果有,记事本打开,内容改成UTF-8或GBK2312。如果没有,自己新建一个后缀为.cpg的同名文件,记事本打开,写UTF-8或GBK2312。
2024-04-21 19:54:18
1339
1
原创 Arcgis for javascript4.X—— 加载省级天地图
将贵州省的影像API加载至地图,在此做一下记录。在天地图的官网上,有示例,亲测可用。但使用的版本为3.X接下来我们使用4.X版本的arcgis来进行天地图影像加载。以下是主要使用的类。
2024-04-13 15:24:47
1551
7
原创 PostgreSQL导入Excel数据
使用COPY,先将excel转为csv以逗号分隔的格式,再导入。注意数据的格式一定要严格对应,尤其是时间。如下图所示,如果时间格式有问题,导入会出错。当我们有着大量的Excel数据,并且想将其导入至我们的数据库中。2 在pgAdmin中直接导入。1 使用COPY命令。关于第一种方法为何不行,欢迎大家讨论。但是会报错,我也不知道为什么。二 使用pgAdmin导入。右击已创建好的表,选择导入。选择准备好的excel数据。一 使用COPY命令。
2024-03-28 21:19:47
3081
原创 PostGIS学习笔记6——数据之间的空间关系
空间数据库之所以强大,不仅是它们能存储几何图形,还因为它们能比较几何图形之间的关系诸如""或者""的问题,只能通过比较表示自行车位、街道和地铁线路的几何图形来回答。定义了以下一组用于比较几何图形的方法。
2024-03-08 19:04:53
1577
1
原创 PostGIS学习笔记5——添加几何图形数据
ST_AsText(geom) 将geometry类型转化为text类型首先在创建的test1数据库中,打开SQL查询工具,输入以下SQL语句该代码创建了一个表geometries,然后插入了5个几何图形数据。分别为点(POINT)线多边形(POLYGON)内含空洞的多边形图形集合最后查询表,输出结果。
2024-03-07 18:13:41
2975
原创 OpenLayers学习笔记1——地图数据的加载
在OpenLayers中,我认为地图数据的关系为 Map包含Layer,Layer包含Source。Map是容器用于存放Layer。Layer的数据使用Source指定的。
2024-03-03 15:11:33
545
原创 PostGIS学习笔记4——简单的SQL查询
在一切的准备做好之后,就需要用户去操作数据库,进行各种查询,在此进行一些简单练习。在进行查询前,我们要知道是对哪一个表进行操作,以及该表有哪些信息。
2024-03-02 16:16:49
504
原创 PostGIS学习笔记3——数据说明
我们使用PostGIS的目的就是存储数据,查询数据。所以了解数据的各种信息是有必要的。在此对使用的数据进行简要的说明。详细信息在笔记2中下载的数据中(postgis-workshop-2018/print/nyc_data_dictionary)点击此处获取表的属性。
2024-03-01 15:26:37
467
1
原创 PostGIS学习笔记2——加载空间数据
请注意,架构、表名和列名已经根据shapefile文件里的信息填充,但是你可以有选择地更改它们(不要这样做!在教程后面部分,还有一些步骤需要默认的名称)。"按钮查看加载选项。(下载下来的数据可能会有损坏,导致数据导入不成功)点击View connection details,输入PostGIS的用户名和密码,选择要连接的空间数据库。(复制)模式,并在加载数据后默认创建。6 导入其余文件(可批量操作导入)5 点击“Import”,导入。
2024-02-29 18:45:33
581
原创 PostGIS学习笔记1——创建数据库
PostgreSQL工具,免费开源图形工具点击数据库查看可用的数据库右击新建数据库填写数据库名称test1,点击保存选择数据库test1,查看架构=>public点击查询工具(在查询区域输入从而使用,并查询使用PostGIS函数来确认是否安装了PostGIS至此,已成功创建了PostGIS空间数据库。
2024-02-28 16:11:39
714
1
原创 前端库Pyscript 浏览器端运行python代码
在body中加一个script标签 设置引用文件的类型为py,src为python文件,config是一个配置文件用于引入python文件中所需要的py库。在一些需求中,我们可能在前端开发中使用一些python代码能够减少工作量,所以我们就可以使用一个前端库Pyscript。1 导入pyscript的js文件与css文件。
2024-02-03 11:02:17
658
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人