- 博客(29)
- 收藏
- 关注
原创 npx详解
npx` 是一个在Node.js包管理器npm的版本5.2.0及以上版本引入的工具。它主要优势在于它可以方便地运行以前安装的npm全局包,或者在不全局安装的情况下运行npm包。
2024-07-29 14:54:48
318
原创 antd dependencies使用
dependencies主要用于规则校验,它所依赖的字段更新时,该字段将自动触发更新与校验。例如用户名和密码相互校验。
2024-02-19 17:28:58
863
原创 Form.Item的name为数组时,设置某个字段的值。Form.List的使用
form.item的naem可以为数组或者字符串,当后端接口文档中的字段有相同名字的时候,可以用数组。dependencies,依赖,一般是校验规则时会用到。2.设置Form.List的某个字段的值。1.Form.Item的name。3.一行展示form.item。
2024-01-26 16:53:46
1334
原创 react+antd根据日期选择器,动态生成日期表格表头
思路:根据周选择器可以拿到当前选中日期,根据当前选中日期计算出这周的周一到周日,在列表的columns中添加周一到周日的列数据。
2023-06-07 20:32:27
536
原创 深拷贝和浅拷贝
如果原对象的属性值是可变的对象或数组,或者需要对原对象进行修改而不影响原对象的值,就需要使用深拷贝。二、深拷贝是指创建一个新的对象,并且将原对象的所有属性值都复制到新对象中,如果原对象的属性值是一个对象或数组,也会递归地将它们的属性值复制到新对象中。但是,如果原对象的属性值是一个对象或数组,新对象只是复制了这个对象或数组的引用,而不是复制这个对象或数组本身。因此,当原对象的属性值发生变化时,新对象的属性值也会发生变化。方法时,新对象和原对象的原型是相同的,如果修改了新对象的原型,原对象的原型也会被修改。
2023-05-26 14:53:26
941
原创 typeof 和 instanceof
(如字符串、数字、布尔值、undefined、null、Symbol)和对象类型。都是 JavaScript 中用于检测数据类型的运算符,但它们的用途和实现方式不同。与其他对象类型是不同的,它没有任何属性和方法。因此,当我们需要检测一个变量是否为。运算符用于检测一个对象是否是某个类(或其子类)的实例。运算符返回一个字符串,表示一个值的数据类型。表示一个空值或者不存在的对象,而不是一个实际的对象。只能检测对象是否是某个类的实例。时,最好使用全等运算符。不能用于检测基本类型的数据。,这是一个历史遗留问题。
2023-05-26 13:23:46
950
原创 JSON序列化与反序列化
一.JSON语法重点:1.简单值里面不包括undefined !!!2.JSON字符串必须使用双引号,单引号会导致语法错误。3.JSON与JS对象的不同之处:JSON不用声明变量,不用分号结束,属性名必须用双引号包裹。二,JSON序列化与反序列化1.JSON.stringify()const info = { name: 'lx', age: 24, hobby: ['tv', 'shopping'] } const jsonText =
2022-05-08 21:49:42
5815
2
原创 Support for the experimental syntax ‘decorators-legacy‘ isn‘t currently enabled
问题:使用mobx中的装饰器(@observable)报错解决方案:1.安装babel-plugin-transform-decorators-legacyyarn add babel-plugin-transform-decorators-legacy或npm install babel-plugin-transform-decorators-legacy2.修改配置文件,在package.json babel中加入以下代码"plugins": [["@babel/p
2021-09-09 13:47:23
520
原创 判断数组中是否存在某个元素
1.some()方法 const arr = ['lx', 'css', 3] const type = arr.some(item => item==='lx') console.log(type) // true2.includes()方法 (如果计算出的索引小于 0,则整个数组都会被搜索。) const arr = ['lx', 'css', 'lx'] console.log(arr.includes('lx', -100)) // true
2021-09-07 18:28:59
859
1
原创 reduce()方法
1.参数介绍[1, 2, 3]reduce((pre, cur, index, array) => {},initialValue) pre:累计器累计回调的返回值; 它是上一次调用回调时返回的累积值,当有initialValue时,pre的值就是initialValue。若没有initialValue,pre的值就是数组的第一个元素。cur:当前值,若有initialValue,cur的值是数组的第一项。若无initialValue,cur的值是数组的第二项。index(可...
2021-09-07 17:37:10
308
原创 js数据类型
可以使用typeof检测数据类型,例如: console.log(typeof 12) // number console.log(typeof '12') // string console.log(typeof true) // boolean console.log(typeof null) // object (特殊值null被当作是一个空对象的引用) console.log(typeof undefined) // undefined co...
2021-08-25 14:34:23
145
1
原创 var let const区别,es6为什么需要块级作用域
一,var存在声明提升(所谓声明提升就是把声明放在函数作用域的顶部)function test() { console.log(name) var name = 'lx' } test() // undefined等价于function test() { var name console.log(name) name = 'lx' } test()二,let和const存在暂时性死区(在let声.
2021-08-24 12:01:22
165
原创 x轴可以缩放的折线图
dataZoom: [ { type: "slider", xAxisIndex: [0], show: true, filterMode: "none", start: 0, end: 80 } ],1.安装npm install echarts --save2.引用const E...
2021-08-13 16:52:05
244
原创 label文字展示在饼状图里面
label: { normal: { formatter: "{c}/次", position: "inside",//让文字显示在饼状图里面 textStyle: { fontSize: 16, color: "#fff" } } ...
2021-08-13 16:42:08
807
原创 Echarts--不同颜色的柱状图
1.安装npm install echarts --save2.引用const Echarts = require('echarts')3.使用<div class="bar-echarts" ref="barChart"></div>getBarCharts() { let barChart = ECharts.init(this.$refs.barChart); let barOption = { color:..
2021-08-13 16:27:35
660
原创 Echarts饼图
1.安装npm install echarts --save2.引用const Echarts = require('echarts')3.使用<div class="bar-echarts" ref="pieChart"></div>getPieCharts() { let pieChart = ECharts.init(this.$refs.pieChart); let pieOption = { too...
2021-08-13 16:19:48
96
原创 nth-child()和nth-of-type的区别
1. ul li:nth-child(1)是先找到第一个元素,然后再把元素与前面的li相比对看类型是否一致。ul li:nth-child(1){ color: red; } <ul> <p>222</p> <li class="lx">1</li> <li class="lx">2</li> <li class="
2021-08-13 15:31:03
134
原创 export default 和 export的区别
1.export 可以导出多个对象,export default只能导出一个 export default示例:// a.jsexport default axios// b.jsimport axioslong from 'a.js' //注意 1.引入export defult导出的内容无需使用{} 2.这里的axiosLong可以是任意的名字,不用和default之后的名字保持一致 export示例:// a.jsexport const str...
2021-08-11 19:56:52
2475
2
原创 for in 和 for of的区别
1.循环数组区别一:for in 和 for of 都可以循环数组,for in 输出的是数组的index下标,而for of 输出的是数组的每一项的值。const arr = [1,2,3,4]// for ... infor (const key in arr){ console.log(key) // 输出 0,1,2,3 }// for ... offor (const key of arr){ console.log(key) // 输出 1,2,3,
2021-08-10 14:43:57
56766
2
原创 按钮防连点
思路:点击按钮之后,通过disabled将按钮置成不可操作状态,事件请求结束之后,将按钮恢复成可操作状态。1.react示例import React, { useState } from 'react'const App = (props) => { const [disabled, setDisabled] = useState(false) // 防连点 const handleFinish = async(values) => { setDi
2021-08-09 13:28:24
477
原创 Badge徽标数
TodoList.js// ------------------外部资源import React, { Component } from 'react';import { Badge } from 'antd';import { NotificationOutlined } from '@ant-design/icons';// ------------------内部私有import './App.css'class TodoList extends Component { re
2021-06-11 16:53:36
1003
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人