- 博客(56)
- 收藏
- 关注
RSS订阅原创 umi里面的utils文件 ，建立demo.util.ts和demo.ts有什么区别
文件夹通常用于存放一些工具函数，这些函数可能在项目的多个地方都会用到，比如处理数据、文件操作等。是使用这些工具函数来实现特定功能的文件。这样的命名和组织方式有助于代码的模块化。的区别主要在于它们的作用范围和目的。提供通用的工具和帮助函数，而。在 Umi 框架中，
2024-04-18 10:09:29
236
原创 try...catch
接口如果有报错，导致页面崩溃不渲染，可以catch一下，加一个.catch(err =>console.log(err)),可以不让项目启动起来，页面崩溃，去调试其他的。是编程中一种非常重要的错误处理机制，可以帮助我们更加有效地处理程序运行过程中可能出现的异常。是编程语言中一种常见的错误处理机制，用于捕获和处理程序运行过程中可能出现的异常。块中，我们可以对异常进行处理，例如记录错误信息、发送错误报告等。块中的代码引发异常时，程序将立即跳到。块包含可能抛出异常的代码，而。块包含处理异常的代码。
2024-02-26 09:56:10
125
原创 react中useState、useRef、变量之间的区别
函数组件有函数作用域，每次render时，声明的方法会生成新的引用，声明的普通变量会重新声明并赋值初始值，而useRef和useState会保留状态。组件更新不会改变之前的状态，可以保存状态。值变化，会render，视图会更新，setState是异步的，同一个函数内设置的，不能实时获取到最新的值。组件更新不会改变之前的状态，可以保存状态。设置的值是同步的，同一个函数内设置的，能实时获取到最新的值。使用场景： 如果我们只是想保存状态不影响视图更新，而且可以同步更新&获取我们的状态，那么就使用 useRef。
2023-11-30 20:35:07
481
1
原创 pnpm、npm、yarn的区别
总的来说，pnpm的安装速度和占用空间比npm和yarn更好，但它的兼容性和可靠性可能会受到影响。yarn的可靠性和功能比npm和pnpm更好，但它的安装速度和占用空间可能不如pnpm。npm是Node.js的官方包管理器，它的兼容性和可靠性最好，但它的功能可能不如yarn和pnpm丰富。pnpm、npm、yarn是三种不同的包管理器，它们之间有一些区别。
2023-10-24 20:20:16
951
1
原创 position left设置居中，除了auto以外，还有什么方式
项目中使用了position，结果真机测试安卓没有居中，ios和浏览器居中了。后来改成了：（第四种方式解决）将元素移动到居中位置。
2023-10-24 09:06:26
241
原创 if里面有return，return后面的代码不执行
语句块中的后续代码将不会被执行。语句块中的后续代码将继续被执行，直到遇到。语句块中的所有后续代码都不会被执行，包括。语句块中的代码将不会被执行，而是执行。在 JavaScript 中，如果。语句块中的代码将被执行，直到遇到。语句块中的代码，或者如果没有。语句块，则继续执行下面的代码。在这个示例中，如果传递给。，则不会输出任何内容。
2023-10-17 19:30:14
1409
原创 js中 !!，??表示什么意思
将取非后的值重新转换为布尔值。例如，将一个数字转换为布尔值，如果该数字为0，则布尔值为。另一个常见的用法是将字符串转换为布尔值，如果字符串不为空，则布尔值为。在这个示例代码中，我们将一个字符串"hello"转换为布尔值，结果为。是一个逻辑非操作符，用于将一个值转换为布尔值。在这个示例代码中，我们将一个数字42转换为布尔值，结果为。在JavaScript中，
2023-10-10 08:55:25
2168
原创 antd Select组件下拉框跟随滚动条滚动并且ts报错“HTMLElement | null”分配给类型“HTMLElement”
antd Select组件下拉框跟随滚动条滚动并且ts报错“HTMLElement | null”分配给类型“HTMLElement”
2023-02-12 14:21:33
254
原创 antdpro+form中两个Input用的同一个name，修改时，只修改其中一个
antdpro+form中两个Input用的同一个name，修改时，只修改其中一个。
2022-11-02 16:38:41
366
原创 “Input”表示值，但在此处用作类型。是否指“类型 Input”?ts(2749)
“Input”表示值，但在此处用作类型。是否指“类型 Input”?ts(2749)
2022-10-13 17:29:57
2485
原创 基于umi4+antdpro+ts 登录带token
3.utils里面：request.tsx（异常处理，请求拦截） ，index.ts(storage,存储在loaclstorage里面)这是umi3的处理。umi4官网已经改版，具体可以查看官网。我这里是提供另外一种改法。2.app.tsx 里面，如果没有登录，要跳转到登录页。1.首先要有登录页面。
2022-10-12 17:12:32
2509
原创 error: 3509 bytes of body are still expectedfetch-pack: unexpected disconnect while reading sideban
error: 3509 bytes of body are still expectedfetch-pack: unexpected disconnect while reading sideband packetfatal: early EOF
2022-09-21 10:17:00
15071
4
原创 fatal - Error: Register plugin D:/youqu/yuntu-back/node_modules/@umijs/plugins/dist/layout.js failed
fatal - Error: Register plugin D:/youqu/yuntu-back/node_modules/@umijs/plugins/dist/layout.js failed
2022-09-18 11:04:53
926
原创 arguments和...arg相关知识点
1.什么是类数组类数组是指在写法上跟数组一样，比如arguments，函数的第一个参数是argument[0]，写法上跟数组一样，但是不是数组，他的原型是Object。function functionName() {console.log(arguments);}functionName(3, 5)控制台打印：Arguments(2) [3, 5, callee: ƒ, Symbol(Symbol.iterator): ƒ]0:31:5callee:ƒ functi
2022-05-11 15:04:07
1420
原创 新建仓库（自己创建gitee仓库）
新建的仓库：Git 全局设置:git config --global user.name "myname"git config --global user.email "[email protected]"创建 git 仓库:mkdir reactcd reactgit init touch README.mdgit add README.mdgit commit -m "first commit"git remote add origin https://gitee
2022-05-11 10:26:53
496
原创 Linux导出文件，文件是json格式
此处没用直接使用本地的数据库连接，而是使用远程的一个数据库，假设是10.1.1.1切换用户：ssh [email protected]连接数据库：mongo --host 192.10.10.10(主机名)-u username(用户名)-p passwd(密码)--authenticationDatabase admin(数据库)查看的一些命令：db //当前数据库use boss //使数据库show tables //查看boss下面的 表//导出命令：导出的文件...
2022-05-10 15:54:01
679
原创 MenuItem should not leave undefined `key`控制台报错
控制台报错信息：MenuItem should not leave undefined `key`React does not recognize the `warnKey` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `warnkey` instead. If you accidentally passed
2022-05-05 14:43:15
1563
原创 IPv4\ipv6\ip段\cidr\域名校验
1.utilsconst rules = { // 首位非0的ipv4校验规则 ipv4: /^((0|[1-9]|([1-9]\d)|(1\d{2})|(2[0-4]\d)|(25[0-5]))\.){3}(0|[1-9]|([1-9]\d)|(1\d{2})|(2[0-4]\d)|(25[0-5]))$/,// 首位非0的ipv4和cidr校验规则 // ipv4: /^((0|[1-9]|([1-9]\d)|(1\d{2})|(2[0-4]\d)|(25[0-5]))\.){3}.
2022-04-18 14:28:25
1212
原创 es6 Map
es6 Map es6提供了Map数据结果，类似于对象，也是键值对的集合，但是‘键’的范围不限于字符串，各种类型的值（包括对象）都可以当做建，Map也实现了iterator接口，所以可以使用扩展运算符和for ...of进行遍历。<script><!-- 声明-->let m =new Map();//添加元素m.set('name','张三')m.set('func',function () {console.l...
2022-04-09 00:07:12
222
原创 classnames库
classname库定义：react中想要动态添加className时，还会使用classnames这个库 使用方法：引入classnames：import classnames from classnames Classnames是一个函数，使用的形式较多，有以下几种方式：传入一个对象：classnames（{class1:true,class2:false}）,ture表示相应的class生效，反之false不生效 接收多个类名：classnames（class1，class2） 使用动态
2022-04-07 23:56:13
813
原创 isNaN() 和Number.isNaN()的用法和区别
isNaN()是ES5的方法，Number.isNaN()是ES6的方法可能有一些童鞋会认为 isNaN直译为“是不是 NaN”，其本意不是，isNaN本意是通过Number方法把参数转换成数字类型，如若转换成功，则返回false，反之返回true，它只是判断参数是否能转成数字，不能用来判断是否严格等于NaN。，如果要判断某个值是否严格等于NaN不能用这个方法ES6提供了Number.isNaN方法用来判断一个值是否严格等于NaN，它会首先判断传入的值是否为数字类型，如不是，直接返回false。
2022-03-23 11:38:04
2228
原创 【后端 】koa+ mogodb简单写法和例子
1.建模 model里面写你需要的字段：import { Schema } from 'mongoose';import { mongoClient } from '../core/mongo/mongodb';const myBed = new Schema( { name: { type: String, required: true } age: { type: String }, //规则组 children: { type: Array, default:
2022-03-04 17:49:07
69
原创 JSON.parse()、JSON.stringify、 parseInt()
1.JSON.parse()JSON.parse()是Javascript中一个常用的 JSON 转换方法，JSON.parse()可以把JSON规则的字符串转换为JSONObject，JSON.parse()很方便，并且几乎支持所有浏览器。JSON.parse() 语法JSON.parse(text[, reviver]) //text:需要被转换的字符串。 //[, reviver] : 可选参数，可以是一个回调方法。返回值是一个JSONObject。JSON 解析实例我们得.
2022-03-04 15:52:52
993
原创 async await和promise的区别，和使用方法
PromisePromise 是异步编程的一种解决方案，比传统的解决方案8i——回调函数和事件——更合理和更强大，简单地说，Promise好比容器，里面存放着一些未来才会执行完毕（异步）的事件的结果，而这些结果一旦生成是无法改变的async awaitasync await也是异步编程的一种解决方案，他遵循的是Generator 函数的语法糖，他拥有内置执行器，不需要额外的调用直接会自动执行并输出结果，它返回的是一个Promise对象。await函数不能单独使用，而且async函数返回的是一个
2022-03-04 15:30:21
701
原创 三元运算符 多个条件判断+实例
实例：import React, { useState} from 'react';const [intergration, setIntergration] = useState('');//集成状态 <Form.Item className={styles.integration}> <span className={intergration == '待集成' ? (styles.waiting) : (intergration == '集成成功...
2022-03-03 10:31:59
901
原创 DatePicker日期选择器不能选择过去的时间（===当前时间之前的时间）
收集了js 和ts 的时间选择器的写法：【react+ts+antd】组件：{form.getFieldValue('status') === '03' && getFieldDecorator('timingPublishTime', { initialValue: isEdit && infomentDetail.t
2022-03-03 10:01:48
2941
原创 useImperativeHandle使用实例
useImperativeHandle可以让你在使用ref时自定义暴露给父组件的实例值。在大多数情况下，应当避免使用ref这样的命令式代码。useImperativeHandle应当与forwardRef一起使用。父组件：import React, { useState, useEffect, useRef } from 'react'; const childForm = useRef<any>({}); const cRef = useRef() as React.Mu
2022-03-03 09:52:09
22277
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人