全栈最容易上手的UI框架,从界面到图表

说到PC端UI,先来介绍,我认为比较好用的通用性强的,开源模块化前端 UI 框架-layui

首先是容易使用,有自己的官网,起码官网UI就是用layui 开发的,文档实例齐全,功能什么的基本能满足要求,拿来即用,开发小型项目,公司管理网站什么的拿来即用,基本上查资料不用去百度。不足之处是对移动端我感觉兼容性不是很好。而且商业要收费好像是¥2400送IM源码(IM也还行可用)。

如果是移动+PC端当然还是使用bootstrap更好。作为老牌子的UI,稳定性好,作为开发者,如果用的开源UI的话,基本上都会用到,而且扩展性强,有很多丰富的插件和组件,而且bootstrap未对CSS做个性化处理,所有在定制化开发时,或引入其它CSS时,经常会出现CSS覆盖问题。Bootstrap框架设计使得HTML不再是语义及表现和内容分离的,最终会导致一堆充斥着class的DOM元素,不遵循最佳实践。部分开发人员会觉得相当刺眼,因为对扩展性,重用性和维护更是个挑战,而且整个bootstrap相对来说功能多所以加载速度会稍慢些,所以一般在中大型项目才用。

如果只是在移动端使用的话,比如说微信服务号那使用WeUI 就再好不过了。使用起来非常方便,没有特殊要求的话,完全可以做出APP的效果 :) 。这里就不再多说了,想用的可以自己百度一下。

谈到UI,必须会有图表,那我比较常用的就是ECharts和AntV | 蚂蚁数据可视化,这二个各有优势,ECharts更好上手,对图表更加齐全,而AntV更强调对数据的可视化分析,一般企业使用ECharts足够,而对于数据可视化分析其实有更好的工具(卖个关子,我以后会讲到)。有兴趣的可以去研究一下。

对于数据

还有一些比如ElementUI,iView UI,vant UI ,要结合VUE 来介绍,后面会有专门文章来说明。

我觉得做为一个全栈,研究更全面是应该的,但也要有适合自己的能快速部署的前端UI,拿来即用才使我快乐。

原文链接:,转发请注明来源!