Frozen UI

昨天有个同事问我有没有可以直接上手的前端UI框架。 那今天就给大家推荐6个简单、视觉体验好的前端框架 没吃过猪肉，肯定见过猪跑！ Jquery Mobile demo地址： https://demos.jquerymobile.com/1.1.0/ 教程地址: https://www.codesocang.com/jquerymobile/jquerymobile/7/index.html 这个应该是最简单的，能够快速上手了！ jQuery Mobile 还发布一个完整统一的jQuery移动 UI组件。支持全球主流的移动平台。 部件是功能丰富，有状态的插件。随着方法和事件，有一个完整的生命周期。 如果想5分钟就能直接上手的，Jquery Mobile首当其冲！ ColorUI github地址： https://github.com/weilanwl/ColorUI 官网地址： https://www.color-ui.com/ 鲜亮的高饱和色彩，专注视觉的小程序组件库 ColorUI 是小程序组件库，但不是纯样式库。由于WeUI有些淡雅，可能不合某些时尚公司的风格，因此 ColorUI 也有庞大的追捧者。 github上标星高达8.8k 相信你肯定有用过使用ColorUI的小程序 如果要开发小程序，这款开源框架是一个不错的选择。 Material material

昨天有个同事问我有没有可以直接上手的前端UI框架。 那今天就给大家推荐6个简单、视觉体验好的前端框架 没吃过猪肉，肯定见过猪跑！ Jquery Mobile demo地址： https://demos.jquerymobile.com/1.1.0/ 教程地址: https://www.codesocang.com/jquerymobile/jquerymobile/7/index.html 这个应该是最简单的，能够快速上手了！ jQuery Mobile 还发布一个完整统一的jQuery移动 UI组件。支持全球主流的移动平台。 部件是功能丰富，有状态的插件。随着方法和事件，有一个完整的生命周期。 如果想5分钟就能直接上手的，Jquery Mobile首当其冲！ ColorUI github地址： https://github.com/weilanwl/ColorUI 官网地址： https://www.color-ui.com/ 鲜亮的高饱和色彩，专注视觉的小程序组件库 ColorUI 是小程序组件库，但不是纯样式库。由于WeUI有些淡雅，可能不合某些时尚公司的风格，因此 ColorUI 也有庞大的追捧者。 github上标星高达8.8k 相信你肯定有用过使用ColorUI的小程序 如果要开发小程序，这款开源框架是一个不错的选择。 Material material

【推荐阅读】微服务还能火多久？>>> 最近需要一些前端框架,于是在网上整理了一些感觉不错的前端框架,有pc端和移动端,为了方便日后自己先记录下来了... Bootstrap 首先说 Bootstrap，估计你也猜到会先说或者一定会有这个( 呵呵了 )，这是说明它的强大之处，拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心，来让自己成长。结果受到周围各种基友的引诱开始了 Bootstrap 旅程。本人虽然是个设计+前端的万里有一的人才，但是老天只让我会用 PS 和各种设计工具却不给我跟设计妹子一样的审美，所以这也是我最初选择 Bootstrap 的原因之一，它让我做出来的东西好歹能在妹子面前装个逼，不过时间长了难免觉得 Bootstrap 美的让人烦躁， 但好在它的每个版本都会有很大的改变，不会让人觉得自己做的网站会跟很多网站撞脸。Bootstrap 的用法及其简单( 这也可能就是 Bootstrap 作者阅攻城士无数，了解他们痛的结果 )，以至于是个小前端都可以快速上手，几乎没什么学习成本。 官网： http://getbootstrap.com/ Github： https://github.com/twbs/bootstrap/ 作者：Mark Otto 和Jacob Thornton Star：93,112 总结：Bootstrap

一、工具 前端工具库： http://www.w3cfuns.com/tools.php DCloud - HBuilder : http://www.dcloud.io Webstorm： http://www.jetbrains.com/webstorm/ easyicon图标： http://www.easyicon.net/ 阿里巴巴矢量图标库： http://www.iconfont.cn/ 二、框架 MUI-最接近原生APP体验的高性能前端框架： 网址： http://dev.dcloud.net.cn/mui/ ZUI ( 一个基于Bootstrap深度定制开源前端实践方案，帮助你快速构现代跨屏应用)： 官网： http://zui.sexy/ **H-ui 前端框架 （适合中国网站）： ** 官网： http://www.h-ui.net/index.shtml oschina： http://www.oschina.net/p/h-ui/similar_projects?lang=0&sort=time&p=1 amazeui （中国首个跨Html 5 前端框架）： 官网： http://amazeui.org/?_ver=2.x Bootstrap （是最受欢迎的HTML、CSS和JS kaungjia , 用于开发响应时布局，移动设备有限的WEB项目）： 官网

作为一个前端人员来说，总结几款相对来说不错的用于移动端开发的UI框架是非常必要的，以下几种移动端UI框架就能基本满足工作中开发需要，根据项目需求，选用合适的框架搭建项目，更能容易提高开发效率。 一、MUI 最接近原生APP体验的高性能前端框架，追求性能体验，是我们开始启动MUI项目的首要目标，轻量必然是重要特征 MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K，鉴于之前的很多前端框架（特别是响应式布局的框架），UI控件看起来太像网页，没有原生感觉，因此追求原生UI感觉也是我们的重要目标，MUI以iOS平台UI为基础，补充部分Android平台特有的UI控件 官方链接： http://dev.dcloud.net.cn/mui/ 二、Frozen UI 由腾讯团队开发，适用于使用手Q规范设计的Web页面，而针对非手Q规范的页面，可通过修改变量定制界面主题。可以按需选择需要的组件，也可以采用cdn和combo的方式按需加载。使用iconfont展示图标，包含了按钮，列表，表单，提示，弹窗等常用组件，新增文本，布局，1px， rem，文字截断，占位，两端留白，两端对齐等解决方案，同时解决了 移动端屏幕适配 问题。CSS使用模块化的样式命名和组织规范，使用sass编写css代码。 官方链接： http://frozenui.github.io/ 三、Amaze