- 博客(39)
- 收藏
- 关注
原创 【Java】优雅的利用Optional进行逐层安全的解析
在Java开发的过程中,经常会遇到烦人的NullPointerException异常,本文介绍了如何利用Optional进行优雅的逐层解析。
2023-07-25 16:04:15 153
原创 【问题记录】el-input-number组件数值null显示为0的解决方案
本文介绍了如何将el-input-number默认值设置为空。
2023-04-20 11:53:34 5189 4
原创 详解在React项目中集成Redux
Redux 是一个优秀的状态容器,提供可预测化的状态管理。本文将详细讲解如何在React项目中集成Redux。
2023-03-31 10:39:31 353
原创 antd Modal组件拖动功能的一种实现方式
对于一些弹窗组件,其中一个比较高的使用场景是拖拽功能。然而如antd的Modal组件、element ui 的Dialog组件等等其他UI,自带的弹窗却原生不支持拖拽功能,却是一大遗憾。下面给出一种基于draggable组件来实现拖拽效果的一种实现方法。
2022-12-20 09:56:55 2325
原创 el-table行拖拽排序效果的实现(基于sortablejs)
ElementUI中的``Table``组件对于展示数据来说,有着不可替代的作用。但是也有一点点小缺陷,比如行不支持拖拽效果。当然我们可以借助于第三方库来实现行拖拽效果。
2022-11-10 11:38:45 1230
原创 React + Router + Antd实现多标签页功能(具体代码实现)
有不少人私信咨询关于前面一片文章《React + Router + Antd实现多标签页功能》的具体代码。现在将代码公布一下。
2022-11-08 16:59:56 1278
原创 几款常用的表单设计器解决方案
在日常前端开发中,表单可以说是最常用的一种数据录入及展示组件。如果项目里有成百上千个表单需要手动编写代码,这将极大的一笔极大的人力开支。这时候,选择一款合适的表单设计器,就显得非常重要了,不仅能极大的缩短项目开发周期,而且还能保持各个页面之间风格基本统一。
2022-11-02 11:16:20 7417
原创 Univer 预览版(原Luckysheet 2.0升级版)发布
Univer (原 Luckysheet 2.0 升级)开发预览版正式发布。
2022-09-30 16:05:42 3501 3
原创 React 18 componentDidMount重复执行两次的解决方案
这两天用create-react-app创建了一个新的React项目,在项目运行的时候,似乎有意想不到的事情发生,组件的componentDidMount方法被触发了两次。
2022-08-19 15:42:28 3748
原创 vxe-table表格自适应高度的实现方法
常用的管理系统里,常常涉及到表格自适应父组件高度,以方便用户操作。本文讲解了vxe-table组件自适应高度的两种实现方式。
2022-07-20 16:45:52 11495 1
原创 Antd Modal组件全屏的几种实现方式
接触React + Ant Design开发也有一段时间了,也已经慢慢习惯了React + Ant Design。最近开发的需求功能里,需要一个全屏弹窗的功能,类似于ElementUI里的Dialog组件fullscreen属性设置为true的效果。然后发现Ant Design的Modal组件并不支持全屏效果。
2022-05-30 09:55:17 13522 3
原创 Antd Table组件列宽的一些疑惑
前些年参与的几个项目,前端部分主要采用Vue+ElementUI进行开发。最近参与的项目,前端部分转向了React+Antd,其中关于Antd的一些疑惑着实不少。
2022-03-14 09:34:36 2491
原创 vue大数据表格解决方案的比较
关于大数据表格的比较,包含了Ant Design、Surley Vue、vxe-table、Ag Grid等框架。
2022-02-17 10:51:36 11071 5
原创 Navicat连接MySQL8.0 出现2059错误的解决方案
前言工作中一直使用的是MySql 5.6版本,想着MySQL8已经发布好几年了,本地安装个测试数据库看看,但是安装完成后,用Navicat连接,一直报2059错误,真是奇了怪了。
2022-01-21 10:24:15 756
原创 React + Antd实现动态切换主题功能之二(默认主题与暗黑色主题切换)
在前一篇文章中初步的讲解了通过ConfigProvider全局化配置prefixCls的方式来动态切换部分主题样式配置,文章中只是通过修改部分颜色(如primary颜色)来初步展示了效果,可能效果不甚理想。对于实际项目开发中,其中有一类需求比较多的就是动态切换默认(亮色)主题与暗黑色主题,在ant-design官网有一个官方的demo可以参考。
2021-12-22 08:45:50 9493 15
原创 React + Antd实现动态切换主题功能
最近去ant design官网查阅资料,发现ant design最新版本已经更新到了4.17.x,于是比较粗略的看了一下最近几个4.17.x版本的更新日志,发现4.17.0版本更新了大量内容(点击查看4.17.0版本更新日志),在这其中比较吸引我注意点一点是实现了动态主题的功能。不过点看动态主题的文档,却标明着是实验性的功能,真是一个大写的囧。。。
2021-12-07 10:07:17 3826 5
原创 MySQL忘记密码的解决方案(重置密码)
问题描述之前开发一个项目,在本地建了一个MySQL数据库,后来项目搁浅,MySQL数据库就一直躺在硬盘里。也不知道过了多久,现在需要回过头来继续开发项目,但是MySQL密码早就忘记了,尴尬⊙﹏⊙‖∣好在MySQL服务和安装目录都还在,所以尝试着按照网上的教程来重置MySQL密码。启动MySQL、并重置密码MySQL通常是通过服务来启动,不过除了服务来启动,还可以通过命令行的方式来启动。首先找到打开服务窗口,找到MySQL服务,双击查看服务详情。通过服务详情,我们可以看到实际该服务的执行命令为D
2021-12-02 09:43:25 391
原创 MySQL基于binlog进行数据还原
关于binlogMySQL的二进制binlog对于生产环境非常重要,几乎所有的DDL以及DML操作都会记录在binlog中。在实际运用中,binlog功能需要通过log_bin参数开启。通过语句show variables like 'log_bin';可以查看是否开启:mysql> show variables like 'log_bin';+---------------+-------+| Variable_name | Value |+---------------+-------+
2021-11-29 09:45:26 1382
原创 【问题记录】MySQL创建新用户后无法登陆
登录失败信息今天在数据库创建了用户名为tu01的用户,可是实际上用该用户名进行登陆的时候,一直报如下错误:ERROR 1045 (28000): Access denied for user 'tu01'@'localhost' (using password: YES)原因按照网上给出的解释,说是MySQL默认存在一个用户名为空的账户(匿名用户,用户名和密码都为空),影响了普通用户的登录。mysql> select User, Host from mysql.user;+------+-
2021-11-26 13:48:22 1095
原创 【问题记录】React使用connect后,ref.current为null
在用React开发项目的过程中,遇到一个问题,使用connect连接子组件后,父组件调用子组件方法时,提示xxxRef.current为null的错误。
2021-11-04 10:03:52 3976 1
原创 Ant-Design Table组件实现自定义空数据状态样式
写在前面几乎在所有的前端UI中,Table组件都有着不可或缺的作用,Table组件对于数据展示,有着天然的优势。Ant-Design官网上,对于Table组件,有着非常详细的API和Demo,比如自带可编辑单元格、可编辑行功能,是其他部分UI中所没有的。但是对于Table组件数据为空时的渲染样式,却没有直接的文档说明。本人之前从事Vue+ElementUI进行开发,ElementUI中Table组件,可以直接通过empty-text属性,或者slot="empty"进行配置。效果如下图:Config
2021-11-02 10:18:30 9680 2
原创 百度地图添加控件
前言百度地图默认是不带有任何控件的,只是简单的展示地图功能,如下图而百度地图控件,则是在地图容器中集成一些稍微复杂的功能。百度地图官方的控件的解释如下:控件是负责与地图交互的UI元素,百度地图API支持比例尺、缩放、定位、城市选择列表、版权,以及自定义控件。类说明百度地图所有的控件类继承与基类Control,Control是所有控件的基类,可以通过此类来实现自定义控件。所有控件均包含Control类的属性、方法和事件。百度地图默认自带比例尺、缩放、定位、城市选择列表、版权这五种控件,往地图添
2021-10-19 16:54:06 2971 1
原创 Web应用集成百度地图功能
在日常开发中,碰到有些功能是显示地图并在地图上面标记,目前在国内,做的比较好的地图服务商有百度地图、高德地图以及腾讯地图,而且中百度地图算是其中比较流行的一家地图服务商。下面将平时日常开发中遇到的百度地图开发相关的问题记录一下,以便日后查阅。...
2021-09-17 14:36:35 457
原创 Promise讲解及应用(并行调用、串行调用及使用Array.reduce进行链式调用)
Promise 是什么ECMAscript 6 原生提供了 Promise 对象。MDN上关于Promise是这么解释的:Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。Promise 状态一个Promise通常有以下几种状态pending(待定):初始状态,既不是成功也不是失败。fulfilled(已兑现、成功):操作成功。rejected(已拒绝、失败):操作失败。待定pending状态的 Promise 对象要么会通过一个值被兑现(fulfilled)
2021-08-06 10:37:59 1432
原创 React与Vue中的组件间方法调用的异同
写在前面近期刚开始接触React这一前端开发框架,对React有些机制不是很熟悉,因此在开发过程中走了不少弯路。之前一直接触的是Vue方面的开发,对于Vue来说相对比较熟悉,在学习React过程中总是有意无意的将两者进行比较。今天由于自己在开发小项目过程中用到了父组件调用子组件这一比较简单的功能点,权当记录,顺便比较一下React和Vue中的差异点。Vue父组件调用子组件首先需要在子组件中定义一个需要调用的方法ChildComponent.vue:export default { name
2021-08-03 16:40:46 236
原创 React + Router + Antd实现多标签页功能
最近在学习React,并且开发一个类似于后台管理功能的前端项目,UI用的是阿里的ant design。在后台管理的项目中,其中一个比较实用的功能是多标签的模式,即点击不同菜单可以打开多个不同的Tab,并且点击Tab可以切换不同的页面内容。在传统的jsp开发的年代,比较流行的一种多标签页的实现方式是用 iframe 实现多标签功能,不过由于iframe有着性能以及兼容性问题,不过由于性能以及兼容性等问题,网页上嵌套iframe的用法逐渐被抛弃。...
2021-07-26 11:36:19 6252 2
原创 Luckysheet中打印功能的一种实现方案
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-07-05 15:39:45 4415 2
原创 Vue项目集成Monaco Editor
为什么要集成Monaco EditorMonaco Editor是微软开源的一款网页版的vscode编辑器,风格、操作方式几乎与vscode一致,Github地址:https://github.com/microsoft/monaco-editor。 由于项目中需要开发一个sql语句编辑器的功能,故采用monaco editor的解决方案。开始使用安装monaco-editornpm install monaco-editor --save集成至页面页面上添加一个div:&.
2021-05-10 14:40:21 2609 3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人