摘要： 上传文件也是我们在实际开发中常遇到的功能，比如上传产品图片以供更好地宣传我们的产品，上传excel文档以便于更好地展示更多的产品信息，上传zip文件以便于更好地收集一些资料信息等等。至于为何要把上传组件封装成一个公共的、可复用的组件，在前两篇文章封装react antd的form表单组件、封装react antd的表格table组件中已经作了很多介绍，这里不再赘述。 阅读全文

摘要： form表单在我们日常的开发过程中被使用到的概率还是很大的，比如包含了登录、注册、修改个人信息、新增修改业务数据等的公司内部管理系统。而在使用时这些表单的样式如高度、上下边距、边框、圆角、阴影、高亮等等都大同小异、大差不差且表单的功能基本相似，所以很有必要对这些表单来一个简单的封装。其实，封装组件的意义我们在上一篇封装react antd的表格table组件中已经介绍过了，这里不再做过多的描述了。 阅读全文

摘要： 封装组件是为了能在开发过程中高度复用功能和样式相似的组件，以便我们只关注于业务逻辑层的处理，提高开发效率，提高逼格，降低代码重复率，降低劳动时间，减少加班的可能。本次组件的封装采用了函数式组件即无状态组件的方式来提高页面渲染性能，由于无状态组件在数据变更后不会主动触发页面的重新渲染，所以本次的封装也用到了React Hooks。 阅读全文

摘要： Element自身是有一个Transfer穿梭框组件的，这个组件是穿梭框结合checkbox复选框来实现的，功能比较单一，自己想实现这个功能也是很简单的，只是在项目开发中，项目排期紧，没有闲功夫来实现罢了，但这个组件只适合用来实现较为简单的左后数据添加删除的效果，复杂的一点的树结构穿梭框就复杂很多了，当然也有造好的轮子等你使用，这里推荐一个比较好用的穿梭树组件el-tree-transfer。 阅读全文

摘要： 我们在开发过程中所遇到的所有的奇奇怪怪的交互美其名曰用(奇)户(葩)体(需)验(求)，而产品所谓的良好的交互效果，在我等开发人员眼里不值一提、不屑一顾、讨厌至极！来，把标题中所提到的这个效果给实现一下吧。原理其实很简单，先得有一个选择年月的输入框吧，这里我用的是Element的DatePicker日期选择器组件，具体使用方法不多说，自己去看Element的API吧。 阅读全文

摘要： Element对话框组件Dialog在我们的实际项目开发中可以说是一个使用频率较高的组件，它能为我们展示提示的功能，如：业务模块提交前展示我们曾经输入或选择过的业务信息，或者展示列表信息中某项业务的具体列表数据；也能为我们展示一些表单操作的需求，如：个人信息的添加或编辑等。Dialog组件使用起来也很方便，稍微封装一下就是一个公共的对话框组件，显示或隐藏也可以通过它的visible属性来设置即可。 阅读全文

摘要： 目前大多数的网站都很少会出现“一个超链接被点击后改变其颜色”的需求，但也还是有一部分网站有这样的实际需求，也是为了能够让用户更容易区分哪些标题是被点击访问过了，这类需求大多在新闻类网站上很常见，比如新浪网目前还是有这样的效果的。以前也本人也碰到过这样的需求，也查过资料，说是需要按照顺序来设置a标签几个伪类的顺序。这可能也是其中的一个原因，但至少我来尝试的时候，这个解决办法貌似没有任何卵用！！！ 阅读全文

摘要： 项目开发中，各种需求都会遇到，有些需求很合理，也好实现，有些需求不能说不合理，就是太麻烦，就比如类似标题所描述这种的需求，你不能说它是不合理的需求，因为很多论坛或微博、朋友圈、QQ空间之类的这种效果还是很常见的，能让我们一眼就看到这些信息是什么时候发的，而且这些时间基本都是实时自动更新的，给人的感觉很友好。 阅读全文

摘要： 昨天，写了一篇关于圆环进度条的博客，已经烦不胜烦，今天又遇到了需要展示类似公司的组织结构图的功能需求，要冒了！！！这种需求，自己用div+css也是可以实现的，但是没有什么动画效果，我的css3又很差劲，而且项目中已经使用到了折线图、饼状图、柱状图之类的图表，用的还是百度的echarts，所以这个组织结构图之类的需求也就用了百度的echarts来实现了。 阅读全文

摘要： 数据展示，一直是各行各业乐此不疲的需求，具体到前端开发行业，则是各种各种图表数据展示，各种表格数据展示，烦不胜烦（繁不胜繁）！ 前几天刚做了折线图、柱状图、饼状图之类的图表数据展示效果，今天又碰到了类似圆环进度条的展示效果。天天跟数据打交道，天天跟接口打交道，项目做了不少，菜逼还是菜逼，都是泪啊！ 阅读全文