前言

先预祝大家新年好！！！

这篇文章中，我将会分析传统UI框架的优缺点。并说明，我作为一个独立开发者为何放弃使用这些框架，并使用了我自己的方案：无样式UI框架+简单易用的css框架+用户体验和UI体验常识。最后，给我的这些方案实现过程中的学习资源和方案。

各位读者要是觉得我的文章对你有一点点帮助的话，麻烦点赞收藏，写作不易，你的支持就是我更新的动力。谢谢！！

我与这些框架的故事

多年以前，当我还是个大三学生的时候。我第一次使用了Bootstrap框架。当时对我来说是一个巨大的冲击，因为这个框架让我的界面变得优雅，好看，甚至同学们都赞赏我界面做得十分之好。

疫情发生前，我为了找工作，学习使用了Ant Design。这个框架更上了一个层次，不仅仅好看，而且好用，加速了我开发界面和功能的速度。

但是，当我工作后。我发现了，我大部分的时候都要修改组件库的样式，来还原设计稿件。相信刚刚工作的新手都有这方面的痛苦，有时候为了将组件适配到新的样式，我们花的时间可能比新写一套样式还要久。但是让我从头开始写一个组件，我又觉得效率太低，因为重写一个ui框架不仅仅要重写其样式，还要实现许多JavaScript实现的功能。这样是效率太低，让我很痛苦。

后来，我决定做自己的产品了。我经过一番调研后，我下定决心抛弃之前我使用的这些类型的UI框架。下文我将给我不再使用这些类型框架的理由，还是我将使用新的开发方案。

为什么我决定不使用传统UI框架了

在我说明我不使用这些ui框架的原因，我先说一下它们的优点，然后详细说明我使用的原因。

优点

预先设定的设计：这些框架一般都有着十分良好的设计，好看的界面。新手或者没有设计师团队的开发朋友，喜欢使用这种框架，因为直接使用，就能获得很好的效果。
丰富的功能：这些组件库往往有一些高级特性，更好的是，这样特性经过测试，并且是可以配置的。这节省了我们大量的开发时间。
可用性和易用性：比较大型的框架，往往有资源去关注可用性和易用性，对不方便的人士比较友好。

缺点

总得来说，这些框架为我们做出了选择，有时候有些选择可以通过配置进行改变，但是大部分时候不会。这是它对喜欢高效开发人员来说好用的关键，但是对现在的我来说，这还不尽完美。

预先设定的设计：这意味着无法应对用户体验设计师的设计方案，当然大家可以相互做出妥协，但是你知道的妥协往往是平庸的开始。
丰富的功能：这导致了文档中往往有一大堆配置，你必须阅读大量的文档，才能用起这些功能。当然这也是我们工作的一部分。但是那些很久都没有修复的issue，那些bug，某些时候不经意的彩蛋，带来了不少问题。但是无可否认，这些丰富的功能给我们带来了很大的便利。
可用性和易用性：这个是很棒的一部分，在我的新方案中我将会保留。