- 博客(28)
- 收藏
- 关注
RSS订阅原创 react动态改变样式的一种写法
（1）field-item是初始的样式；field-item.current-field为改变后对样式，即去掉下划线。(2)从props中解构出state(3)然后根据解构出来的值灵活改变样式
2022-03-14 17:32:31
1652
1
原创 WEB--JS插件
1、时间转换：moment.js2、操作cookie的插件jquery.cookie.js3、生成随机字符串nanoid4、图表插件echarts5、拖拽排序插件sortable.js-----未完，待补充
2022-02-25 11:37:48
475
原创 Cookie的基本使用
一、Cookie的介绍cookie是用于存储Web界面的用户信息。从javascript的角度，cookie是一些字符串信息。这些信息存放在客户端的计算机中，用于客户端计算机与服务器之间传递信息。当web服务器向浏览器发送web界面时，在连接关闭后，服务器不会记录用用户的信息。cookie的作用就是用户解决‘如何记录客户端的用户信息’：当用户访问web界面时，他的名字可以记录在cookie中，那么在用户下一次访问界面时，可以在cookie中读取用户访问记录。cookie已‘键/值’对形式存储，当浏览器从
2022-02-08 11:19:30
4804
原创 JS中? ?和?. 和||的区别
1、?? 与 || 的区别1）相同点：?? 和 || 的用法相同，都是前后是值，中间用符号连接，根据前面的值来判断最终是返回前面的值还是后面的值。One ?? TwoOne || Two2）不同点：判断的方法不同：使用 ?? 时，只有One为 null 或者 undefined 时才会返回 two;使用 || 时，One会先转化为布尔值判断，为true时返回One , false 返回Two // ?? undefined ?? 2 // 2 null ?? 2 // 2
2021-12-15 14:03:18
3050
原创 react函数组件useState异步，数据不能及时获取到
useState() 属于异步函数，在useState() 第一次存储的时候，值会存储不上因为react中state的更新是异步的，我们setState后，react不会立刻对值进行改变，而是将其暂时放入pedding队列中。react会合并多个state，然后值render一次，所以不要在循环中使用useState，它有可能只render最后一次set值，但是当传入一个函数时，函数就会被放入一个队列中，然后按照顺序执行。问题const Dva = () => { const [arr,
2021-12-09 18:05:54
7697
原创 react中写switch语句
在周期中使用switch-casesetLine(state, action) { switch (action.payload) { case action.payload.id === 'one': return ({ ...state, lineOne: { line_bar_X: action.payload.legendDataTwo, line_bar_Data: action.
2021-11-26 15:12:46
783
1
原创 react项目记录
react项目暴露某变量const dynamicIp =window.location.origin;export const baseUrl=`${dynamicIp}/` ;
2021-10-12 09:06:23
159
转载 window.location的详细介绍
如果你需要获取网站的 URL 信息，那么 window.location 对象就是为你准备的。使用它提供的属性来获取当前页面地址的信息，或使用其方法进行某些页面的重定向或刷新。https://www.samanthaming.com/tidbits/?filter=JS#2window.location.origin → 'https://www.samanthaming.com' .protocol → 'https:' .host .
2021-10-11 11:55:48
610
原创 ProComponents表单
表单数据回显const [updatedValues,setUpdatedValues]=useState({});//然后写一个方法动态获取数据，更新updatedValues<ProForm initialValues={updatedValues} params={updatedValues} request={(params) => { return Promise.resolve({ data: params, success: t
2021-09-29 11:22:12
883
转载 JS数组常用的方法
一、区分map() 和forEach()1）map()和forEach()的定义：map()：创建一个新的数组，其中每一个元素由调用数组的中的每一个元素执行提供的函数得来。map方法会给原始数组中的每个元素都按照顺序调用一次callback函数。callback每次执行后的函数值（包括undefined）组合起来形成一个新的数组。callback函数只会在有值得索引上 被调用；那些从来没被赋值或者使用delete删除的索引则不会被调用。forEach()：针对每一个元素执行提供的函数。除了抛出异常以
2021-09-28 16:34:23
231
原创 区分JS数组中易混淆的方法
1）Object.keys(obj)参数：要返回其枚举自身属性的对象。返回值：一个表示给定对象的所有可枚举属性的字符串数组。（1）处理对象，返回可枚举的属性数组let person = { name: "张三", age: 25, address: "深圳", getName: function () {}, }; console.log(Object.keys(person)); //['name', 'age
2021-09-27 09:16:15
246
原创 redux中间件redux-thunk
作用redux的dispatch默认只能传入一个对象参数：// 获取动态数据export const getListAction = (data) => ({ type: GET_LIST, data,})redux-thunk的作用是使dispatch支持函数参数： componentDidMount() { store.dispatch(getTodoList()) }redux-thunk的安装和配置安装yarn add redu
2021-09-17 11:09:40
157
原创 react的生命周期
旧的生命周期render调用的时机：初始化渲染，状态更新之后。新的生命周期1）getDerivedStateFromProps ：该方法内传的props不可修改，在任何时候都取决于props.
2021-09-13 18:19:56
98
转载 yarn安装的好用插件
打印插件：vue-print安装: yarn add vue-print-nb引入: import Print from 'vue-print-nb'main.js: Vue.use(Print)滚动插件：vue-seamless-scroll安装: yarn add vue-seamless-scroll引入: import vueSeamlessScrol from 'vue-seamless-scroll'main.js: Vue.use(vueSeamlessScrol)Echa
2021-09-09 09:38:15
1354
原创 时间格式之间的转换--date、moment、string
1）moment的使用（1）（2）moment转换为string类型 let time1 = new Date(1577808000000); console.log(moment(time1).format('YYYY/MM/DD')); // 2020/01/01
2021-09-08 11:32:53
1011
原创 JS中的“if“真假的判断
1）值为null、undefined、‘’、0、false时，为假（1）已经定义的变量，但是未赋值，所以undefined，为假 var t; if (t) { console.log("true"); } else { console.log("false"); } //false（2）空字符串为假，不空的字符串为真 var t1 = ""; var t2 = " "; i
2021-09-02 18:23:00
1281
转载 【ES6】Object.assign()的基本用法、注意点、用法
1）基本用法（1）Object.assign()方法用于将所有可枚举属性的值从一个或者多个源对象source复制到目标对象。它将返回目标对象target。 const target = { a: 1, b: 2 }; const source = { b: 4, c: 5 }; const newTarget = Object.assign(target, source); console.log(target);//{a:1,b=2,c=5}
2021-08-31 10:41:18
1152
原创 for...of 和f or..in
for…offor…of会遍历可迭代的对象，不可迭代对象，调用对象上的Symbol.iterator方法可迭代的对象包括：Array、Map、Set、String、TypedArray、arguments等let someArray = [1, "string", false];for (let entry of someArray) { console.log(entry); // 1, "string", false}for…of 和 for…in语句for…in 迭代的是对象
2021-08-30 14:25:45
812
原创 如何将Centos7的镜像
查看镜像：docker images下载镜像docker save -o nginx.tar nginx:latest//我要下载为.tar形式，nginx:latest是对应的版本号
2021-08-24 11:26:09
79
原创 前端传值时的记录
一、params和data的不同params和data的区别，即get和post请求的区别，HTTP协议的基础知识get请求参数是带在url上的，必须使用paramspost请求是body 必须使用data
2021-08-23 22:13:04
54
原创 Antd的Table组件
Table组件（1）点击表格如何拿到点击行的数据 onRow={record => { return { onClick: event => {console.log(record) }, // record就是点击行的数据 onDoubleClick: event => {}, onContextMenu: event => {}, onMouseEnter: e
2021-08-23 22:00:20
375
原创 TypeScript的学习笔记
一、 typescript中的类型二、对各类型进行举例子function sum (a:number,b:number): number{return a+b;}console.log(sum(2,123))slet q:"string"// 可以使用|来应以a只属于这几个值let a:"male"|"female";a="male";a="female"// 类型的别名type myType=1|2|3|4|5;let d:myType;let f:myType;d=
2021-08-18 22:24:02
135
原创 前端的记录
在数组中的应用（1）数组中的使用 let arr1 = [1, 2, 3, 4, 5]; let arr2 = [2, 3, 4, 5, 6]; console.log(...arr1); //1 2 3 4 5 展开一个数组 let arr3 = [...arr1, ...arr2]; console.log(arr3); //[1, 2, 3, 4, 5,2, 3, 4, 5, 6]（2）求和 function sum(...number){
2021-08-01 21:30:49
94
原创 VScode设置默认浏览器
在使用vscode编辑器的时候，如果我们不设置默认浏览器，那么直接打开的是IE浏览器，在进行页面调试的时候无疑是有点麻烦的，下面我们就说一下如何设置打开的浏览器为chromeopen in Browser首先需要安装open in browser插件，如果安装过了可以跳过此步骤然后修改默认浏览器为Chrome：选择文件—首选项—设置，在搜索栏输入open-in-browser.default，输入框里面直接输入 Chrome这也就完成了默认打开chrome的设置Open in Default Br
2021-05-29 17:29:07
2270
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人