自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree

npm i的时候报错,无法安装依赖,这样就可以安装依赖成功!

2024-04-25 13:44:04 189

原创 echarts中图表不清晰

参考:https://echarts.apache.org/zh/api.html#echarts.init。方法2:仍然使用canvas渲染,通过调整devicePixelRatio提升清晰度。方法1:使用svg渲染,svg渲染出的图表的清晰度高于canvas。提升清晰度(vue-echarts插件):仍然使用canvas渲染,通过调整。

2024-02-27 14:39:13 740 1

原创 JavaScript 函数 eval() , json字符串转换

JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。如果参数是一个表达式,eval() 函数将执行表达式。

2023-10-24 14:56:11 383

原创 点击Enter,切换到下一个输入框进行输入

react实现点击Enter切换到下一个输入框输入

2022-12-06 16:18:02 1561 1

原创 js判断一个值是什么类型

typeof 运算符instanceof 运算符Object.prototype.toString 方法

2022-11-04 15:51:05 218

原创 js获取下个月的月份,自定义日历禁用时间

js获取下个月的月份,自定义日历禁用时间

2022-11-04 13:20:48 1766

原创 html2canvas

在pc项目中画海报,可以借助html2canvas

2022-09-16 15:30:37 2797

原创 TreeSelect之父级与子级

TreeSelect需要将父级与子级的结果都传给后台,所以将子级的id进行拼接。父级id-子级id。此处注意一个坑,父级与子级的id可能重复,所以渲染的时候需要将子级的id进行拼接渲染,不然会出现反显出错的情况。TreeSelect反显注意:父级的key与value,都要是唯一的,都需要进行拼接。...

2022-07-04 11:31:58 948

原创 js分割字符串的方法

js分割字符串的方法

2022-06-28 15:23:16 51623

原创 ES6空值合并运算符(??)

Es6空值合并运算符(??)

2022-06-28 13:55:53 484

原创 ES6中的Array.group()快速分类

ES6中的Array.group()快速分类组合数组

2022-06-28 13:22:48 3310

原创 解决浏览器密码回显

解决react项目antd组件库中form表单中type="password"时,账号和密码会回显的问题。

2022-06-17 15:51:20 656

原创 Table列表筛选结果保持不变

Table列表筛选结果保持不变,详解React中setState回调函数

2022-06-15 14:16:24 353

原创 扩展运算符...

扩展运算符的应用

2022-06-14 11:12:02 331

原创 修改密码,确认密码验证antd

react项目antd组件库,实现修改密码时确认密码校验

2022-06-14 11:04:57 1915 1

原创 sessionStorage、localStorage和cookie的区别

使用场景1:同一个网站,登录成功后会存一个公司id,用来判断页面样式。放在session中时出现问题:当登录成功复制网址打开后,session消失,页面样式出错。方案:使用localStorage存储。使用场景2:一个项目中,写了3个网站,3个网站用的不同登录,但是接口均需要传token,等共同字段。方案:使用session存储各自的信息过程:先试了localStorage存储,发现两个浏览器标签页中,存的结果都是一样的。然后试了session,发现是不同的,各自存储了各自的信息,达到了我

2022-05-23 13:41:07 421

原创 react的key

react的keykey 帮助 React 识别哪些元素改变了,比如被添加或删除。因此你应当给数组中的每一个元素赋予一个确定的标识。const numbers = [1, 2, 3, 4, 5];const listItems = numbers.map((number) => <li key={number.toString()}> {number} </li>);一个元素的 key 最好是这个元素在列表中拥有的一个独一无二的字符串。通常,我们使用

2022-05-16 11:32:41 302

原创 数组,字符串去重

数组去重方法一:// 去除数组的重复成员[...new Set(array)]方法二:Array.from方法可以将 Set 结构转为数组。const items = new Set([1, 2, 3, 4, 5]);const array = Array.from(items);这就提供了去除数组重复成员的另一种方法。function dedupe(array) { return Array.from(new Set(array));}dedupe([1, 1, 2, 3]

2022-05-06 17:18:22 1167 1

原创 Form进行实时自定义验证

Form进行实时自定义验证选中公司之后,调接口,实时验证公司是否可以加入<Form ref={form => this.form = form} initialValues={form}> <FormRow styleName='shop'> <FormElement width={550} label="添加共享公司" > <Form.Lis

2022-04-08 10:02:45 405

原创 新旧数据对比,找出增加的和删除的

新数据和旧数据对比,找出增加的和删除的,分别放在两个数组中对比两个数组,先找到相同的,分别与原数组和新数组对比进行去重操作数组为对象时,可以选择对象中唯一的属性进行对比const values = await this.form.validateFields();const { oldData } = this.state;//旧数据let oldDataRepetition = [].concat(oldData); //使用空数组合并,之后操作不改变原数组const dataSourc

2022-04-07 17:19:43 1380

原创 react添加多个类名

react中给一个标签添加两个对象格式类名,在大括号(花括号)中添加两个动态类名引入方式import styles from './index.less';import './index.less';className={appstyle.lisrcheck + " listcheck2"}第二个类名双引号里面名字前面要加一个空格className={[appstyle.listcheck,"listcheck2"].join(' ')}<div className={[styles

2022-04-01 11:04:51 3386

原创 js判空这件事

判断一个值是不是为空时,可以使用非!!num也可以num===undefined||num===null注意:当值可以为0 时,就不能用非,否则会判断出错

2022-01-22 13:13:38 357

原创 antd中form表单select还没选就收进去

问题:form表单类型为type='radio-group’时,labe里写<Select></Select>,点击select还未进行选择,下拉框就收进去了<FormRow> <FormElement {...formProps500} width={700} label="品项优惠金额" name="deductTypeCheck" required op

2022-01-22 11:30:33 614

原创 getDerivedStateFromProps生命周期

这个生命周期的功能实际上就是将传入的props映射到state上面。getDerivedStateFromProps是一个静态函数,也就是这个函数不能通过this访问到class的属性,也并不推荐直接访问属性。而是应该通过参数提供的nextProps以及prevState来进行判断,根据新传入的props来映射到state。该函数必须有返回值。当props传入的内容不需要影响state,就必须返回一个null static getDerivedStateFromProps(nextProps, pr

2021-12-07 10:05:34 476

原创 2021-03-19nodejs处理get_post和mysql链接

文章目录1.module.export2.servermysqlnodejs-mysql1.module.exportfunction fun() { console.log(100);}// 导出模块 统一的导出方式module.exports = { fun}// 导出一个功能函数// module.exports = () => {// console.log("导出函数");// }2.serverconst http = require

2021-10-12 10:08:52 168

原创 2021-09-22经验总结

@(TOC)input获取值<Input value={name} onChange={(e) => { this.setState({name: e.target.value}) }} />根据type拆分接口const arr1 = []const arr2 = []const arr3 = []dataSource.forEach(item => {​ if (item.type == 1) {​ arr1.push(item)​ }

2021-09-22 15:18:38 76

原创 2021-07-21webpack 搭建vue脚手架

webpack 搭建vue脚手架初始化项目npm init -y安装webpack 和webpack-clinpm i webpack webpack-cli --save-dev解析 .vue 的文件(单文件组件),安装 vue, vue-loader, vue-template-compiler 三个插件npm i vue vue-loader vue-template-compiler --save-dev项目根目录下创建src文件夹,在里边创建一个main.j

2021-07-21 13:31:23 129

原创 2021-07-21vue的环境变量

vue的环境变量环境变量: 开发环境 development, 生产环境 production, 测试环境 test创建环境变量文件文件统一以 .env 作为文件名的前缀 ; 在项目的根目录下创建文件开发环境: .env.developmentVUE_APP_自定义的环境变量名 = value生产环境: .env.productionVUE_APP_自定义的环境变量名 = value测试环境: .env.testVUE_APP_自定义的环境变量名 = value配置相关

2021-07-21 13:27:36 131

原创 2021-07-21axios拦截器

axiosAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。常用的请求的方式:get : 获取资源post : 新增put/patch: 修改delete : 删除axios的基础用法get请求 : 传递参数通过 params 选项// 第一种 通过 params axios.get(url, { params:{ key:value }}).then(res => {})// 第二种可以使

2021-07-21 13:25:31 121 1

原创 2021-07-21vuex

vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式(可以理解为对数据进行统一的管理)vuex的核心属性一共五个核心属性:state : Vuex 使用单一状态树, state 作为唯一的数据源存在mutations: 修改state状态的唯一入口getters :Vuex的计算属性,针对于state的状态派生出新的状态actions :进行任何的异步操作,提交 mutationsmodules : Vuex的模块化管理;每个模块拥有自己的 state、mutation

2021-07-21 11:05:16 66

原创 2021-07-21vuecli搭建过程

vuecli这是vue的脚手架,可以帮助我们快速搭建项目框架, 目前使用的最新版的脚手架 @vue/cli, 如果是 低版本的则为 vue-cli安装npm i @vue/cli -g测试安装是否成功:vue -V创建项目安装成功后,可以通过vue 命令搭建你的项目vue create 项目名搭建过程在命令行窗口输入 vue create myapp; 选择 最后一项 Manually select features? Please pick a preset: (Use a

2021-07-21 10:32:57 192

原创 生成随机色多种方法

// 0-9 a-f function getColor() { var str = "#"; var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "a", "b", "c", "d", "e", "f"]; for (var i = 0; i < 6; i++) { str += arr[Math.floor(Math.random() * 16)].

2021-07-19 16:05:10 4899

原创 2021-07-17clumsy端口延迟

配置单独端口延迟outbound and tcp.DstPort = 3001延迟(Lag),把数据包缓存一段时间后再发出,这样能够模拟网络延迟的状况。掉包(Drop),随机丢弃一些数据。节流(Throttle),把一小段时间内的数据拦截下来后再在之后的同一时间一同发出去。重发(Duplicate),随机复制一些数据并与其本身一同发送。乱序(Out of order),打乱数据包发送的顺序。篡改(Tamper),随机修改小部分的包裹内容。...

2021-07-17 10:11:51 256

原创 2021-07-17AntDesignPro前后端交互

AntDesignPro前后端交互request.js在utils中封装的有request.js,相关的使用方法和axios类似mock在开发功能前,我们应该先和后台沟通对应的接口文档。后台根据接口文档开发接口。前端根据接口文档写mock数据,先开发前端功能mock尽量分模块写mock/student.jsexport default { 'GET /api/students': [{ id: 1, name: "zhangsan" }, { id: 2,

2021-07-17 10:09:16 870 2

原创 2021-07-17Dva

DvaantdesignPro中集成了dva.js。dva是对react中操作redux的简化框架dva将结构分成了三层:viewmodelservice生成modelmodels/xxx.jsconst xxxModel = { namespace: "xxx", // state可以是任意类型 state: { }, reducers: { }, effects: { }}将model和view连接连接的目的是可以在view组件中

2021-07-17 10:07:59 109

原创 2021-07-17React环境变量配置

环境变量配置我们可以通过配置 .env.[mode] 文件去对我们的代码中可变的值(在不同环境中不同的值)进行配置.env文件应该放置在项目根目录中,修改后,需要重新启动项目规范上来讲,我们应该以 REACT_APP_ 作为变量的前缀默认环境如果想要让多个环境都支持,那么直接创建 .env 即可开发环境开发环境是 development ,通过 npm run start 运行代码后执行的环境就是 development我们可以创建 .env.development 文件写相关变量.env

2021-07-17 10:01:57 633

原创 2021-07-17AntDesign基本使用

AntDesign这是蚂蚁金服推出的设计语言,蚂蚁金服官方基于该设计语言实现了React组件库安装npm i --save antd# 或者yarn add antd引入css我们在App.css通过css引入模式进行引入App.css@import '~antd/dist/antd.css';或者我们可以在App.js中引入cssApp.jsimport "antd/dist/antd.css"使用组件React组件不支持全局注册,我们需要在我们对应的使用到antd组件的

2021-07-17 09:59:53 266

原创 2021-07-17ReactRouter基础

1. ReactRouter基础1.1. react-router安装1.2. react-router的使用1.2.1. BrowserRouter/HashRouter1.2.2. Route1.2.2.1. exact1.2.3. Switch1.2.4. Link1.2.5. NavLink2. 路由配置2.1. 安装 react-router-dom2.2. 安装 react-router-dom2.3. 配置好routes2.4. 在App.js中.

2021-07-17 09:58:10 286 1

原创 2021-07-17React Hooks

1. React Hooks1.1. useState1.2. useEffect2. ReactRouter Hooks2.1. useParams2.2. useLocation2.3. useHistory3. 自定义hooks3.1. useQuery1. React Hooks在React中有自带的hooks,也可以自己定义自定义hooks,所有的hooks都是以use开头–useXxx1.1. useState解决了React函数组件中没有状态的问题.

2021-07-17 09:56:03 463

原创 2021-07-15parseInt()详解,进制

parseInt() 函数可解析一个字符串,并返回一个整数。当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。

2021-07-15 10:45:42 2254

空空如也

空空如也

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

TA关注的人

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