- 博客(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
原创 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
原创 前端实用插件
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
原创 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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人