- 博客(7)
- 收藏
- 关注
RSS订阅原创 字典助力前端开发的必要性和各步骤实现(组件库系列~七)
在开发各类后台管理系统时，我们不可避免地会涉及到大量表单和表格的处理。这些表单和表格内部通常包含各种基础或类型数据选项，如性别、状态和进度等。为了方便存储，在后端我们会使用数字或字符串来代替这些选项（例如男性为1，女性为0，未知性别为2）。因此，在传输和接收数据时，我们需要使用数字或字符串。但是在页面中展示时，我们又需要将这些数字或字符串转换为汉字，这通常需要大量且重复的代码。
2023-05-29 16:09:56
1174
2
原创 form-item组件封装细讲下(组件库系列~六)
在前两篇文章中，我们已经成功地对form-item组件进行了基本的封装，现在可以在项目中进行使用了。然而，在同一个form表单中，不同表单项的label字段长度有很大差别，比如“姓名”和“身份证号码”。通常情况下，我们会根据最长的文字长度来设定整体的，但这种做法效果并不理想。今天，我们来分享一下如何实现自动设置的方法。通过以上的一些操作处理方法，这样我们就做到了对每一个label-width的自定义设置了。
2023-05-29 13:16:47
732
7
原创 form-item组件封装细讲中(组件库系列~五)
上一篇文章中我们聊到了form-item组件的dom结构处理和异常情况slot的插入处理。我们今天来聊一下关于form-item组件布局的实现和注意事项在实际的开发中，form最常见的应用场景有新增、编辑的提交表单，还有列表的查询表单。这类型的表单在后台系统开发中多如牛毛。而针对这些表单不同的展现形式，我们可能需要在其中花费掉大量的样式布局开发时间，所以组件中期望能够将这些功能全部内聚，通过参数就可以简单的控制。
2023-05-22 20:03:36
1436
2
原创 form-item组件封装细讲上(组件库系列~四)
今天我们来聊一聊form表单组件。市面上开源的form表单组件，写法基本上千篇一律，一个form组件内部跟上一大堆的form-item组件，内嵌了select、radio、checkbox之类的这些就不停的需要去写遍历，需要布局的时候写上一堆的class.一个form组件稍微大一点的就朝100-200行甚至更多去了。不方便维护而且看起来头晕，不符合vue的数据驱动视图的概念。基于以上问题遂对form-item组件进行了二次封装，至于为什么不是对form表单进行二次封装，请往下看。
2023-05-18 20:33:21
4261
2
原创 项目中自定义配置影响组件库怎么做（组件库系列三）
在HC-Basic介绍和使用指南（组件库系列二）中有描述到通过传入自定义参数进行对组件库组件的一个自定义。这样的操作主要是为了增加组件库的扩展性和高适应性，尽可能的满足更多的实际场景。
2023-05-18 13:58:24
208
1
原创 HC-Basic介绍和使用指南（组件库系列二）
基于VUE + Element UI搭建的basic npm 包， 降低项目搭建、开发成本；对element UI内组件进行二次封装，降低组件使用难度；数组、对象、存储、日期等项目开发常用函数集合，并且所有方法已挂载到 VUE 原型上；公共基础样式封装，主题配置等功能公共组件二次封装和继承elementUI的部分组件讲组件库的使用不是推荐各位使用我的私有组件库，而且从先从使用层出发才能更好的了解我对整个组件库封装的思路
2023-05-18 11:50:41
502
8
原创 谈一谈前端私有组件库的必要性（组件库系列一）
工作多年遇到各种各样的项目，往往在固定的岗位或者说固定的业务部门，同类型的项目出现的频率极高。很多同学对于组件库这个概念更多的使用场景，可能是拿到开源的一些组件库开箱即用。如PC端的ElementUI、Ant-design、移动端的vant之类的。这些开源的组件库能够很大程度的满足页面开发的需求，组件库没有兼顾的到的组件可能通过搜索引擎查一下对应的插件，引入进来使用即可。今天我是想和大家聊一聊建立自己私有组件库的一个必要性。
2023-05-17 17:57:00
1123
15
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人