niconicon____-优快云博客

原创 react+antd登录页

【代码】react+antd登录页。

2023-12-28 23:47:26 1106

原创 react+antd，实现Tree组件的hover显示编辑删除、长字符隐藏功能、以及选中项拉通功能

2，我们通过在每一项renderTitle上面定义onMouseEnter和onMouseLeave，enter的时候保存该项的nodeKey，移除的时候删除nodeKey，再将其与renderTitle的node项进行唯一值匹配，可控制该项的编辑和删除图标的显示和隐藏，4，选中拉通：选中项拉通功能需要使用tree组件的 const { DirectoryTree } = Tree;3，并且通过getTextWidth函数，对title的长度进行校验，过长的文字隐藏，并使用Tooltip展示，

2023-11-02 16:09:43 1672 1

原创 react+antd使用dayjs将时间戳对象转为可读格式“YYYY-MM-DD”

antd有时候获取的时间对象为{ "$L": "en", "$d": "2023-09-01T10:06:48.590Z", "$x": {}, "$y": 2023, "$M": 8, "$D": 1, "$W": 5, "$H": 18, "$m": 6, "$s": 48, "$ms": 590 }这样的时间戳对象，这样就能够将时间戳对象转为可读格式“YYYY-MM-DD”了。

2023-09-28 10:56:18 673

原创 react阻止用户通过浏览器的后退按钮离开当前页面&阻止浏览器后退。

让用户无法通过点击后退按钮来离开当前页面，react阻止用户通过浏览器的后退按钮离开当前页面，web阻止浏览器后退。

2023-09-27 17:35:42 1191

原创 react+antd的web端项目嵌套使用antd mobile的组件，实现Datepicker适用于移动设备

antd的组件更加适用于web端，特别是DatePicker组件，在移动端上面能用，但是使用起来十分不顺畅，需要点击才能够实现时间的选择，不太适用移动设备，因此可以嵌套使用antd mobile的组件，提高移动设备上的使用体验。通过这种形式就可以实现antd mobile嵌套进web端项目了，此处我设置了开始时间和结束时间，因此使用了DatePicker的min约束最小时间，开始时间进去页面自动获取当前系统时间，因此设置now=new Date()，结束时间需要大于开始时间，

2023-09-01 15:13:33 884

原创如何修复react项目的零渲染问题，页面出现‘0’或者‘00’

"a string" && <FooComponent /> // => jsx计算结果为<FooComponent />，因此渲染<FooComponent />true && <FooComponent /> // => jsx计算结果为<FooComponent />，因此渲染<FooComponent />1 && <FooComponent /> // => jsx计算结果为<FooComponent />，因此渲染<FooComponent/>这样既可避免0的出现，{0} // 渲染为0。

2023-05-06 14:46:16 918

niconicon____的博客

原创 react+antd登录页

原创 react+antd，实现Tree组件的hover显示编辑删除、长字符隐藏功能、以及选中项拉通功能

原创 react+antd使用dayjs将时间戳对象转为可读格式“YYYY-MM-DD”

原创 react阻止用户通过浏览器的后退按钮离开当前页面&阻止浏览器后退。

原创 react+antd的web端项目嵌套使用antd mobile的组件，实现Datepicker适用于移动设备

原创如何修复react项目的零渲染问题，页面出现‘0’或者‘00’

原创使用VScode编写，使用uniapp框架的支付宝小程序如何在开发者工具启动，查看

原创 react+antd的RangePicker日期选择器实现只选择一天内或者7天内的时间的方法

原创 uni-app uni-ui 微信小程序 uni-datetime-picker 时间选择组件设置start和end属性，实现时间选择限制

原创 react的虚拟dom

空空如也

空空如也