全栈最容易上手的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，拿来即用才使我快乐。