欢迎光临散文网 会员登陆 & 注册

正确使用UI组件库思维

2022-06-28 22:04 作者:布依前端  | 我要投稿

哈喽,大家好,好久不见,我是布衣前端,就干前端这件事儿。

随着前端架构日新月异的突飞猛进,出现了很多优秀的前端框架,国内vuejs首当其冲,在前端可谓是领军神话般的存在,当然这不是口说无凭。学习前端框架,用实时数据说话,看完了这组数据,你一定有所顿悟和感慨。评论区走一波,谢谢!!!

vuejs当前GitHub各项数据
reactjs当前GitHub各项数据

看到上面两幅图片,学习前端的小伙伴有什么想法吗?正在学习前端的小伙伴,心里有没有方向呢?除了到机构培训的朋友,自学前端的小伙伴一定要注意了,前端框架,没有先学谁,后学谁的说词,因为它们各有优势,平分秋色。也别问别人学前端学那个框架技术栈好就业这种没有质量的问题。所有问题的答案都源自本身的能力,即是别人回答了也是客观的,因为每个人的学习能力不一样,接受能力不一样。要是要学的东西都听从他人建议,那么除了会迷茫,剩下的就只有绝望了。

自学前端的主要依据是:

  1. 根据自己能力学习前端框架

  2. 根据企业招聘要求学前端框架

  3. 根据自己接受能力研究框架底层实现模式

以上均为个人意见,仅供参考。不喜勿喷。

感觉跑题了,言归正传。

如何正确使用前端的UI组件库,比如现在很火爆的elementui系列,iview,ant-design等等。其实啊,作为前端工程师,对于UI组件库,应该是很简单的事情,就像点外卖一样,开箱即吃。要是这样停留在只会用UI组件库的层面,那么注定水平不高,换句话说,不适合做前端工作。劝退!

相信很多前端小伙伴,当然资深老司机除外哈,在使用这些UI组件库的时候都会遇到同一个问题,为什么这个UI组件库没有我想要的效果UI组件啊?做得真差劲,差评,有这种情况的小伙伴评论区666走一波。谢谢!

其实,当你心里有这个疑问的时候,说明对UI组件库真的只是会用,就更别提了解、扩展和掌握了。因为每个UI组件库都是建立在通用UI组件库层面进行设计和发布的,前端实际开发中,往往有很多特殊的产品需求和特殊的UI交互组件,所以才会出现UI组件库很好,但是不能满足项目开发的全部需求。当然UI组件库有的效果也是差强人意,甚至看着都想自己写一个。为了解决UI组件库和实现项目需求的鸿沟问题。这里给一些正确使用UI组件库的建议。

  1. 学习掌握UI组件库另一把钥匙,即是slot(插槽),因为很多UI组件都有预留有插槽,它能很好地解决组件自定义问题,当普通的UI组件不能满足业务时,一定要启用插槽来自定义ui组件以满足特殊的业务场景。【扩展UI】

  2. 学习UI组件库的数据绑定,数据更新,参数传递方式,特殊值处理,都是有助于学习成长的秘方。【学习UI】

  3. 当UI组件没有类似组件或者无法通过slot满足前端业务需求时,就可以自己自定义UI组件了。这时就是可以模仿UI组件实现思路的时候,也是大显身手的时候。【自定义UI】

以上就是布衣 前端分享的关于正确使用UI组件库的一个完整思路,希望能够帮助到小伙伴们。

如果你有更好的建议,请在评论区留言,帮助更多的前端伙伴,少走弯路,在前端开发的路上互帮互助,共同成长。


正确使用UI组件库思维的评论 (共 条)

分享到微博请遵守国家法律