有些时候,你也许不需要使用UI框架

更新日期: 2022-06-08阅读: 1.1k标签: 框架

很多前端开发人员喜欢使用各种UI框架,比如bootstrap,material UI,tailwindcss等,他们希望这可以节省他们大量的时间,然而,现实却并非如此。

很多时候,人们会问我,或者让我推荐一些UI框架,但是我想说的是,对于UI框架,没有万能的,每个UI框架都有自身的优点和缺点,如果你非要找到一个万金油的UI框架,那么我推荐你放弃寻找,自己去构建自己的UI框架。


UI框架的优点

  • 可以提供更流行的,设计更好的UI组件
  • 最短时间内能提供不错的使用体验
  • 丰富的组件可以调用


流行的设计

因为很多前端开发人员没有设计背景,因此他们不想要花费很多时间来学习如何设计,他们只是想要一个已经设计好的UI框架来满足他们的页面构建需求。

但是,其实对于一个网站,设计才是灵魂,如果没有经过自己的精心设计,那些看似很精美的网站也会失去灵魂。

曾经有人说过,只有谷歌的开发者才能让材料设计的应用看起来非常漂亮,而第三方开发者使用材料设计开发出来的应用却惨不忍睹。

虽然UI组件可以给你好看的按钮,给你好看的日期选择器,给你提供分页组件,但是你仍然要学会组装它们,否则一切看起来总是那么地不协调。

良好的设计有很多无形的方面需要我们注意,比如平衡,间距和一致性之类的东西。要有效地使用组件库,我们需要将自己融入设计师的思维里面,并了解如何部署它们。

另外,无论UI库设计的有多全面,它都将永远满足用户的所有需求。每个应用程序和网站都是独一无二的,总会有特殊要求。


节省时间

很多人选择UI框架是因为他们觉得UI框架可以帮助他们节省时间。这在很多情况下是非常正确的,但是,有时候却并不是。

当你选择Bootstrap或Materiate UI之类的UI框架开发一个项目的时候,的确可以非常迅速地开发界面,并在最开始的几天取得了非常快的的进步。 但是随着时间的流逝,你将会慢慢陷入困境。你会花费大量的时间用来修改组件让它适应你的设计。因为组件总是不能满足你的所有设计需求。

我自己曾经花了整整一个下午试图从CSS框架中修改默认的样式来适应我的界面,但是最后我放弃了,因为我意识到我的修改总会影响到其它组件或者需要修改大量代码结构。

最后,我决定移除第三方UI组件,然后在很短地时间内我就调整好了样式。

编写自己的样式库对我来说有点像编写测试:起初有点慢,但是早期的努力都会有所回报。 从长远来看,这将节省大量时间,精力和挫败感。


可用性和可访问性

人们选择UI框架其实还有一个主要原因就是构建网站的可用性和可访问性。

构建一种适合鼠标用户,键盘用户和屏幕阅读器用户的模态非常困难。

在可用性和可访问性方面,UI框架具有自己的特性,通过使用它们的确可以大大减轻工作量。

因此,当你的界面需要一些可用性和可访问性的时候,我推荐你使用一些UI组件,仅限于此。


总结

不建议使用UI框架,并不是完全抛弃UI框架,而是在适当的时候选择去使用它们。任何工具都有自己的最适合的场景,如果我们没有掌握工具的使用方法,就拿来使用的话,我们一定会犯错误。

如果你做的界面更多的是后端展示操作界面,那么UI框架将会是非常适合的选择,否则对于设计师设计的网页,自己动手去写样式可能会更好。

来自:https://www.toutiao.com/article/7106414673385275937/

链接: https://fly63.com/article/detial/11682

Angular、Vue、React 和前端的未来

越来越多的人开始站队 Angular、Vue、React,仅仅围绕这些库或者框架进行前端技术讨论,这实在不是什么好的现象。其实我想基于我个人的经验聊下前端的演进和未来,希望可以贡献微薄的力量,消除一些我个人认为的前端社区不太好的风气。

JavaScript 框架的探索与变迁

近几年可谓是 JavaScript 的大爆炸纪元,各种框架类库层出不穷,它们给前端带来一个又一个的新思想。从以前我们用的 jQuery 直接操作 DOM,到 BackboneJS、Dojo 提供监听器的形式,在到 Ember.js、AngularJS 数据绑定的理念,再到现在的 React、Vue 虚拟 DOM 的思想。

新框架(新工具,语言)从入门到精通的正确姿势

新框架(新工具,语言),一、了解概念,把握思路,二、迅速实战,见招拆招,三、深入文档,求人不如求己,四、掌握原理,有恃无恐,五、源码分析,自立门户。如果你已经熟悉一门计算机语言,当再学习其他语言的时候,会发现他们几乎是大同小异,对比着学习,会令你事半功倍。

现代 js 框架存在的根本原因

我曾见过很多很多人盲目地使用(前端)框架,如 React,Angular 或 Vue等等。这些框架提供了许多有意思的东西:它们支持组件化;它们有强大的社区支持;它们有很多(基于框架的)第三方库来解决问题;它们有很多(很好的)第三方组件;它们有浏览器扩展工具来帮助调试;它们适合做单页应用。

Uber开源Fusion.js:一个基于插件架构的通用Web框架

Web 技术变化得很快,而最佳技术实践也在不断发展。Uber 的 Web 平台团队开发了 Fusion.js,一个开源的 Web 框架,用于简化 Web 开发,并构建出高性能的轻量级 Web 应用程序。

web前端框架选择_前端框架是解药还是毒药?

要使用现代的前端框架,你需要下载开发环境和依赖,编译代码,然后在浏览器上运行。这个是好是坏?究竟是什么导致了这种不必要的复杂性?是因为我们构建的网站太复杂,还是因为框架本身就很复杂?

前端框架选型

有一个流传较广的笑话,一个人在stackoverflow中提了一个问题,如何使用javascript实现一个数字与另外一个数字相加。最高票回答是你应该使用jQuery插件,jQuery插件可以做任何事情。 历史总是在重演,以前是jQuery,现在可能是react或vue。不同的框架有不同的应用场景,杀鸡不要用牛刀

基于wsgiref模块DIY一个web框架

Web框架(Web framework)是一种开发框架,用来支持动态网站、网络应用和网络服务的开发。这大多数的web框架提供了一套开发和部署网站的方式,也为web行为提供了一套通用的方法

Ionic 框架宣布 2019 年将正式支持 Vue 和 React

Ionic 是一个高级的 HTML5 移动端应用框架,也是一个开发混合移动应用的前端框架,旨在让 Web 开发者更轻松地构建、测试、部署和监控跨平台应用。Ionic 基于 Angular 语法,之前一直不支持 Vue 和 React 。

Nancy_轻量级的Web框架

最近想找一个简单的.Net下的轻量级Web框架,作为用户的本地的一个WebServer,实现同浏览器程序的一些简单交互,并调用本地服务,实现类似浏览器插件的功能。它有如下几点要求:

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!