- 博客(10)
- 收藏
- 关注
原创 React穿透传值
开发中会遇到一个子组件和另一个子组件传值的时候首次传值没问题,再次传值无效的情况,依然默认初始化的值,可能是由于值的传值方式不对无法及时更新另一个子组件接收的值。 首先获取子组件值的变化,docTypeChange记得要在Props里进行定义docTypeChange:any; 用parent:thatParent进行传参,thatParent要写在上方组件参数内进行传参,这个组件的index的Props里也进行定义parent:any; 注意组件columns内部的传参指向的是this.props.
2021-10-12 14:12:23 1066
原创 React知识点:index替代唯一id进行赋值
当我们在使用React进行项目开发的时候,经常会有个报错需要指定唯一id,否则控制台会报错,或者选择订单的时候点击一个订单会直接全选;按道理我们在获取接口数据的时候,后台一般会返回一个唯一id,我们只需要rowKey=“id”就可以了,但是有时候后台是没有返回id的,那我们这时候就要使用index进行赋值,废话不多说,直接说图片 这样就不会造成每个数据没有唯一id了 ...
2021-09-24 13:31:47 424
原创 关于Ant组件之上传图片组件可能会出现的小bug
前言 最近公司在写一个项目,里面用到了上传图片的组件,本来以为不会有什么大问题,很正常的一顿敲,然后就出现了下面的问题,有图有真相。 选择上传图片的时候,控制台报了POST 404的错误,看到错误的路径我第一感觉是不是路由哪里出了问题,然后果断看了一下路由文件,发现路由并没有出问题,接着把代码又重新检查了一遍,还是没有发现什么问题,最后通过查询发现需要在 beforeUpload 方法的最后加一句 return false,具体什么原因还不清楚,加上这一句之后,再提交图片就没有出现报错了 PS:其实即使报
2021-07-01 16:01:23 582
原创 对axios的理解和使用
一.axios的作用 1.支持浏览器和 node.js 2.支持 promise 3.能拦截请求和响应 4.自动转换 JSON 数据 二.axios基本用法 axios.get(‘/adata') .then(ret=>{ // data属性名称是固定的,用于获取后台响应的数据 console.log(ret.data) }) 三.get : 查询数据 通过url传递参数 axios.get(‘/adata?id=123') .then(ret=&
2021-05-10 21:27:37 430
原创 webpack基础入门
什么是webpack? webpack是前端一个项目构建工具,它是基于node.js开发出来的一个前端工具 构建工具有哪些? 1.Gulp,是基于task任务的 2.Webpack,基于整个项目进行构建的 使用webpack这个前端自动化构建工具,可以完美的实现资源的合并,打包,压缩,混淆等等很多功能 开始使用webpack打包构建 在项目目录(不要带中文,会报错)运行 npm init -y 初始化项目 创建项目基本目录结构 因为浏览器不识别es6语法,import $ from 'vue'所以我们使
2021-04-29 20:57:05 86
原创 Node.js入门基础(适合新手学习)
在命令提示符下、输入 node 即可进入交互式, 交互式环境下、可以执行 JS 代码 退出交互式 CTRL + C / CTRL + D Hbuildx下使用终端 在终端下输入: set-ExecutionPolicy RemoteSigned 终端下输入 Set-ExecutionPolicy -Scope CurrentUser 输入:RemoteSigned 重启 HBuilderX 即可 npm 包管理器 nmp包管理器会随着 nodejs的安装而被安装 检查 npm 是否安装 npm -
2021-04-28 21:08:56 358
原创 jQuery选择器的使用
前言 jQuery的选择器大部分还是沿用了CSS的选择器,在这些选择器当中增添了一些其他选择器。 1.ID选择器 特点:根据标签的ID属性值进行选择,只能选中一个元素。 示例代码如下: 将ID值为box的标签设置为红色的背景颜色,ID值唯一 $(function() { $('#box').css('background', 'red'); }) 2.class选择器(类名选择器) 特点:根据标签的class属性值进行选择,类名可重复选择多个元素。 示例代码如下: 将class类名为.on
2021-03-25 20:55:12 127
原创 JavaScript Promise对象入门
前言 在ES6中为我们提供了Promise对象。 什么是Promise对象?Promise对象对我们之后的代码运行又提供了哪些强大的帮助? 本篇博文会为大家进行入门级的介绍。 概念 Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。 通俗讲,Promise是一个许诺、承诺,是对未来事情的承诺,承诺不一定能完成,但是无论是否能完成都会有一个结果。 Promis
2021-03-18 19:38:50 136 1
原创 js数组类型中的常用的四种方法
前言 今天给大家分享的是我们在JS数组中常见到的几种方法,并且对这些方法进行详细的介绍。 1.filter() 过滤 检测数组,返回符合条件的内容, 没有符合的则返回空数组 参数:函数, 有三个参数分别为,当前的项,当前项的下标,检测的 注意:不用改变原数组 举个栗子 let arr = [1, 2, 3, 4, 5]; let arr1 = arr.filter((x, y, z) => { console.log(x, y, z); return x > 2 }) con
2021-03-16 21:12:25 188
原创 ES6正则表达式
初识正则表达式 概念 正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。 表达式合集 正则表达式由特殊的字符组成 [ ] :中括号中可以写多个任意字符,代表只匹配一个字符 例如: [abc] :代表可以匹配a,b,c三个字符中的任意一个字符 js中定义一个正则表达式 /../ 以/开头,以/结尾 中间的内容为正则表达式 例如: let rege
2021-03-15 21:18:29 2653 7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人