- 博客(28)
- 收藏
- 关注
原创 react动态改变样式的一种写法
(1)field-item是初始的样式;field-item.current-field为改变后对样式,即去掉下划线。(2)从props中解构出state(3)然后根据解构出来的值灵活改变样式
2022-03-14 17:32:31 1654 1
原创 WEB--JS插件
1、时间转换:moment.js2、操作cookie的插件jquery.cookie.js3、生成随机字符串nanoid4、图表插件echarts5、拖拽排序插件sortable.js-----未完,待补充
2022-02-25 11:37:48 477
原创 Cookie的基本使用
一、Cookie的介绍cookie是用于存储Web界面的用户信息。从javascript的角度,cookie是一些字符串信息。这些信息存放在客户端的计算机中,用于客户端计算机与服务器之间传递信息。当web服务器向浏览器发送web界面时,在连接关闭后,服务器不会记录用用户的信息。cookie的作用就是用户解决‘如何记录客户端的用户信息’:当用户访问web界面时,他的名字可以记录在cookie中,那么在用户下一次访问界面时,可以在cookie中读取用户访问记录。cookie已‘键/值’对形式存储,当浏览器从
2022-02-08 11:19:30 4807
原创 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 3051
原创 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 7698
原创 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 160
转载 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 612
原创 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 232
原创 区分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 99
转载 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 1014
原创 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 1285
转载 【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 1153
原创 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 813
原创 如何将Centos7的镜像
查看镜像:docker images下载镜像docker save -o nginx.tar nginx:latest//我要下载为.tar形式,nginx:latest是对应的版本号
2021-08-24 11:26:09 80
原创 前端传值时的记录
一、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 377
原创 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关注的人