首页
学习
活动
专区
工具
TVP
发布

菜鸟前端工程师

专栏作者
73
文章
59315
阅读量
16
订阅数
react-开发经验分享-解决antd Table组件selectedRows翻页后不保留上一页已选中items的问题
在用 antd Table 组件写一个产品选择框功能的时候,遇到了 antd Table 组件的 selectedRows 在翻页后再勾选新的 item ,不会保留上一页已勾选的 item ,而是基于当前页面的 dataSource 重新记录当前的勾选项(注: selctedRowKeys 没有这个问题,可以正常的跨页记录总体的勾选项的 key )。
Mr. 柳上原
2022-10-28
4850
react-开发经验分享-Upload上传功能的具体项目实现
这是因为Promise是没有abort 方法的,只有原生js的XMLHttpRequest对象才具有abort
Mr. 柳上原
2019-05-17
1.7K0
reactNative跨平台app开发经验分享-Redux的使用心得
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 在RN中 项目实际开发时Redux全局参数的具体使用方法 Redux的好处: 可以把一些全局都需要使用的参数保存起来,并且在一个组件里更新这个参数后,全局里任何使用这个参数的地方都能实时更新 适用于购物车,图标右上角数字,form表单数据字典配置,权限配置,实时消息数量等等 client页面 // 此处使用了redux-actions import { handleActions }
Mr. 柳上原
2019-05-17
5380
node.js学习笔记01-cmd0node0全局数据0异步事件
node命令: node -v (Node版本号) node 文件名(运行当前文件) node ./文件名/文件名(运行当前文件夹的xxx文件夹下的xxx文件)
Mr. 柳上原
2019-04-09
9170
reactNative跨平台app开发经验分享-跨平台开发兼容
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 既然已经入了react坑 那自然不会少了移动端app开发神器RN 初衷依然是把自己在公司实际开发中遇到的踩坑填坑过程记录下来 给自己 也分享给同样从事这行的各位新入行朋友做个爬坑指南 首先 reactNative我在这里简称RN RN是可以做跨平台开发的 这就导致了一个问题 RN的组件,在Android和ios上有些会有所不同 RN的样式编辑,在Android和ios上有些也会有所不同 这
Mr. 柳上原
2019-03-04
2.5K0
react-开发经验分享-Steps横竖业务进度条的具体使用方法
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 ant框架里,Steps横竖业务进度条的具体使用方法 在ant里介绍了Steps组件,进度条 不过没有具体的对接后端数据的使用方法 特别是Steps组件里最重要的status状态控制方法 分享一下在项目开发中遇到的问题以及解决方法 具体如下: // 首先根据ant官方Steps组件使用方法引入到react里 // 使用state来存储后端数据并动态更新 this.state = {
Mr. 柳上原
2019-03-04
8410
react-开发经验分享-Table表格组件里跳转页面及传递数据
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 ant框架里,Table表格组件里跳转页面及传递数据的方法 在Table表格组件中,经常会遇到表格里有跳转页面的需求 跳转方法大致与普通react页面路由方法类似 依然是在columns方法里对需要跳转的td位置进行render自定义设置 设置方法如下: // 使用onClick进行按键触发跳转,并且可以传参给子页面 // 传递的参数在子页面的props.location.state对象里
Mr. 柳上原
2019-03-01
1.3K0
react-开发经验分享-Select选择框表单实现异步省市联动
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 ant框架里,Select选择框表单实现省市联动的方法 在ant框架中,Select选项框组件里有一套实现省市联动的组件方法 但是,他使用的是写定的死数据 在正式企业开发中,往往是需要调用后端接口数据来动态实现省市联动的 而且后端接口的数据结构在不同的公司中可能各不相同 因此写了一套大众型异步调用省市联动组件方法 方法如下: // 使用state来存储后端数据并动态更新 this.st
Mr. 柳上原
2019-03-01
2.6K0
react-开发经验分享-Table表格组件里自定义表格td内容换行
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 ant框架里,Table表格组件里自定义表格td内容换行的方法 在Table表格里,无法像普通原生html一样直接在标签内使用‘br’或换行符使表格内容换行 必须在表格组件的columns方法里对需要换行的地方使用render自定义换行, 使用方法如下: columns = [ { title: '驻场', // 子单元格 child
Mr. 柳上原
2019-02-25
2.2K0
react-开发经验分享-Table表格组件里自定义翻页方法补充
ant框架里,Table表格组件里自定义翻页组件的方法 前面讲过在Table表格组件里自定义翻页组件 补充一下在项目开发中遇到的自定义翻页方法的注意点和自定义翻页组件里的上次漏掉了的几个重要方法 承接上文: // 当表格里有查询、排序功能时 // 表格的翻页功能会受查询数据量变化的影响,会出现查询后自定义翻页组件的页码错误的现象 // 因此,必须对自定义翻页功能做进一步的优化调整 // 使用state来存储后端数据并动态更新 this.state = { current: 1, // 当
Mr. 柳上原
2019-01-28
6300
react-开发经验分享-后端请求数据后进行本地存储筛选
后端接口请求到数据后存储到本地进行数据筛选的方法 此方法使用了对象对比和模糊查找 使用了原生es6开发 实现方法如下: // 后端接口请求到数据 // 数据存储到state里 // 获取表单输入值,并用表单里的值对数据进行筛选 // 使用state来存储后端数据并动态更新 this.state = { projectData: [], // 后端数据 } // handleSubmit = (e) => { e.preventDefault();
Mr. 柳上原
2019-01-28
8990
react-开发经验分享-Table表格组件里自定义翻页方法
ant框架里,Table表格组件里自定义翻页组件的方法 在Table表格组件里,自带了pagination翻页方法,不需要手动去写 但是 这个翻页是最基础的翻页 很多时候,开发需求需要更多的翻页功能 比如 输入页码数字跳转到对应页码 自定义每页展示多少条数据等等 这时就需要在Table里加上pagination的需求方法 // 需要注意的是,pagination接受的是object,所以需要使用双括号 onShowSizeChange = (current, pageSize) =>
Mr. 柳上原
2019-01-03
1.2K0
react-开发经验分享-树形结构的解析与运用(二)
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 ant框架里,tree结构的剖析 承接上文 问题:ant的异步树形结构,当渲染下级结构完成后,再次在主干新建一个新的下级结构时,不会实时渲染出新增加的那条下级结构,必须刷新整个页面,重新后端请求数据,并进行渲染,这是一个不好的体验 3.根据ant的tree结构,自定义实时渲染tree结构页面 思路:使用递归模式 // 实时显示下级页面的变化实例 // 封装函数:新增下级结构 /* tree
Mr. 柳上原
2018-12-28
9160
react-开发经验分享-树形结构的解析与运用(一)
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 ant框架里,tree结构的剖析 1.tree结构,当加载treeChildren(树形下级分支)时,底层代码在上级结构tree(主干)中生成children属性,并把下级分支push到children属性里 // 实例 主干:[{id: '001'}] // 当生成下级分支时 主干:[{id: '001', children: [{id: '0001'}]}] 分支:[{id: '0001'}
Mr. 柳上原
2018-12-28
1.4K0
react-开发经验分享-自定义封装请求方法(二)
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 react里,请务必自己封装请求方法 承接上文 》》》 当自定义封装请求方法后,可以简化当前页面的后端数据请求代码 // 二次封装页面请求 /** * 新增组件 * 调用接口方法 api */ import ApiClient, { callApi } from '@/utils/apiClient'; // 对接后端,公用接口验证 import { AuthorUrl } from
Mr. 柳上原
2018-12-25
5740
react-开发经验分享-自定义封装请求方法(一)
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 react里,请务必自己封装请求方法 好处:1.自定义封装请求方法,能够更好的处理请求结构,做好请求体body的处理等 2.可以使用多种异步数据请求方法,如Promise.then().catch(),async 》 await,try,catch等 3.请求方法的复用性(这才是react的精髓) 4.颗粒化思想, 5.可以简化具体页面的后端请求结构,细致拆分组件,精准定位bug //
Mr. 柳上原
2018-12-25
1.2K0
JavaScript学习笔记031-本地存储0jsonp
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 能把爱好和工作结合起来 是一件幸福的事情 经过这么多年的挫折 还好现在找到了 前端 我很爱你! 工作 我很爱你! <meta charset="utf-8"> <!DOCTYPE html> <!-- 文档类型:标准html文档 --> <html lang='en'> <!-- html根标签 翻译文字:英文 --> <head> <!-- 网页头部 --> <meat charset='UT
Mr. 柳上原
2018-12-14
4800
react-开发经验分享-modal框内嵌form表单数据提交到父级页面问题
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 ant框架里,父级页面的modal弹出框内嵌form表单时 提交按钮是modal框自带的确认和取消按钮 需要对form表单进行关联操作 父级页面如果需要传参给表单或获取表单的填入数据时 必须使用Form.create()方法 // 子级页面 // Ant formcreate 表单内置方法 const Popup = Form.create()(props => { const {
Mr. 柳上原
2018-12-14
3K0
JavaScript学习笔记030-前端缓存cookie0初识后端缓存session
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 这篇笔记要不要上传 我纠结了一下 基本上 现在 在企业开发中 几乎很少使用到cookie了 现在基本上都是H5本地缓存 token之类的做用户登录验证 node或许会用到一点点 想想还是发上来吧 没准哪天就有用了 <!DOCTYPE html> <!-- 文档类型:标准html文档 --> <html lang='en'> <!-- html根标签 翻译文字:英文 --> <head> <!-- 网
Mr. 柳上原
2018-12-12
3470
react-开发经验分享-form表单组件中封装一个单独的input
在form表单中自定义封装一个input组件 如果不做处理 form表单提交时是获取不到这个自定义组件的数据的 这个坑对于新手来说 真的是个大坑 特别是对表单内的元素做提交不是很了解的人 用ant的ui框架来说明吧 一个基础的表单 // ant表单组件 import { Form, Select, Input, Button } from 'antd'; const FormItem = Form.Item; const Option = Select.Option; class App ext
Mr. 柳上原
2018-12-12
2.8K0
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
热点技术征文第五期
新风口Sora来袭,普通人该如何把握机会?
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品·最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档