- 博客(76)
- 收藏
- 关注
原创 关于swagger中接口一键复制功能
第三步:打开swager页面,点击保存的网页,就可以出现复制按钮。第二步,将网址输入改成以下代码。第一步:右键添加网页。
2024-04-30 09:53:47
439
原创 07.Cesium快速上手-3dtiles加载
3D Tiles是一种开放的三维空间数据标准,其设计目的主要是为了提升大的三维场景中模型的加载和渲染速度。假如要在Web客户端渲染一个非常大的三维模型(如一个大城市的建筑模型),如果把模型全部下载到客户端并且进行渲染,这个过程所消耗的时间对于使用普通电脑的用户来说是不能接受的。然而,在绝大多数的用户交互式的三维场景中,都只需要渲染模型的一小部分,将三维模型全部加载并渲染是一种极大的资源浪费,3D Tiles为这个问题提供了一个很好的解决方案。
2024-04-26 16:02:37
549
原创 vue3中v-model的绑定
这也可以作为 .sync 修饰符的替代,而且允许我们在自定义组件上使用多个 v-model。传递一个参数,以作为组件内 model 选项的替代。在 3.x 中,自定义组件上的。prop 并接收抛出的。的名称,现在我们可以为。
2024-04-25 16:46:15
628
原创 Vue3全局Api应用实例
这些 property 将被复制到应用中,作为实例化组件的一部分。通常用于添加所有组件都能访问的 property。返回一个应用实例,一个 Vue 3 中的新概念。初始化后,应用实例 app 可通过。在 Vue 3 中与之对应的是。在 Vue 2 中,
2024-04-25 10:57:01
328
2
原创 Cesium快速上手5-地形影像的加载
Cesium基于地形提供器支持请求地形的若干种方法。大多数地形提供器使用HTTP上的REST接口来请求地形切片。地形提供器根据请求的格式和地形数据的组织方式而有所不同。,也就是地球的表皮。影像图层可以叠加多个,但是地形高程只能有一个。整个地形的绘制也是渐进式的,即视线看到的地方才会去调度相关的地形高程信息,找到对应位置的地形影像贴上。实战过程中,影像图可以添加多个,根据自己的服务来选择对应的Api。Globe绘制的是全球地形,它需要两个东西,一个是。
2024-04-23 18:04:03
652
原创 Cesium快速上手3-Billboard/Label/PointPrimitives图元使用讲解
面朝屏幕的图片,用于添加图标等集合。添加一个面前屏幕的点。
2024-04-22 17:37:55
2430
原创 Cesium快速上手2-Model图元使用讲解
每一个模型,都应该是由很多节点组合而成,对于每一个节点都应该有旋转,平移,缩放功能。设置事件,当鼠标移入到模型的时候,触发,事件类型。
2024-04-18 17:52:50
903
原创 avue中增删改功能hook提取
再avue使用中,我们会进场用到表格的增删改功能,我们写一个公共的hooks,然后只需要对请求的方法,参数的前后处理,就可以统一生成。
2024-04-16 10:51:13
527
原创 调度:setTimeout 和 setInterval
和方法允许我们在 delay 毫秒之后运行 func 一次或以 delay 毫秒为时间间隔周期性运行 func。要取消函数的执行,我们应该调用 clearInterval/clearTimeout,并将 setInterval/setTimeout 返回的值作为入参传入。嵌套的 setTimeout 比 setInterval 用起来更加灵活,允许我们更精确地设置两次执行之间的时间。
2024-04-15 15:04:58
1038
原创 02.cesium中模型和图标加载处理
方法是一个包装函数,它将一个普通的回调函数 task 转换为一个返回 Promise 的函数。这允许您以异步的方式执行任务,并能够在任务完成后使用 .then() 方法处理结果或进一步链接 Promise。返回给定制图位置的场景几何体的高度,如果没有场景几何体可从中采样高度,则返回 undefined 的高度。此函数仅从当前视图中渲染的地球图块和 3D 图块中采样高度。1.在二维地图和三维地图的加载的高度计算不同,需要判断。展示效果,我们期待图标点是根据模型,在模型的上方展示。方法,来计算图标的高度。
2024-04-12 07:38:10
628
原创 利用AbortController,取消正在发送的请求
参考文章:https://blog.youkuaiyun.com/qq_45560350/article/details/130588101。解决问题:再图层中点击仓库的时候,点击后又取消掉,我们希望这个请求可以被取消掉,我们口可以利用。2.我们的请求,要在请求体里面添加上这个属性。1.再请求前创造一个构造器。
2024-04-11 09:41:28
428
原创 el-table合计行添加按钮操作
ElTable源码里footer部分是,这种方式渲染的,也就是 支持传递VNode。使用h第一个参数传递 组件,可以把组件转成VNode,比如现在要在右下角加一个 详情按钮。所以我们也可以通过h函数来渲染。
2024-04-10 17:16:11
1000
原创 ts之文件声明
有的时候在开发时引入了一些第三方模块 会发现他们不是ts写的,那么这个时候就会报错。通过declare来声明变量,这个声明只是为了避免报错的 没有任何意义。就好像我们全局要写一些变量,但是没有,我们就得先声明。
2024-04-08 23:06:30
176
原创 ts之接口和泛型概念
泛型的用处在于 当我们调用的时候 确定类型,而不是一开始就写好类型,类型不确定,只有在执行的时候才能确定。interface 描述对象的形状和结构,可以给数据增添类型 而且方便复用。
2024-04-06 10:10:15
428
原创 ts之基本类型,联合类型,函数,类的概念
如果被标识成 protected 说明不能被new 了, 如果表示成 private 说明不能继承了,同时也不能被new。函数 对函数增加类型 对函数的参数进行类型校验 对函数的返回值进行类型检验,也可以对函数本身来校验。接口中定义类中原型方法的void 表示不关心返回值类型,在实现的时候可以在次确定类型,函数是确定死了。, super 默认在构造函数中和静态方法中都指向自己的父类。2.我们可以指定类型 赋予一个可以兼容这个类型的函数。1.可以自动根据当前等号右边的内容 推断左边的类型。
2024-04-03 17:51:40
312
原创 基于slider做时间选择器(三天范围内移动)
2.但是我们在拖动的时间,始终希望刻度在24个小时内,所以最大最小值应该随着滑块的拖动值而变化,那么极限的变化就是最小值: max - 24 , 最大值,min + 24,这样我们始终可以把范围限制在24小时,但是这样就会存在,超出边界的情况。1.在三天范围内,那么我们可以想到最大值和最小值就是在区间[-24,48]之间,那我们可以通过min和max属性来限制最大和最小。3.结合区间范[-24,48]之间,我们在结合最大和最小值。
2024-03-21 18:07:09
460
原创 函数传参之按值传递
在调用的时候,变量count作为参数传入,count的值是20,这个值被复制到参数num以便在addTen()内部使用,在函数内部,参数num的值被加上了10,但是这并不会影响到原始的变量count,参数num和变量count互不干扰。对象中的一个槽位),在按引用传递参数时,只在内存中的位置会被保存在一个局部变量,这意味着对本地的变量的修改会反映到函数外部(这在ECMASript中是不可能的)在按值传递参数时,值会被复制到一个局部变量(即一个命名参数,或者用ECMAScript的话说,就是。
2024-01-22 11:37:14
476
原创 js之执行上下文和作用域
变量和函数的上下文决定了它们可以访问那些数据,以及它们的行为每个上下文都有一个关联的变量对象,而这个上下文中定义的所有变量和函数都在存在于这个变量对象之上上下文再其所以代码都执行完毕之后会被销毁,包括定义在它上面的所有变量和函数(全局上下文再应用程序退出之前才会被销毁,比如关闭网页或者退出浏览器)} else {函数的作用域链包含两个对象:一个是他自己的变量对象(就是定义arguments对象的那个),另一个就是全局上下文的变量对象。
2024-01-22 11:29:41
469
原创 一文搞懂Vue3中如何使用ref获取元素节点?
前言虽然在 Vue 中不提倡我们直接操作 DOM,毕竟 Vue 的理念是以数据驱动视图。但是在实际情况中,我们有很多需求都是需要直接操作 DOM 节点的,这个时候 Vue 提供了一种方式让我们可以获取 DOM 节点:ref 属性。ref 属性是 Vue2 和 Vue3 中都有的,但是使用方式却不大一样,这也导致了很多从 Vue2 转到 Vue3 的小伙伴感到有些困惑。今天我们就来揭开 Vue3 中 ref 的神秘面纱!
2024-01-17 10:32:57
9792
1
原创 五丶openlayer之LOD和分辨率
LOD是Levels of Detail的简写,用于根据当前的环境,渲染不同的图像,用于降低非重要的细节度,从而提高渲染效率,在电子游戏中经常运用,对于需要显示全球地图的GIS系统而言,更需要应用这项技术。
2023-11-28 16:05:13
1577
原创 四丶openlayer之瓦片地图
从上图可知,大家常用的瓦片地图是一个三维的概念,我们通常使用xyz这样的坐标来精确定位一张瓦片。通常z用于表示地图层级,而xy表示某个层级内的瓦片平面,x为横纵坐标,y为纵轴坐标,类似于数学上常见的笛卡尔坐标系。在这个瓦片平面上的每一个瓦片在横轴和纵轴上都有对应的坐标:x和y。这样做的优点在于,用户在同一时间,同一个可见视图内,只能看到地图的一部分,而不是全部。如果一次加载整个大地图,会导致加载很慢,且不可用的问题。这对于在线服务来说,是非常致命的。所以几乎所有的在线网页地图服务,都使用的是瓦片地图。
2023-11-28 15:51:00
569
原创 06.webpack性能优化--构建速度
这样就导致包很大,打包速度又慢所以,最好能够少打包一些没用的依赖目录进去而moment的包含’./locale/‘该字段路径的文件目录就是各国语言的目录,比如’./locale/zh-cn’就是中文语言。我们虽然按照上面的方法忽略了包含’./locale/'该字段路径的文件目录,但是也使得我们使用的时候不能显示中文语言了,所以这个时候可以手动引入中文语言的目录。代码,但是它使用的是单线程压缩代码,也就是说多个js文件需要被压缩,它需要一个个文件进行压缩。作用:不去解析属性值代表的库的依赖。
2023-11-19 11:02:48
1083
原创 03.webpack中hash,chunkhash和contenthash 的区别
在 webpack 中有三种生成哈希值规则的方式,可以用来区分文件是否修改。hash 与整个项目有关,项目里有文件修改,所有文件的哈希值都会变化。chunkhash 与入口有关,同一入口的文件被视为一个整体,当其中一个文件修改时,同入口的所有文件哈希值发生改变。contenthash 只与文件内容有关,文件内容发生改变,才会更改该文件的哈希值。
2023-11-17 15:14:29
690
原创 openlayers开篇 - GIS基础知识
GIS 是地理信息系统的简称,这里比较喜欢 ESRI 对它的解释:地理信息系统 (GIS) 是一个创建、管理、分析和绘制所有类型数据的系统。GIS将数据连接到地图,将位置数据(事物所在位置)与所有类型的描述性信息(事物在该位置的情况)集成到一起。这可以为适用于自然科学和几乎所有行业的制图和分析提供基础。GIS帮助用户了解模式、关系和地理环境。其优势包括改善沟通、提高效率以及更好地管理和决策。
2023-11-09 11:00:49
331
原创 01.Linux目录结构解析
linux的文件系统是采用级层式的树状目录结构,在此结构中的最上层是根目录“/”,然后在此目录下再创建其他的目录。在Linux世界里,一切皆文件。/bin[重点• 是Binary的缩写, 这个目录存放着最经常使用的命令/home [重点• 存放普通用户的主目录,在Linux中每个用户都有一个自己的目录,一般该目录名是以用户的账号命名的。/root [重点]• 该目录为系统管理员,也称作超级权限者的用户主目录。/etc [重点• 所有的系统管理所需要的配置文件和子目录 my.conf。
2023-10-08 10:38:11
92
原创 Cesium快速上手2-Model图元使用讲解
在模型加载完成后,由相机去观察位置,所有的观察视角都是由相机决定的,相机的可以,lookAt确定了初始观察角度,还确定了后面的观察情况,已center的点旋转,实体类来对model进行加载,但是在我们本地的项目中,发现其实实现的方式就是我们上篇文章中提到的。图元来加载各类模型,所以我们可以知道就算是。可以看到在官方案例中,使用的是。在三维创建了事件,就是基于。的底层的实现就是调用了。
2023-08-17 16:12:16
1027
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人