比较热门的一些前端框架

释放双眼,带上耳机,听听看~!

前端项目开发过程中,总是会引入一些UI框架,已为方便自己的使用,下面就是我经常使用和我认为不错的前端框架

Ant Design

网站链接:https://ant.design/index-cn
c-qd-20190215-4.jpg
蚂蚁金服出品,非常著名的框架。就算你不了解前端,也会在公司的项目中多少听到程序员说起过。目前很多公司都在用,已经很成熟。而且提供了对设计师友好的 Sketch 规范文件,可以直接拿来用。

Ant Design 是基于 React 开发的,并不是传统的 HTML。React 起源于 Facebook 的内部项目,现在已经成了一个很流行的开发工具。

理想的项目开发流程是,设计师和程序员一起熟悉 Ant Design 的各种样式,设计师不再随意设计,而是基于框架的基础样式进行设计创新。这样程序员在进行 UI设计稿还原的时候,能极大提高开发效率。

现在很多项目都使用了 Ant Design,一些公司在招聘 UI设计师的时候甚至会写上:了解 Ant Design 规范的优先考虑。所以这个框架建议设计师都好好看一下。

Bootstrap

网站链接:http://www.bootcss.com/
c-qd-20190215-2.jpg
Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包,是一个 CSS/HTML 框架,目前世界上的很多网站开发都使用了这个。其中的栅格理论、响应式解决方案都变成了业界的参考规范。

很多设计师在学前端的时候,都会接触到这个框架,甚至培训机构有专门的课程,所以重要性可见一斑。

Mint UI

4770884-33175b386f93f986.webp
Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。
官网:https://mint-ui.github.io/#!/zh-cn
Github: https://github.com/ElemeFE/mint-ui/

iView UI

4770884-67fed3bc8b40d199.webp
iview ui是一个强大的ui库基于vue,有很多实用的基础组件比elementui的组件更丰富,主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式 基于 npm + webpack + babel 开发,支持 ES2015 高质量、功能丰富 友好的 API ,自由灵活地使用空间。

官网地址:https://www.iviewui.com
Github: https://github.com/TalkingData/iview-weapp

layui

4770884-afc9e68f0456ebaf.webp
layui是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。
官网地址:https://www.layui.com
Github: https://github.com/sentsin/layui/

Taro UI

网站链接:https://taro-ui.aotu.io/
c-qd-20190215-3.jpg
Taro UI,一套基于 Taro 框架开发的多端UI组件库,可以在微信小程序/H5/ReactNative 等多端适配运行。京东用户体验设计部的凹凸实验室出品。

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

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

iView

网站链接:https://www.iviewui.com/
c-qd-20190215-5.jpg
一套基于 Vue.js 的高质量 UI组件库。Vue.js 是一个 JavaScriptMVVM 库,是一套构建用户界面的渐进式框架。

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

LuLu UI

网站链接:https://l-ui.com/
c-qd-20190215-6.jpg
LuLu UI,是一个基于 jQuery,针对 PC 网站,兼容 ie8、ie7 的前端 UI 框架,包含很多静态或动态 UI 组件。对设计师非常友好,只需要简单的 HTML、css 知识就能快速上手使用。

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

amaze UI

c-qd-20190215-6.jpg
Amaze UI 是一个移动优先的跨屏前端框架。提供基础样式,网格,表格、表单、按钮及常用组件样式。是一个轻量级(所有 CSS 和 JS gzip 后 100 kB 左右)、 Mobile first 的前端框架

官网地址:http://amazeui.org/
Github: https://github.com/zordius/lightncandy

MDUI

截屏2019-11-2016.48.38.png
MDUI 是一套用于开发 Material Design 网页的前端框架
适用于新手开发者,上手简单
官网地址: https://mdui.org

人已赞赏
HTML学习笔记

handsome 主题三栏改成白色

2019-11-19 12:25:00

学习笔记

Kali Linux 2019.4中文乱码解决

2019-12-10 18:00:08

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索