自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 react-ts useState

当不知道状态的初始值是什么,将useState的初始值设为null是一个常见的作法,可以通过具体类型联合null来做显示注解。{/* 为了类型安全,可选链作为守卫,只有类型不为null(不为空值)的时候才进行点运算 */}useState本身是一个泛型函数,可以传入具体的自定义类型,//2、限制setUser的参数必须满足类型的两种写法。如果初始值没有传参,setUser可以传undefined。//1、限制useState的初始值的两种写法。3、uesState-初始值是null。

2024-03-01 20:46:42 391

原创 js给数组每个对象添加属性

js给数组每个对象添加属性

2024-02-29 10:47:36 1247

原创 useState 实现复杂对象状态修改

button onClick={changeForm}>点击{form.name}{form.age}</button>对于对象类型的状态变量,应该始终传给set方法一个全新的对象来进行修改。// useState实现复杂对象状态修改。

2024-02-28 21:10:41 393 1

原创 useState 简单类型修改变量

useState是ReactHook(函数),它允许我们向组件添加一个状态变量,从而控制影响组件的渲染结果。在React中,状态被认为只是可读的,我们应该始终是替换它而不是修改它,直接修改状态不会引发视图更新。本质:和普通的js变量不同的是,状态变量一但发生变化,组件的视图UI也会发生变化(数据驱动视图)//作用:修改count值,重新使用新的count渲染UI。// 1、调用 useState添加一个状态变量。//setCount 修改状态变量的方法。//count 状态变量。//2、点击事件回调。

2024-02-28 21:08:17 328 1

原创 cesium鼠标事件

5、中键单击事​​件。

2024-02-27 13:05:06 199

原创 前端实用插件

uuid.js是一个轻量级的JavaScript库,用于生成符合RFC4122标准的UUID(Universally Unique Identifier,通用唯一识别码)。uuid文档:https://www.npmjs.com/package/uuid/v/8.3.0。注意:如需在 Node.js < 6 的 REPL 环境中使用 Lodash,请安装。日期格式化,是一个极简的js库,可以为浏览器解析、验证、操作和显示日期和时间,安装:npm install uuid --save。

2024-02-27 11:17:24 277

原创 安装node版本工具

注意,安装NVM之前,卸载任何现有的node.js版本。当不同项目使用不同版本nodejs且不统一时,这时就用到nvm进行不同项目不同版本nodejs使用上的切换。nvm install 安装版本后,nvm list查看的版本列表中没有*号。删除现有的npm安装位置(例如“ C:\ Users \ \ AppData \ Roaming \ npm”),以便正确使用nvm安装位置。说明node对应的npm没有安装,对应node版本查找对应的npm版本包。nvm use 版本号 使用指定版本的nodejs。

2024-02-26 17:23:56 1306 1

原创 cesium+vue项目整体流程

vue2默认安装cesium的话默认的是最新版本,目前cesium停止了对vue2的版本更新,现在默认安装都是vue3版本,因此需要控制版本,否则就会报错。

2024-02-26 09:35:17 238 1

原创 Redux 集中状态管理工具

视图提交一个action对象,提交给了reducer函数,reducer函数 拿到action的类型做判断,返回一个新的state,最终通过store.getState().数据名,再反应到视图中。作用:通过集中管理的方式管理应用的状态(全局都要用到的状态,例如用户信息)reducer:一个函数,根据action的描述生成一个新的state。//数据不可变,必须基于原始的状态生成一个新的状态。//根据不同的action对象,返回不同的state。state:是一个对象,用来存放我们管理的数据状态。

2024-02-25 19:17:30 243 1

原创 cesium坐标系转换

var cartographic = Cesium.Cartographic.fromDegree(point) //point是经纬度值。//表示一个三维笛卡尔坐标系,也是直角坐标系(就是真实世界的坐标系)//其中pick1是一个Cesium.Cartesian3对象。//表示一个二维笛卡尔坐标系,也就是直角坐标系(屏幕坐标系)//pick1、pick3都是三维坐标系。2、 二维屏幕坐标系到三维坐标系的转换。//其中geoPt1是一个地理坐标。//其中pt1为一个二维屏幕坐标。//单位:度,度,米。

2024-02-25 19:12:03 307 1

原创 js强制类型转换

/parseInt()函数 把一个字符串转换成一个整数,从左到右,可以将一个字符串中的有效的整数取出来,再进行转化。//但是对于null和undefined就不会调用toString()方法,会将null直接转换成"null",//parseFloat()函数 把一个字符串转换成一个数,从左到右,可以将一个字符串中的有效的小数取出来。//方法一 调用a的toString()方法,该方法不会影响原变量,会将编译的结果返回,//方法三 通过运算符转字符串 例如+'' -0 *1 /1等方法。

2024-02-24 21:21:51 379 1

原创 React 组件之间通讯

组件通信就是组件之间的数据传递,根据不同的层级关系,有不同的通讯方式

2024-02-24 09:05:24 723 2

原创 vueX 状态管理

关于mutations(mutattions也是一个对象,这个对象里面可以放改变state的初始值的方法,具体的用法就是给里面的方法传入参数state或额外的参数,然后利用vue的双向数据驱动进行值的改变) 可以用 this.$store.commit('addCount',6) 进行对state的修改。首先,在store文件夹下面新建一个modules文件夹,然后在modules文件里面建立需要管理状态的js文件,既然要把不同部分的状态分开管理,那就要把它们给分成独立的状态文件了,如下图。

2024-02-23 21:47:51 1613

原创 从头学习React(一)

在命令行中输入set-ExecutionPolicy RemoteSigned回车,输入A回车,通过 get-ExecutionPolicy 查看当前的状态:为RemotedSigned成功。creat-react-app 项目名。如果出现以下问题则需要切换管理员身份。成功后再次尝试创建项目即可。

2024-02-23 20:20:03 129

原创 程序为什么不喜欢关机

但是大多数时间想要连公司的vpn非常麻烦,有时候光申请权限可能就要一天,为了处理一些紧急情况,大多数人会选择远程连结电脑办公,因此,为了方便起见,会选择不关闭电脑。有些人可能只是习惯了长时间保持开机状态,因为他们认为这样更加方便或高效,可以随时开始工作,这样每次就可以继续接上自己的思路,防止思路被打断,提高工作效率。因此,为了节省时间,他们可能会选择不关闭电脑。再就是下班人走了,可是电脑还是可以继续工作,用来跑一些浪费时间的脚本,或者安装某些大型系统,这样第二天上班就不用再浪费时间了。

2024-02-23 18:46:05 112

cesium模型转换以及加载

cesium模型转换以及加载

2024-02-27

node版本控制工具安装

node版本工具安装

2024-02-27

cesium坐标系转换

在cesium中,遇到坐标系不统一的问题,本文可以提供火星坐标、百度坐标、WGS84坐标转换实现方法,纯代码

2024-02-27

空空如也

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

TA关注的人

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