- 博客(15)
- 收藏
- 关注
RSS订阅原创 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关注的人