你应该知道的，2019最流行的10个前端框架

前言：

vue.js react.js angular.js 三款JavaScript 框架想必大家都耳熟能详而且网上的介绍也比较多，但是作为一个好的前端开发工程师，只会js开发框架是远远不够的，同样，前端ui框架也很重要，毕竟咱们前端工程师是最接近用户的程序员，做出来的东西必须保证美观性，如果自己从头写组件的话那工作量海了去了，而且效率也不高。那么如何保证既美观又有效率呢？今天web前端控就给大家介绍10款2019年最流行的前端ui框架，让你的界面美观性提升一个档次。

Ant Design

网站链接：https://ant.design/index-cn

蚂蚁金服出品，非常著名的框架。目前很多公司都在用，已经很成熟。也是我目前用的最多的ui框架，react + ant design + dva + umi 个人认为是比较好的实践。

Bootstrap

网站链接：http://www.bootcss.com/

Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包，是一个 CSS/HTML 框架，目前世界上的很多网站开发都使用了这个。其中的栅格理论、响应式解决方案都变成了业界的参考规范。

Taro UI

网站链接：https://taro-ui.aotu.io/

Taro UI，一套基于 Taro 框架开发的多端UI组件库，可以在微信小程序/H5/ReactNative 等多端适配运行。京东用户体验设计部的凹凸实验室出品。

现在一个产品要求在 iOS、安卓、小程序、h5 等多端运行，针对不同的客户端开发不同的代码会产生巨大的成本，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

使用 Taro，就可以只写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码，节约成本。

iView

网站链接：https://www.iviewui.com/

一套基于 Vue.js 的高质量 UI组件库。Vue.js 是一个 JavaScriptMVVM 库，是一套构建用户界面的渐进式框架。

在网站中可以看到数量众多的 UI组件和对应代码，本质上和我们制作 UI规范是一样的。

LuLu UI

网站链接：https://l-ui.com/

LuLu UI，是一个基于 jQuery，针对 PC 网站，兼容 ie8、ie7 的前端 UI 框架，包含很多静态或动态 UI 组件。对设计师非常友好，只需要简单的 html、css 知识就能快速上手使用。

区别于 Ant design 面向中后台开发，LuLu UI 非常适合面向外部用户的网站开发。会简单的 HTML 和 jQuery 就可以上手了，不像一些流行框架，需要较多的学习成本。

QMUI

网站链接：https://qmuiteam.com/

QMUI，腾讯出品，分为 Web、iOS、安卓三个端，都有相应的 dome 下载安装，设计师可以下载安卓和 iOS 应用，经常看看里面的组件，熟悉后，和技术的协作会更有效率。

Element

网站链接：http://element-cn.eleme.io/#/zh-CN

饿了么出品，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，很适合开发后台产品。有意思的是里面的默认图文数据很多都是食物……

Fusion Design

网站链接：https://fusion.design/

阿里推出的一个适合设计、技术共同使用的设计规范框架。基本目的也是为了让设计师在一个标准框架内设计界面，同时也提供了 Sketch 插件，让设计的组件直接转化为代码，技术直接调用。

WeUI

网站链接：https://weui.io/

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。

这个小巧的框架提供了微信页面常用的组件，我们在设计微信风格的项目时，可以参考使用。

Framework 7

网站链接：http://www.framework7.cn/

一个简单、免费的 HTML 框架，主要用来构建移动端 web 应用，分为 iOS 和安卓两种风格。

其本身的结构非常简单，使用了最基础的 html、css 和 js 构建，很容易上手使用。也可以用来作为原型开发工具，迅速创建一个应用的原型。

总结

此外还有很多其他的前端框架，会有一定的学习成本，小伙伴们不妨先熟练运用其中的2-3个，有了使用框架的经验再去学习别的框架就会得心应手很多。