
【从零开始封装UI组件库】
文章平均质量分 92
最终达到自己能够封装一个组件库,或者在公司内部能够对一些常用组件进行二次开发
琢鸣
记录工作学习中的方法,技巧,bug。
展开
-
【封装UI组件库系列】封装Button图标组件
上一篇我们已经封装了第一个Icon组件,接下来我们就开始封装Button组件。分析封装组件所需支持的属性与事件。原创 2023-11-28 22:57:36 · 864 阅读 · 4 评论 -
【封装UI组件库系列】封装Icon图标组件
在前端开发中,大家可能已经用过各种各样的UI组件库了,现在市面上热门的有Element-uiAnt Design等等,这些即插即用的组件库确实大大提升了开发效率,避免了很多的重复劳动,但这些组件库再怎么完善,又怎么能满足得了我们可爱的产品经理呢?所以工作中难免会需要开发公司内部的UI组件库,或者基于已有组件库进行二开。【封装UI组件库系列】文章,将从0开始--》搭建项目--》封装八大经典功能组件--》打包组件库--》将组件库发布至npm--》使用自己封装的组件库。原创 2023-11-23 22:03:34 · 1377 阅读 · 15 评论 -
【封装UI组件库系列】全局样式的定义与重置
在前端开发中,大家可能已经用过各种各样的UI组件库了,现在市面上热门的有Element-uiAnt Design等等,这些即插即用的组件库确实大大提升了开发效率,避免了很多的重复劳动,但这些组件库再怎么完善,又怎么能满足得了我们可爱的产品经理呢?所以工作中难免会需要开发公司内部的UI组件库,或者基于已有组件库进行二开。【封装UI组件库系列】文章,将从0开始--》搭建项目--》封装八大经典功能组件--》打包组件库--》将组件库发布至npm--》使用自己封装的组件库。原创 2023-11-21 21:53:19 · 737 阅读 · 16 评论 -
【封装UI组件库系列】搭建项目及准备工作
【封装UI组件库系列】文章会持续更新,将带着大家从0开始--》搭建项目--》封装八大经典功能组件--》打包组件库--》将组件库发布至npm--》最后使用自己封装的组件库。如果文中出现有瑕疵的地方各位通过评论或者私信联系我,我们一起进步!从零开始封装UI组件库完整篇。原创 2023-11-20 22:05:24 · 2351 阅读 · 23 评论