赵又又的博客

前端小白一枚

react中父组件一键获取子组件数据

通常我们在写页面的时候,会碰到页面内容较多,需要分组件来写的情况,这样就会碰到下面的场景,父组件中有个提交按钮,点击提交的时候会需要获取到子组件的数据,有个方法很好用 父组件: 引用子组件的地方 父组件的提交按钮方法里 子组件: ...

2019-07-11 10:38:12

阅读数 9

评论数 0

(...)ES6三点扩展运算符

来源:https://www.cnblogs.com/rlann/p/7222150.html (...)ES6三点扩展运算符 扩展运算符将一个数组转为用逗号分隔的参数序列 console.log(...[a, b, c]) // a b c  用于: ...

2019-07-03 09:42:27

阅读数 10

评论数 0

【javascript】详解javaScript的深拷贝

来源:https://blog.csdn.net/qq_39207948/article/details/81067482 ...

2019-07-02 15:39:52

阅读数 19

评论数 0

url传中文的转码问题

利用js下的一个方法可以解决 decodeURI(‘XXX)

2019-06-10 18:20:03

阅读数 140

评论数 0

移动端和小程序中有关scrollTop的不同用法

需求是这样的:点击屏幕右侧的字母,页面会滑动到指定字母的区域。类似微信中通讯录的页面,效果图如下 移动端中用的js可以获取document,代码如下 小程序中用的typeScript,不能获取document,所以不能采用上边的方法,具体代码见下 ...

2019-05-07 11:22:13

阅读数 183

评论数 0

数组元素求和,最大值,最小值,去重,找差异项

求和:const sum = arr.reduce((prev, cur) => { return Number(prev || 0) + Number(cur || 0); }); 最大值:let maxMoney = eval(`Math.max(${moneyArr.to...

2019-04-03 14:48:20

阅读数 58

评论数 0

react antv f2分组柱状图实现平移

本周在开发柱状图平移的时候遇到一些问题,普通柱状图可以实现平移的效果,分组柱状图会出现平移的时候会把剩下的数据全部展示出来,通过查看antv f2文档,发现实现平移效果的重点是设置横坐标的values属性,如图所示,histogramList是数据源,originDates是需要展示在当前视口的部...

2019-03-15 15:57:35

阅读数 619

评论数 1

解决input框弹起滑到屏幕可见区域的问题

setTimeout(() => { // 让当前的元素滚动到浏览器窗口的可视区域内 // this.customFocusInst.scrollIntoView(true); // 也是用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。但如...

2019-03-14 15:05:54

阅读数 100

评论数 0

flex布局聊天界面

原文地址:https://www.cnblogs.com/diligenceday/p/5985903.html 效果图: <!DOCTYPE html> <html lang="en"&am...

2019-03-07 14:01:25

阅读数 129

评论数 0

react 子组件更新父组件状态

转自:https://blog.csdn.net/yesyoucan_/article/details/82531779 react 子组件更新父组件状态 class Father extends Component { construtor(props){ ...

2019-03-07 13:43:22

阅读数 415

评论数 0

如何转载别人的文章(请标明出处)

转载链接:https://blog.csdn.net/Silence_Sep/article/details/81119683 起意        看到一篇不错的...

2019-03-01 11:18:45

阅读数 59

评论数 0

最新BAT前端面试题

转载链接:https://blog.csdn.net/mm782642353/article/details/87886665#commentBox BAT面试对基础比较看重,然后需要你有两三个比较好的项目,一面重视面试者对前端基础的把握,还要手写代码,不过不难,二面部门的lead...

2019-03-01 11:14:39

阅读数 265

评论数 0

react下“添加”按钮循环添加一组新的数据

2019-02-26 15:38:39

阅读数 156

评论数 1

保留两位小数的方法

保留两位小数,缺位补0 returnFloat = (value) => { if (value == null || value == undefined) { value = 0; } value = Math.round(parseFloat(v...

2019-02-22 14:15:00

阅读数 48

评论数 0

react下批量导入数据无法覆盖原数据中的input值的问题(利用antd design插件)

最近在写一个需求,要求批量导入数据后要把原来的列表数据全部覆盖,包括导入的数据与原来的列表数据重复的值。 如果导入的数据中与原来列表的数据没有重复的值,那就重新setState一下就好;那如果列表中有数据A,并且A的一个属性通过input编辑过,此时再批量导入数据包含数据A的话,那就不能覆盖已经...

2018-12-07 14:50:17

阅读数 84

评论数 0

react中使用G2图表踩到的坑

最近在写有图表的页面,饼图、折线图都有。用的插件是蚂蚁金服下的一款开源可视化的前端组件库G2。 比较好上手,官方文档也写的清清楚楚,只是踩了个小小的坑。 按照官方文档写下来,设置了图表的宽度自适应。然而页面在刚开始刷新的时候,canvas超出了屏幕的宽度,如果改变浏览器的大小,forceFit...

2018-10-30 16:00:47

阅读数 2249

评论数 7

react中父组件调用子组件的方法

有个场景是这样的,父组件中有个按钮,点击按钮弹出弹框,弹框是在子组件里,弹框弹出时需要请求接口展示列表数据,每次点击父组件的按钮时都需要请求数据。所以就需要在父组件中调用子组件的方法。 首先父组件的代码: 子组件中的代码: ...

2018-09-20 10:29:31

阅读数 5684

评论数 0

antd Table中插入可编辑的单元格

最近遇到一个需求,要求表格中某一属性是可以手动改变的。看了antd Table 的官方组件,发现不太灵活,所以自己动手写了一下。 实现的思路大同小异,在columns中插入Input,很简单的,直接render中返回就好,只是中间遇到小插曲,改变一个input的值所有的都跟着改变,原来是都定义成...

2018-08-30 16:08:29

阅读数 6965

评论数 16

modal中的input输入框自动获取焦点的问题

在开发项目的过程中,有个需求是这样的,点击按钮,弹出一个modal框,要求modal框里的input自动获取焦点。 input输入框单纯的自动获取焦点是很简单的,只需要一个属性autofocus="autofocus"就够了。然而,这个属性触发的时机是页面刚加...

2018-07-24 15:15:08

阅读数 6000

评论数 3

关于保留小数位以及报错的问题

今天因为需求要处理一个字段,要求四舍五入保留小数点后两位数。于是,我想到了js中的一个函数--toFixed(n)。用法很简单,直接就可以xxx.toFixed(2)就可以了。然而,想象很美好,在用的过程中却报错了,报错信息是什么呢?xxx.toFixed is not a function.左思...

2018-06-15 10:26:21

阅读数 52

评论数 0

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