自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 cesium(四):Material及MaterialProperty 设置材质

offset:获取或设置数字属性,该属性指定模式中的点开始绘画;orientation :获取或设置指定 StripeOrientation 的属性,主要是水平还是垂直,默认水平。lineCount :获取或设置 Cartesian2 属性,该属性指定沿每个轴的网格线数。evenColor:获取或设置指定第一个 Color 的属性,默认白色。oddColor:获取或设置指定第二个 Color 的属性,默认黑色。color:获取或设置指定网格 Color 的属性。

2025-12-05 15:33:34 469

原创 cesium(三):Entity绘制形状

entity相关属性。12.绘制管线实体:polylineVolm。10.绘制多边形面实体:polygon。13.绘制矩形实体:rectangle。5.绘制 椭圆: ​Ellipse​。6.绘制椭球体: ellipsoid。11. 绘制线实体:Polyline。1.绘制广告牌:billboard。4. 绘制圆柱体:Cylinder。7. 绘制标签文本:Label。8.绘制平面实体:Plane。9.绘制 点实体: Point。entity可以绘制:广告牌。14.绘制墙实体:wall。2.绘制立方体:Box。

2025-11-25 09:52:43 316

原创 cesium(二):界面和控件介绍

书接上回,在中,我们搭建起了环境,并成功运行,运行效果为:接下来,我们来认识界面和控件,我们用数字1-9来标注,如下图。

2025-11-22 14:41:05 399

原创 颜色代码对照

‌:基于色相(0-360度)、饱和度(0%-100%)、亮度(0%-100%)表示颜色,如。表示红色),前两位为红色分量,中间两位为绿色,最后两位为蓝色‌4。‌:用于印刷的减色模式,由青色、品红、黄色和黑色油墨组成,如。‌:通过红、绿、蓝三原色混合表示,格式为。开头,后跟6位十六进制数(如。RGBA增加透明度通道,如。),但支持的颜色种类有限。‌:直接使用英文名称(如。

2025-11-22 10:08:08 232

原创 cesium(一):vue3搭建

前言前言在讨论将 CesiumJS 与 Vue 3 融合的原因之前,我们先简单了解一下这两个技术。CesiumJSCesiumJS 是一个开源的前端三维地球仪和地图可视化库,由美国宇航局(NASA)的 Cesium 项目开发。它提供了强大的工具来创建交互式的三维地球视图和地图,支持全球范围的地理空间数据的可视化、分析和操作。CesiumJS 特别适用于需要高精度地理空间数据的项目,如卫星图像、地形建模、地理信息系统(GIS)应用等。Vue 3。

2025-11-21 10:51:39 873

原创 js:导航栏背景随页面变化效果

当页面拉到最顶部时,导航栏背景为页面背景;当页面不是拉到最顶部或鼠标悬停时,导航栏背景为自身设置背景;

2025-11-18 09:59:45 178

原创 js:图片预览功能

点击图片预览,可以放大缩小、旋转、关闭上图为实现效果。

2025-11-14 16:02:26 190

原创 js:网页屏幕尺寸小于768时,切换到移动端页面

当分别做了PC端和移动端,pc端没做成响应式,网页屏幕尺寸小于768时,就需要切换到移动端页面。注意:如果需要pc端和移动端页面来回切换,移动端也要做监测和跳转。切换的页面即可,就可实现实时监测。

2025-11-14 09:29:59 207

原创 jeecgBoot低代码开发平台:接口调用返回格式

jeecgBoot调用后端接口时,后端返回的内容包含:code,result,message,code是判断接口调佣成功与否的标准,如下图。如果后端接口返回中不包含code,比如文件导出,直接返回一个文件流。它用于页面代码可能需要直接获取code,data,message这些信息时开启。

2025-11-11 14:39:58 227

原创 vue3:状态管理pinia

Pinia 是 Vue 3 官方推荐的新一代状态管理库,它提供了更简洁的 API 和更好的 TypeScript 支持,被认为是 Vuex 的替代方案‌2。Pinia 支持两种定义 Store 的方式。选项式 API (Option Stores)‌getters: {},actions: {})方式二:‌组合式 API (Setup Stores)

2025-11-10 17:11:23 246

原创 前端计算精度解决方案:big.js库

前端计算问题:0.1+0.2≠0.3,解决前端计算问题。

2025-11-09 15:19:48 225

原创 Vue3:a-table表格实现相同列合并功能(2)

如果同一账单内某个字段的值发生变化,就不会进行合并,从而更准确地反映数据关系。不同或者当前字段值不同时才不合并。

2025-11-05 10:06:29 224

原创 Vue3:a-table表格实现相同列合并功能

单元格控制‌:通过 customCell 返回 rowSpan 参数,值为 0 时隐藏单元格,大于 1 时合并对应行数。表格行合并的核心是计算每行的 rowSpan 值,通过 customCell 属性控制单元格的合并行为。该实现方式适用于大多数业务场景,通过灵活配置 customCell 可以实现各种复杂的表格合并需求。合并逻辑‌:getRowSpan 函数从当前行开始向下查找相同值,计算需要合并的行数。创建计算行合并的函数,用于确定每个单元格应该合并多少行。多列同时合并时需要注意合并逻辑的协调性。

2025-11-04 12:00:27 193

原创 前端面试整理

还性能优化方法不同,类用shouldComponentUpdate,函数式用React.memo和Hooks‌67。Hooks的支持也是重点,函数式组件原生支持,类组件不行‌。状态管理方面,类组件用this.state和setState,函数式组件在Hooks出现后用useState‌。定义方式的不同,类组件用ES6的class,继承React.Component,而函数式组件用函数声明‌。生命周期方面,类组件有生命周期方法,函数式组件用useEffect来模拟‌。

2025-03-24 11:35:10 238

原创 git常用命令

git stash pop 将收起来的暂存区的代码释放出来。git status 查看当前各个区域的代码状态。Git branch 基于当前分支创建一个分支。git add 添加工作区代码到暂存区。Git commit 暂存区代码的提交。git stash 将暂存处代码收起来。git log查看commit记录。git reset 代码的版本回退。git checkout 切换分支。git push 上传对应分支代码。git pull下拉对应分支代码。git merge 合并分支。

2023-06-03 20:21:33 909

原创 http状态码有那些?分别代表是什么意思?

Continue 继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息。Bad Request 服务器无法理解请求的格式,客户端不应当尝试再次使用相同的内容发起请求。Not Modified 自从上次请求后,请求的网页未修改过。Moved Permanently 请求的网页已永久移动到新位置。Created 请求成功并且服务器创建了新的资源。Accepted 服务器已接受请求,但尚未处理。memory cache 强缓存。

2023-06-03 19:38:34 618

原创 Mobx和Mobx-react:集中式状态管理

要连接到这些 stores,需要传递一个 stores名称的列表给 inject,这使得 stores 可以作为组件的 props 使用。.此组件是函数式组件,不用装饰器的写法,用标签的写法,无状态,无需设置取消订阅,会自动取消订阅。(3) Mobx利用getter和setter来收集组件的数据依赖关系,从而在数据发生变化的时。候精确知道哪些组件需要重绘,在界面的规模变大的时候,往往会有很多细粒度更新,提升性能.(1)react 组件里使用 @observer。

2023-05-31 17:00:39 1081

原创 git在vscode中的使用

1.上传本地项目到git。

2023-05-31 09:32:17 178

原创 css module:样式模块化,解决css样式冲突

一、其他解决方法:!important优先级提升、内联样式设置、

2023-05-30 10:39:12 459

原创 react路由

而有在父组件没有传props.history给子组件的情况下,子组件可以通过withRouter高阶组件访问其父组件的上级组件的props.history,实现越级访问props.history。一. 路由:据不同的 url 地址展示不同的内容或页面,将组件与url地址关联起来,一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到URl之间的同步映射关系。exact:精确匹配。当存在父子组件关系的时候就需要嵌套路由,路由也是有层级的。2.定义路由和重定向。

2023-05-30 10:15:03 108

原创 redux数据持久化-redux-persist

一、应用场景:刷新页面后重新加载,数据仍保持原来的状态。redux中的数据存储在localstorage中,而不是cookie中。不是所有的数据都需要永久存储,而是选择性的永久存储。二、安装命令:npm i redux-persist --save。2.主入口文件index.js。

2023-05-29 23:10:00 773

原创 redux与react-redux状态集中管理

store 是通过 createStore创建出来的,dispatch, 用于action的分发,改变store里面的state,并在内部遍历subcribe注册的监听器subscribe,注册listener,store里面state发生改变后,执行该listener。不同的action所处理的属性之间没有联系,我们可以把 Reducer 函数拆分,也可以把 action函数拆分。redux应用:状态的管理,共享状态,Redux用一个单独的常量状态树(state对象)保存这。④.在App.js注册。

2023-05-29 22:20:35 492

原创 immutable深拷贝:数据多层属性-不可变数据结构

Immutable 实现的原理是 Persistent Data Structure(持久化数据结构),Immutable 使用了 Structural Sharing(结构共享),即如果对象树中一个节点发生变化,只修改这个节点和受它影响的父节点,其它节点则进行共享

2023-05-29 18:13:53 911

原创 Redux Devtools Extension工具

下载安装包-解压-解压后的文件拖拽到扩展程序。用此工具进行redux状态调试。

2023-05-24 17:37:40 119

原创 react-hooks-useReducer状态管理

useReducer状态管理:状态放在外部管理,多个组件共享一个状态,减少父子通信和降低耦合度。

2023-01-12 15:59:37 270

原创 React-hooks-useRef:保存引用值、保存变量

【代码】React-hooks-useRef:保存引用值、保存变量。

2023-01-09 22:25:27 595

原创 react(hooks):UseEffect-处理副作用

【代码】react(hooks):UseEffect-处理副作用。

2023-01-09 22:02:52 198

原创 react:模糊查询(hooks):useMemo记忆组件 +filter()函数

useMemo会执行第一个函数并且将函数执行结果返回。而useMemo更适合经过函数计算得到一个确定的值、比如记忆组件。

2023-01-09 21:58:59 675 1

原创 react-生命周期-性能优化方案

PureComponent 会帮助比较新props和旧props,新state和旧state(值相等、或者对象含有相同的属性、且属性值相等),决定shouldcomponentUpdate返回true或者 false,从而决定要不要呼叫render function.如果你的state或props一直在变,PureComponent会比较慢,可以用shouldComponentUpdate;控制组件自身或者子组件是否需要更新,避免频繁无效更新,尤其在子组件非常多的情况下,需要进行优化。

2023-01-09 15:27:07 204

原创 React生命周期

(2) getSnapshotBeforeUpdate取代了componetWillUpdate,触发事件为update发生的时候,在render之后dom渲染之之前返回一个值,作为componentDidUpdare的第三个参数。(1) getDerivedStateFromProps第一次的初始化组件以及后续的更新过程中(包括自身状态更新以及父传子),返回一个对象作为新的state,返回null则说明不需在这里更新state。②最先获得从父组件传来的属性值,可以利用属性进行逻辑处理或Ajax处理。

2023-01-09 15:19:05 365

原创 react-通信-非父子通信-中间人模式

React中的状态提升概括来说,就是将多个组件需要共享的状态提升到它们最近的父组件上在父组件上,改变这个状态然后通过props分发给子组件.(1)状态提升(中间人模式)

2023-01-02 16:23:27 165

原创 react -通信-ref版表单域组件

【代码】react -通信-ref版表单域组件。

2023-01-02 15:18:08 133

原创 react 通信-子传父

父组件中定义一个回调函数,由子组件来调用执行。用this.props.[父组件自定义回调函数名称]()调用。

2023-01-02 15:16:04 463

原创 创建react项目

创建react项目

2022-12-23 11:47:13 1082

原创 win7等低系统安装高版本node

win7等低系统安装高版本node

2022-12-22 17:02:45 436

原创 简单/复杂数据类型

复杂数据类型:又叫引用类型,通过关键字new创建对象,object、Array、Date,存放在堆里面

2022-12-11 11:23:33 101

原创 js-内置对象-获取元素索引

返回数组元素索引号方法

2022-12-10 16:53:21 886

原创 js-内置对象-数组排序

js-内置对象-数组排序-翻转排序reverse和冒泡排序sort(升序降序)

2022-12-10 16:35:03 131

原创 js-内置对象-添加删除数组方法

添加删除数组方法

2022-12-10 16:10:58 513

原创 js -内置对象-倒计时

js -内置对象-倒计时-利用时间戳

2022-12-10 11:54:13 255

空空如也

空空如也

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

TA关注的人

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