- 博客(10)
- 收藏
- 关注
RSS订阅原创 react数据多次setState的时候数据渲染不起作用的问题
遇到的问题：针对表格数据先请求进来，因为有一列数据需要长时间请求，所以把这个数据放在afterRequest里面请求了，但是这样之后对表格的setData（即setState({data: data})）就不起作用了产生原因：data里面的item对象即使修改了个别参数或者增加属性，由于data没有改变指针，导致认为data其实没有改变，就不会去重新渲染出新的值。处理方式：对修改的参数对象...
2019-09-23 15:53:26
1265
原创 打印数据来自后台请求是打印显示不完整的问题解决
打印的数据是来源于后台请求回来的数据，一开始不知道具体的内容长度，所以当打印界面出现的时候，页面只有加载出来的数据的大小，此时打印就不是我们想要的。首先，我们将要打印的数据放置的空间大小设定好，这样的话打印的尺寸就不会自适应去改变。数据会在限制的尺寸上自动换行排序。同时设置样式为居中，这里暂时设定死了A4的尺寸，所以只适合竖向打印，不适合横向。componentDidMount () {...
2019-05-20 09:53:32
1074
原创 react中ref中有变量时采用的引用方式
react中ref引用一般有两种写法：回调函数用法： <Form ref={(f) => this.form = f}}></Form>引用方式：this.form.isValid()字符串用法： <Form ref='form'></Form>引用方式：this.refs['form'].isValid...
2019-04-03 10:23:25
1226
原创 利用mobx的store中的变量变化引起页面都重新渲染的问题
mobx中用observable的变量在组件中取值，如果其中一个变量变化，则该组件的render中所有元素都会重新渲染，如果只想render数据变化的那个组件，则需要把该部分功能单独写成一个子组件，在子组件中inject该变量所在的store，只把变化的值放在改子组件中变化，父组件不包含与该变量有关的内容，就不会重新渲染父组件，只会渲染子组件。父组件：import Stdout from...
2019-04-03 09:56:00
5508
原创 react中防csrf攻击
因为数据分离，也没有将页面写成themeleaf的形式，所以后台通过传统方式传的csrf信息接收不到。于是后台将相关信息写入cookie，前端通过document.cookie的方式去拿到对应的信息，利用split分解拿到对应的csrf，并将其用window.xx的方式设置为全局变量，在请求的fetch.js的组件中，将post请求的链接上挂上_csrf=xxxx的信息即可。ps:csrf...
2019-03-28 19:46:59
1615
原创 react地址三级联动，一次请求的情况
react中三级地址联动，如果请求只有一次，即请求直接拿到省市区所有的信息，建议采用@observable和@action的形式赋值，而不是用state去赋值。得到的赋值信息，通过父组件props的方式传给地址子组件，子组件进行请求获得所有的地址信息，初始化时利用props的值将所有级下拉中的值赋值好就可以利用form的data属性直接把相应信息填充到对应级别上去。欢迎关注我的公众号...
2019-03-26 19:13:10
525
原创 echarts地图利用2.0版本时tooltip出现闪动情况的解决办法
先前做统计图展示页面的时候，由于是每5秒请求数据返回给地图，所以，在鼠标hover到地图的时候，由于数据的渲染，会出现闪动的情况，因为每次收到数据就去setOption一次。最后的处理方法是，在setOption之前先加个标志位，如果鼠标移到地图map上，就不去setOption，涉及到echarts的on事件，var myChart = echarts.init(document.ge...
2019-03-21 19:20:53
2833
原创 react-intl-universal使用时英文变量不会按照模板展示
在进行网站中英文开发的时候，引入了阿里团队的react-intl-universal，但是在处理英文时经常会有英文需要复数展示的情况，还有单复数的动词等，需要根据不同变量值来确定。首先需要引用中英文库，可以从通过接口去数据库取，也可以自己直接定义：import EN from './locales/us-EN.json'import CH from './locales/zh-CN....
2019-02-21 14:55:02
775
原创 ajax设置请求头setRequestHeader方法，如请求数据类型等
因为平时常用的设置，所以突然被问起来会忘，一般我们ajax是直接利用jQuery的ajax方法，里面的接口直接调用，常用的主要有：url类型：String默认值: 当前页地址。发送请求的地址。type类型：String默认值: "GET"。请求方式"POST"或"GET"， 默认为"GET"。注意：其它HTTP请求方法，如PUT和DELETE也可以使用，但仅部分浏览器支持。...
2019-02-20 16:51:59
48836
原创 分级线性插值算法思想——最大邻点权值生成过程用查找表实现，A-Cublic6为例
Cubic 6点插值公式：示意图：原始插值点计算公式：从硬件实现角度考虑，如果采用Cubic6点精确插值算法放大，插值点在原始图像中两点之间的位置可能是任意的，这样势必需要一个乘法器一直来算这个位置，计算量很大。如果把捅值点位于原始图像中两A之间的位置固定在0，1／8，2／8，3／8，4／8，5／8，6／8，7／8 8个位置(即当实际位置不在这8个点1／_时，也把它移到这8...
2014-06-09 21:34:26
816
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人