Ant Design前端ui框架挺好用的,它的维护公司是蚂蚁金服,它主要集成于react前端框架,再说一个vue框架中不错的ui框架就是iview,iview这个是国外开源组织在维护,等后期的时候给大家说下iview框架的使用
前一段时间刚开始接触ant design框架的时候,感觉想要什么组件都可以在手册中找到,还是比较健全和完善的,对于我们开发项目使用来说真是是要省不少时间来写这些组件
首先要说下它的布局,它支持栅格,也支持flex布局,在大家比较熟悉的bootstrap框架中都还没有flex布局,所以呢这个是它值得使用的一个亮点
还有一个就是用它写界面感觉要美观很多,由其是大家常用的比较时间控件、点赞组件、模态框组件、表单组件,都是封装的比较好,对于我们开发者来说基本上省去了好多开发的时间,比如表单,官方给的例子中都进行了各种验证,我们只需要按这种规则写就好了……
遇到的一些小问题
那么我来说下用这个ui框架我遇到的一些问题,首先我们看到这个框架是不需要通读它的,你只需要用到什么组件了,然后在找,它的手册相当于一个字典,不会的就查查手册中有没有我们需要的组件就可以了
第二个在用模态框组件的时候,子组件点击一个事件,父组件进行取消模态框,其实比较简单只需要调用父模态框给我们提供的一个方法就可以了
还有遇到一个问题就是组件间共享一些数据的时候,后来查了一些资料才知道知道有redux扩展,这个扩展共享数据还是不错的在开发项目使用的时候,不过大多数情况下是用不上的,除非有一些非常特别的业务情况可能需要用到
在开发的时候如果你一个业务场景特别需要修改很多数据的时候,你可以在父组件中添加多个方法,子组件中进行调用就可以
Ant Design框架是非常便利的,只要大家把组件间通信做好,写的代码别太啰嗦,对于后期维护或者是升级都是非常方便的
领取专属 10元无门槛券
私享最新 技术干货