首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ant design框架的应用

Ant Design前端ui框架挺好用的,它的维护公司是蚂蚁金服,它主要集成于react前端框架,再说一个vue框架中不错的ui框架就是iview,iview这个是国外开源组织在维护,等后期的时候给大家说下iview框架的使用

前一段时间刚开始接触ant design框架的时候,感觉想要什么组件都可以在手册中找到,还是比较健全和完善的,对于我们开发项目使用来说真是是要省不少时间来写这些组件

首先要说下它的布局,它支持栅格,也支持flex布局,在大家比较熟悉的bootstrap框架中都还没有flex布局,所以呢这个是它值得使用的一个亮点

还有一个就是用它写界面感觉要美观很多,由其是大家常用的比较时间控件、点赞组件、模态框组件、表单组件,都是封装的比较好,对于我们开发者来说基本上省去了好多开发的时间,比如表单,官方给的例子中都进行了各种验证,我们只需要按这种规则写就好了……

遇到的一些小问题

那么我来说下用这个ui框架我遇到的一些问题,首先我们看到这个框架是不需要通读它的,你只需要用到什么组件了,然后在找,它的手册相当于一个字典,不会的就查查手册中有没有我们需要的组件就可以了

第二个在用模态框组件的时候,子组件点击一个事件,父组件进行取消模态框,其实比较简单只需要调用父模态框给我们提供的一个方法就可以了

还有遇到一个问题就是组件间共享一些数据的时候,后来查了一些资料才知道知道有redux扩展,这个扩展共享数据还是不错的在开发项目使用的时候,不过大多数情况下是用不上的,除非有一些非常特别的业务情况可能需要用到

在开发的时候如果你一个业务场景特别需要修改很多数据的时候,你可以在父组件中添加多个方法,子组件中进行调用就可以

Ant Design框架是非常便利的,只要大家把组件间通信做好,写的代码别太啰嗦,对于后期维护或者是升级都是非常方便的

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180114G0I07900?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券