Sunny_swallow-CSDN博客

scrollSensitivity: 30, //滚动的灵敏度,其实是拖拽离滚动边界的距离触发事件的距离边界+-30px的地方触发拖拽滚动事件。scroll: true, //类型：Boolean，设置拖拽的时候滚动条是否智能滚动。默认为真，则智能滚动，false则不智能滚动。当使用Sortablejs时内容出现滚动条，为了控制拖拽的位置需要鼠标接近边缘的时候自动滚动。有些人也出现了这个问他，在1.7.0版本里似乎可以使用，升级之后就不可以了，作者提出可以加上。上面时默认的数据，但我发现设置。

2024-12-13 16:12:05 425

原创 window.open(url)打开新页面传递参数

注意sessionStorage中无法保存object的类型数据，需要使用JSON.stringfy()进行转化。2.使用会话级别存储 sessionStorage.setItem。

2024-11-26 15:11:37 310

原创 HTML原生手搓带滚动条table

【代码】HTML原生手搓带滚动条table。

2024-11-20 13:48:51 199

原创 react-sortablejs实现antd table行拖拽

react-sortablejs的优点是语法很简单，通常是用在两个组件之间相互拖拽的功能，拖拽的组件可定制，自由度很高，很适合拖拽组件很复杂的情况

2024-11-19 16:16:36 331

转载 react列表自动滚动

添加上数据就可以出现一个滚动列表。

2024-11-07 17:49:32 293

原创 React导入问题出现死循环

今天写业务突然发现了一个引入子组件之后出现死循环的问题，当父组件与子组件所在的文件夹名字一样时，使用。时，Node.js 或 Webpack 会尝试从。目录中找到一个默认的入口文件（通常是。文件意外地重新导入了 A。

2024-09-27 17:49:16 192

原创 antdesign-pro EditableProTable编辑时组件联动

场景：表格数据给定完成之后，整张表格直接开启编辑模式，isHidden与isReadOnly的可编辑状态下进行互斥，在处于编辑模式下，表格展示的数据可以使用form来进行控制，所以。示例代码对EditableProTable进行了字段联动(主要是checkbox的)进行清除历史填写的内容，给各个组件赋值(具体内容看代码呀，注释写的很详细)内心os：快下班写的，有些粗糙，大家见谅呀，有时间来优化一下。可以使用form的方法。

2024-07-17 18:13:54 561

原创 Umijs多环境配置打包

注意：笔者在项目中本来使用了.umirc.prod.ts,为配置文件名称，在打包build-uat时，居然也运行了.umirc.prod.ts配置文件导致打包内容混乱(这个问题没有找到原因，如果哪个小伙伴知道，给笔者留言呀)package.json的scripts中配置相对应的打包运行命令，其中UMI_ENV等于newName，之后使用该打包命令就可以通过相对应的配置文件进行打包了。新建配置文件在根目录，名称格式一般为.umirc.{newName}.ts。

2024-06-26 15:22:35 762

原创 React umi框架拆分包策略

以上为umi提供的自动/手动拆包方法，但是手动拆包时每次引入该组件的时候都需要这样引入lazy非常麻烦，这样可以在环境配置文件中，如本项目环境配置文件.umirc.uat.ts中配置拆包代码。使用umi框架的时候打包发布时在配置文件umirc.ts中，可以使用一下配置自动开启打包。需要更细致的打包时应该使用手动拆包。

2024-04-29 16:05:40 531

原创 Antd Select与Menu组合使用

1.当triggerSubMenuAction为hover且输入时为中文输入法，中文字符选择框会使组件失焦，弹出框直接消失，这里需要把triggerSubMenuAction属性变为click可以解决该问题。2.由于select组件与menu本不是一个整体，所以第一层下拉框为select的open状态，第二三层为menu组件的open状态，容易出现这样的问题。很像级联选择器Cascader的作用，但最后一层需要根据相应配置显示不同的状态，如下拉列表、输入框等，基本代码如下。

2024-04-12 17:28:19 351

原创 React hooks useImperativeHandle用法示例

useImperativeHandle可以给React.forward处理后的函数组件接收到的ref对象拓展功能。方式一（不使用forwardRef）方式二（使用forwardRef）

2024-03-28 13:40:40 214

原创 react ui库shineout table固定列宽问题

如果根据需求想要固定列宽，可以在后面几列自适应完成之后添加上前几个固定值的列就可以保持前几列宽度固定不变的效果。需求：列表前两列要固定宽度，后面的根据列宽自适应。（列宽和超过1000）（列宽和小于1000）此时前两列无法固定宽度。

2024-03-14 18:17:56 466 1

原创 React中使用AWS SDK分段上传uploadPart返回值中没有ETag

当文件比较大是，需要用到header中的到Header中的Etag的，因此需要在S3的CORS的rule中配置允许暴露ETag。在登陆aws账号后选择s3服务，选择自己要配置的桶--->权限。在cors中配置上ETag。

2023-06-16 20:04:53 502 1

原创 react类式组件,使用props给state进行数据初始化，父组件更新，子组件数据未发生变化

也就是说，子组件刷新时不再执行constructor,不会对state重新赋值，所有子组件虽然执行了render，但是渲染数据不变。或者componentWillReceiveProps生命周期，使props更新时重新更新value的值。要解决问题可以使用shouldComponentUpdate中重新对state赋值。当父组件更新导致子组件更新时，子组件的生命周期执行顺序是。当子组件接收的props赋值给state时如。会出现页面重新渲染，但是页面数据未发生变化。

2023-04-10 14:06:51 1345 1