自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(80)
  • 收藏
  • 关注

原创 1.springmvc基础入门(一)

Spring MVC 是 Spring Framework 提供的 Web 组件,全称是 Spring Web MVC,是⽬前主流的实现。3、结合 springmvc.xml 中的视图解析器配置,找到⽬标资源:/index.jsp,即根⽬录下的 index.jsp ⽂。上述代码表示 request 请求中必须包含 name 和 id 两个参数,并且 id 的值必须为 1,name 的值必须。params 是对 URL 请求参数进⾏限制,不满⾜条件的 URL ⽆法访问该⽅法,需要在业务⽅法中获取。

2025-06-04 17:19:17 720

原创 3.spring基础入门(三)

关系 Controller --》Service --〉Repository@Component 注解是将标注的类加载到 IoC 容器中,实际开发中可以根据业务需求分别使⽤@Controller、@Service、@Repository 注解来标注控制层类、业务层类、持久层类。

2025-06-04 17:17:45 475

原创 2.spring基础入门(二)

spring.xml 中 factory-bean + factory-method 的形式则是调⽤⼯⼚ bean 中的⼯⼚⽅法,就必须先创。IoC 容器默认情况下是通过 spring.xml 中 bean 的配置顺序来决定创建顺序的,配置在前⾯的 bean 会。对象才能调⽤,所以就必须要创建⼯⼚对象,spring.xml 中需要配置两个 bean,⼀个是⼯⼚ bean,⼀。静态⼯⼚⽅法创建 Car 对象,不需要实例化⼯⼚对象,因为静态⼯⼚的静态⽅法,不需要创建对象即可。

2025-05-29 17:08:09 534

原创 1.spring基础入门(一)

singleton 模式下,只要加载 IoC 容器,⽆论是否从 IoC 中取出 bean,配置⽂件中的 bean 都会被创。Spring 继承不同于 Java 中的继承,区别:Java 中的继承是针对于类的,Spring 的继承是针对于对象。prototype 模式下,如果不从 IoC 中取 bean,则不创建对象,取⼀次 bean,就会创建⼀个对象。Spring 的继承中,⼦ bean 可以继承⽗ bean 中的所有成员变量的值。DI 指 bean 之间的依赖注⼊,设置对象之间的级联关系。

2025-05-29 16:32:44 387

原创 Promise面试题

【代码】Promise面试题。

2024-06-27 17:23:17 321

原创 关于swagger中接口一键复制功能

第三步:打开swager页面,点击保存的网页,就可以出现复制按钮。第二步,将网址输入改成以下代码。第一步:右键添加网页。

2024-04-30 09:53:47 493

原创 07.Cesium快速上手-3dtiles加载

3D Tiles是一种开放的三维空间数据标准,其设计目的主要是为了提升大的三维场景中模型的加载和渲染速度。假如要在Web客户端渲染一个非常大的三维模型(如一个大城市的建筑模型),如果把模型全部下载到客户端并且进行渲染,这个过程所消耗的时间对于使用普通电脑的用户来说是不能接受的。然而,在绝大多数的用户交互式的三维场景中,都只需要渲染模型的一小部分,将三维模型全部加载并渲染是一种极大的资源浪费,3D Tiles为这个问题提供了一个很好的解决方案。

2024-04-26 16:02:37 613

原创 06.Cesium快速上手-Primitive图元的讲解

几何图形可以来自单个。例子2:创建一个圆形几何体。例子3:创建一个边线几何体。

2024-04-26 15:17:40 347

原创 vue3中v-model的绑定

这也可以作为 .sync 修饰符的替代,而且允许我们在自定义组件上使用多个 v-model。传递一个参数,以作为组件内 model 选项的替代。在 3.x 中,自定义组件上的。prop 并接收抛出的。的名称,现在我们可以为。

2024-04-25 16:46:15 647

原创 Vue3全局Api应用实例

这些 property 将被复制到应用中,作为实例化组件的一部分。通常用于添加所有组件都能访问的 property。返回一个应用实例,一个 Vue 3 中的新概念。初始化后,应用实例 app 可通过。在 Vue 3 中与之对应的是。在 Vue 2 中,

2024-04-25 10:57:01 358 2

原创 Cesium快速上手5-地形影像的加载

Cesium基于地形提供器支持请求地形的若干种方法。大多数地形提供器使用HTTP上的REST接口来请求地形切片。地形提供器根据请求的格式和地形数据的组织方式而有所不同。,也就是地球的表皮。影像图层可以叠加多个,但是地形高程只能有一个。整个地形的绘制也是渐进式的,即视线看到的地方才会去调度相关的地形高程信息,找到对应位置的地形影像贴上。实战过程中,影像图可以添加多个,根据自己的服务来选择对应的Api。Globe绘制的是全球地形,它需要两个东西,一个是。

2024-04-23 18:04:03 695

原创 Cesium快速上手4-Polylines图元使用讲解

【代码】Cesium快速上手4-Polylines图元使用讲解。

2024-04-22 18:14:44 2330

原创 Cesium快速上手3-Billboard/Label/PointPrimitives图元使用讲解

面朝屏幕的图片,用于添加图标等集合。添加一个面前屏幕的点。

2024-04-22 17:37:55 2623

原创 Cesium快速上手2-Model图元使用讲解

每一个模型,都应该是由很多节点组合而成,对于每一个节点都应该有旋转,平移,缩放功能。设置事件,当鼠标移入到模型的时候,触发,事件类型。

2024-04-18 17:52:50 946

原创 关于无界在vue中的应用

当我们配置好我们的页面是子应用的时候。

2024-04-17 11:38:24 444

原创 avue中增删改功能hook提取

再avue使用中,我们会进场用到表格的增删改功能,我们写一个公共的hooks,然后只需要对请求的方法,参数的前后处理,就可以统一生成。

2024-04-16 10:51:13 542

原创 avue中tabel请求封装

【代码】avue中tabel请求封装。

2024-04-15 17:54:41 581

原创 调度:setTimeout 和 setInterval

和方法允许我们在 delay 毫秒之后运行 func 一次或以 delay 毫秒为时间间隔周期性运行 func。要取消函数的执行,我们应该调用 clearInterval/clearTimeout,并将 setInterval/setTimeout 返回的值作为入参传入。嵌套的 setTimeout 比 setInterval 用起来更加灵活,允许我们更精确地设置两次执行之间的时间。

2024-04-15 15:04:58 1073

原创 02.cesium中模型和图标加载处理

方法是一个包装函数,它将一个普通的回调函数 task 转换为一个返回 Promise 的函数。这允许您以异步的方式执行任务,并能够在任务完成后使用 .then() 方法处理结果或进一步链接 Promise。返回给定制图位置的场景几何体的高度,如果没有场景几何体可从中采样高度,则返回 undefined 的高度。此函数仅从当前视图中渲染的地球图块和 3D 图块中采样高度。1.在二维地图和三维地图的加载的高度计算不同,需要判断。展示效果,我们期待图标点是根据模型,在模型的上方展示。方法,来计算图标的高度。

2024-04-12 07:38:10 660

原创 01.cesium中三维模型加载

创建3D场馆封装类。

2024-04-11 17:40:19 1094

原创 利用AbortController,取消正在发送的请求

参考文章:https://blog.youkuaiyun.com/qq_45560350/article/details/130588101。解决问题:再图层中点击仓库的时候,点击后又取消掉,我们希望这个请求可以被取消掉,我们口可以利用。2.我们的请求,要在请求体里面添加上这个属性。1.再请求前创造一个构造器。

2024-04-11 09:41:28 444

原创 el-table合计行添加按钮操作

ElTable源码里footer部分是,这种方式渲染的,也就是 支持传递VNode。使用h第一个参数传递 组件,可以把组件转成VNode,比如现在要在右下角加一个 详情按钮。所以我们也可以通过h函数来渲染。

2024-04-10 17:16:11 1078

原创 ts之文件声明

有的时候在开发时引入了一些第三方模块 会发现他们不是ts写的,那么这个时候就会报错。通过declare来声明变量,这个声明只是为了避免报错的 没有任何意义。就好像我们全局要写一些变量,但是没有,我们就得先声明。

2024-04-08 23:06:30 195

原创 ts中交叉类型

ts中交叉类型。

2024-04-07 18:01:45 431

原创 ts之接口和泛型概念

泛型的用处在于 当我们调用的时候 确定类型,而不是一开始就写好类型,类型不确定,只有在执行的时候才能确定。interface 描述对象的形状和结构,可以给数据增添类型 而且方便复用。

2024-04-06 10:10:15 449

原创 ts之基本类型,联合类型,函数,类的概念

如果被标识成 protected 说明不能被new 了, 如果表示成 private 说明不能继承了,同时也不能被new。函数 对函数增加类型 对函数的参数进行类型校验 对函数的返回值进行类型检验,也可以对函数本身来校验。接口中定义类中原型方法的void 表示不关心返回值类型,在实现的时候可以在次确定类型,函数是确定死了。, super 默认在构造函数中和静态方法中都指向自己的父类。2.我们可以指定类型 赋予一个可以兼容这个类型的函数。1.可以自动根据当前等号右边的内容 推断左边的类型。

2024-04-03 17:51:40 322

原创 基于slider做时间选择器(三天范围内移动)

2.但是我们在拖动的时间,始终希望刻度在24个小时内,所以最大最小值应该随着滑块的拖动值而变化,那么极限的变化就是最小值: max - 24 , 最大值,min + 24,这样我们始终可以把范围限制在24小时,但是这样就会存在,超出边界的情况。1.在三天范围内,那么我们可以想到最大值和最小值就是在区间[-24,48]之间,那我们可以通过min和max属性来限制最大和最小。3.结合区间范[-24,48]之间,我们在结合最大和最小值。

2024-03-21 18:07:09 497

原创 函数传参之按值传递

在调用的时候,变量count作为参数传入,count的值是20,这个值被复制到参数num以便在addTen()内部使用,在函数内部,参数num的值被加上了10,但是这并不会影响到原始的变量count,参数num和变量count互不干扰。对象中的一个槽位),在按引用传递参数时,只在内存中的位置会被保存在一个局部变量,这意味着对本地的变量的修改会反映到函数外部(这在ECMASript中是不可能的)在按值传递参数时,值会被复制到一个局部变量(即一个命名参数,或者用ECMAScript的话说,就是。

2024-01-22 11:37:14 484

原创 js之执行上下文和作用域

变量和函数的上下文决定了它们可以访问那些数据,以及它们的行为每个上下文都有一个关联的变量对象,而这个上下文中定义的所有变量和函数都在存在于这个变量对象之上上下文再其所以代码都执行完毕之后会被销毁,包括定义在它上面的所有变量和函数(全局上下文再应用程序退出之前才会被销毁,比如关闭网页或者退出浏览器)} else {函数的作用域链包含两个对象:一个是他自己的变量对象(就是定义arguments对象的那个),另一个就是全局上下文的变量对象。

2024-01-22 11:29:41 475

原创 一文搞懂Vue3中如何使用ref获取元素节点?

前言虽然在 Vue 中不提倡我们直接操作 DOM,毕竟 Vue 的理念是以数据驱动视图。但是在实际情况中,我们有很多需求都是需要直接操作 DOM 节点的,这个时候 Vue 提供了一种方式让我们可以获取 DOM 节点:ref 属性。ref 属性是 Vue2 和 Vue3 中都有的,但是使用方式却不大一样,这也导致了很多从 Vue2 转到 Vue3 的小伙伴感到有些困惑。今天我们就来揭开 Vue3 中 ref 的神秘面纱!

2024-01-17 10:32:57 10016 1

原创 五丶openlayer之LOD和分辨率

LOD是Levels of Detail的简写,用于根据当前的环境,渲染不同的图像,用于降低非重要的细节度,从而提高渲染效率,在电子游戏中经常运用,对于需要显示全球地图的GIS系统而言,更需要应用这项技术。

2023-11-28 16:05:13 1630

原创 四丶openlayer之瓦片地图

从上图可知,大家常用的瓦片地图是一个三维的概念,我们通常使用xyz这样的坐标来精确定位一张瓦片。通常z用于表示地图层级,而xy表示某个层级内的瓦片平面,x为横纵坐标,y为纵轴坐标,类似于数学上常见的笛卡尔坐标系。在这个瓦片平面上的每一个瓦片在横轴和纵轴上都有对应的坐标:x和y。这样做的优点在于,用户在同一时间,同一个可见视图内,只能看到地图的一部分,而不是全部。如果一次加载整个大地图,会导致加载很慢,且不可用的问题。这对于在线服务来说,是非常致命的。所以几乎所有的在线网页地图服务,都使用的是瓦片地图。

2023-11-28 15:51:00 595

原创 三丶openlayer之source和layer

openlayer之source和layer之间的关系

2023-11-27 23:25:55 1214

原创 二丶openlayer之视图View

openlayer之View

2023-11-27 23:20:56 1090

原创 07.webpack的性能优化 -- 产出代码

webpack打包优化

2023-11-19 11:14:46 131

原创 06.webpack性能优化--构建速度

这样就导致包很大,打包速度又慢所以,最好能够少打包一些没用的依赖目录进去而moment的包含’./locale/‘该字段路径的文件目录就是各国语言的目录,比如’./locale/zh-cn’就是中文语言。我们虽然按照上面的方法忽略了包含’./locale/'该字段路径的文件目录,但是也使得我们使用的时候不能显示中文语言了,所以这个时候可以手动引入中文语言的目录。代码,但是它使用的是单线程压缩代码,也就是说多个js文件需要被压缩,它需要一个个文件进行压缩。作用:不去解析属性值代表的库的依赖。

2023-11-19 11:02:48 1096

原创 05.webpack中的splitChunks抽离公共代码

splitChunks

2023-11-19 10:54:18 387

原创 04.webpack中css的压缩和抽离

mini-css-extract-plugin

2023-11-19 10:52:15 906

原创 03.webpack中hash,chunkhash和contenthash 的区别

在 webpack 中有三种生成哈希值规则的方式,可以用来区分文件是否修改。hash 与整个项目有关,项目里有文件修改,所有文件的哈希值都会变化。chunkhash 与入口有关,同一入口的文件被视为一个整体,当其中一个文件修改时,同入口的所有文件哈希值发生改变。contenthash 只与文件内容有关,文件内容发生改变,才会更改该文件的哈希值。

2023-11-17 15:14:29 706

原创 02.webpack中多文件打包

【代码】02.webpack中多文件打包。

2023-11-17 15:01:46 510

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除