ui框架

开源项目下载地址 vue-element-admin https://github.com/PanJiaChen/vue-element-admin 1.pc端的项目，最好的选择是ElementUI。（pc端） 　　一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。Element是饿了么前端开源维护的Vue UI组件库，更新频率还是很高的，基本一周到半个月都会发布一个新版本。组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，例子也很丰富。没有实际使用过，网上的Element教程和文章比较多。Element应该是一个质量比较高的Vue UI组件库。目前 star值36K; 　　 官网地址： http://element-cn.eleme.io/#/zh-CN 　　github地址：https://github.com/ElemeFE/element 2.iview组件库(pc端) 　　iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。iView的组件还是比较齐全的，更新也很快，文档写得很详细。有公司团队维护，比较可靠的Vue UI组件框架。iView生态也做得很好，还有开源了一个iView Admin，做后台非常方便。官网上介绍，iView已经应用在TalkingData、阿里巴巴、百度、腾讯、今日头条、京东

微信公众号开发，主要是移动端网页的页面开发，在这里推荐3个移动端UI框架：WeUI、SUI和Mint UI。 1. WeUI 1.1 WeUI WeUI是微信官方设计团队为微信 Web 开发量身设计，可以令用户在HTML5应用中的使用感知更加统一。 组件包含button、cell、dialog、 progress, toast、article、icon等等。 资源 官方Demo ： https://weui.io/ Github ： https://Github.com/weui/weui (★13402) js支撑 ： weui.js 缺点 ：缺少高级组件；截至目前，WeUI还未提供swiper、上拉加载、下拉刷新组件。 示例 1.2 weui.js 为WeUI的的轻量级 js 封装。提供了Alert、Confirm、Toast、Loading、ActionSheet等等交互功能。 资源 官网Demo ： https://weui.io/weui.js/ Github ： https://Github.com/weui/weui.js/ 示例 2. SUI SUI Mobile 是阿里巴巴共享业务事业部SDC团队（UED）提供的一套手机UI库。 是一套基于 Framework7 非常适合开发跨平台Web App的UI库。 组件包含下拉刷新、上拉加载、日历、省市选择器、幻灯片

第一篇技术文档 实验项目：QQ小程序 小程序界面采取colorUI的界面设计风格，并在此基础上进行样式的调整，主要是用到了微信小程序的API，因为试了用了一下发现微信的更好用，并且二者大部分都是兼容的，前端用到的有.wxml、.wxss、.js、.json几种格式的文件。 ☆☆☆借鉴已经开发好的前端界面框架，大大提高了开发效率 如图所示： 前端主要界面风格从这里借鉴 这个很方便的是，我们如果要使用某种布局，或者样式风格，可以直接定位到界面的CSS，然后将它的class直接引用过来，然后再在这个基础上做修改和完善，非常便捷，并且界面也很美观，但有时因为和自己的布局设置可能有冲突，会有一些bug出现，这个时候就建议不要用别人的代码，简单的话自己写一个，要不然改bug都会改半天，因为我们没办法改别人的代码，css都是封装好的，对用户不可见。 举个栗子： 在这里非常方便的就是使用它的扩展功能，一些动画，像这种自己写起来就非常困难，但将它的CSS直接引用过来就非常方便了，比如： 我们的界面很多都借用了这里的风格，但是尤其要注意一点： 部分组件QQ不兼容，我们一开始就没发现这一点，用了很多，在微信开发者工具上用着没问题，一移到QQ开发者工具上样式就全部消了，这点要尤其注意，所以建议用什么工具就要用什么工具检测一下。 colourUI代码我放在了github上，可以直接下载下来使用。 点击链接

作为一名做为在前端死缠烂打6年并且懒到不行的攻城士，这几年我还是阅过很多同门从知名到很知名的各种前端框架，本来想拿15-20个框架来分享一下，但在跟几个前辈讨教写文章的技巧时果断被无情的打击了，所以这里我还是低调的只拿出10个框架来个大锅乱炖来简单介绍，凑够字数也就全剧终了。 原本写这篇文章想围绕着 CSS 框架来的，但因为目前界内比较流行并遍地开花的主要还是 JS+CSS 模式的框架，并且自己靠着一点 JS 功底，就想专门针对 CSS，所以最后来个大锅乱炖都大致聊聊。下面的框架也没有什么先后顺序之分，我想到啥就写啥啦( 作为前端，我一向都这么的任性 ^_^ )。 Bootstrap 首先说 Bootstrap，估计你也猜到会先说或者一定会有这个( 呵呵了 )，这是说明它的强大之处，拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心，来让自己成长。结果受到周围各种基友的引诱开始了 Bootstrap 旅程。本人虽然是个设计+前端的万里有一的人才，但是老天只让我会用 PS 和各种设计工具却不给我跟设计妹子一样的审美，所以这也是我最初选择 Bootstrap 的原因之一，它让我做出来的东西好歹能在妹子面前装个逼，不过时间长了难免觉得 Bootstrap 美的让人烦躁， 但好在它的每个版本都会有很大的改变，不会让人觉得自己做的网站会跟很多网站撞脸

1.Vuetify优点 官方网站:https://vuetifyjs.com/zh-Hans/ 原因如下： Vuetify几乎不需要任何CSS代码，而element-ui许多布局样式需要我们来编写 Vuetify从底层构建起来的语义化组件。简单易学，容易记住。 Vuetify基于Material Design（谷歌推出的多平台设计规范），更加美观，动画效果酷炫，且风格统一 2.用法 我们重点关注 UI components 即可，里面有大量的UI组件，我们要用的时候再查看，不用现在学习，先看下有什么： 来源： https://www.cnblogs.com/luckyplj/p/11484452.html

后台管理UI的选择 目录 一、EasyUI 二、DWZ JUI 三、HUI 四、BUI 五、Ace Admin 六、Metronic 七、H+ UI 八、Admin LTE 九、INSPINIA 十、LigerUI 十一、FineUI 十二、其它UI 十三、总结 最近要做一个企业的OA系统，以前一直使用EasyUI，一切都好，但感觉有点土了，想换成现在流行的Bootstrap为基础的后台UI风格，想满足的条件应该达到如下几个： 1、美观、大方、简洁 2、兼容IE8、不考虑兼容IE6/IE7，因为现在还有很多公司在使用Win7系统，系统内置了IE8 3、能通过选项卡打开多个页面，不想做单页，iframe也没关系 4、性能好，不要太笨重 5、最好以Bootstrap为基础 6、还希望在以后别的系统中能够复用。 一次次反复纠结的选择开始了，给大家介绍下我考虑过的UI，也给大家一个参考。 一、EasyUI easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。 使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。 easyui是个完美支持HTML5网页的完整框架。 easyui节省您网页开发的时间和规模。 easyui很简单但功能强大的。 优点：轻量、功能强大、免费

.NET Core UI框架Avalonia，Avalonia是一个基于WPF XAML的跨平台UI框架，并支持多种操作系统：Windows（.NET Framework，.NET Core），Linux（GTK），MacOS，Android和iOS。 Avalonia目前处于测试阶段。 GitHub:https://github.com/AvaloniaUI/Avalonia 开发准备 VS 2017安装扩展 https://marketplace.visualstudio.com/items?itemName=AvaloniaTeam.AvaloniaforVisualStudio 然后就可以开发项目 选择 Avalonia Application ，就可以创建一个项目，默认有两个会创建两个框架.NET Framework 4.6.1和.NET Core 2.0。 在项目中可以创建 Window 和 UserControl。 示例UI项目 新建一个基础项目myapp，将MainWindow.xaml 添加几个按钮，就是WPF XAML 的语法，直接可以实现对应布局。 <Window xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title=

如题只是‘一些前端ui框架’，排名不分先后，仅做参考。 兼容ie8+ layui （谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。 Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包，是一个 CSS/HTML 框架，目前世界上的很多网站开发都使用了这个。其中的栅格理论、响应式解决方案都变成了业界的参考规范。 🛠📌🎯🏹：最新的bs4已不支持ie9， we support Internet Explorer 10-11 / Microsoft Edge. Nerv 是一个基于 Virtual DOM 的类 React 组件框架， 是京东的 凹凸实验室 开发维护。 兼容ie9+ Ant Design ： Ant Design of React （ antd ）是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。 Ant Design of Vue 是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。 Ant Design of Angular 是 Ant Design 的 Angular

2.1 EasyUI easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。 使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。 easyui是个完美支持HTML5网页的完整框架。 easyui节省您网页开发的时间和规模。 easyui很简单但功能强大的。 2.2 Bootstrap 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。 2.3 jQuery UI jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器，jQuery UI 都是一个完美的选择。 jQuery UI 包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用相同的模式，所以，只要您学会使用其中一个，您就知道如何使用其他的小部件（Widget）。 2.4 SUI SUI 是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。 通过SUI，可以非常方便的设计和实现精美的页面。 2.5 ZUI 一个基于 Bootstrap

快速增长的APP应用软件市场，以及智能手机的普及，手机应用：Native（原生）APP快速占领了APP市场，成为了APP开发的主流，但其平台的不通用性，开发成本高，多版本开发等问题，一直困扰着专业APP开发企业，和APP服务提供商。 安卓和IOS的操作方式，开发模式，界面UI显示方面的差别，也使得原生APP的不同版本体验有很大的区别，光是做兼容性调测，都要花费开发企业不少的时间。 近年来，另一种应用形态——基于HTML5技术的Web App也如雨后春笋般出现，于是关于原生APP与HTML5 APP 谁将成为未来的王者，APP开发者们一直争论不休。 html5最主要的优势： 1、一套HTML5 APP 即可同时适用安卓及IOS平台，甚至WP平台，适配性和统一体验较好。 2、版本服务器端更新，用户永远看到的都是最新的APP端信息。 3、手机客户端及存储数据较少，节约用户手机空间 4、技术难度较低，开发工作量小，开发成本低。 **局限性：** 用户体验大幅落后于原生APP，操作的流畅度，程序的执行效率，与原生APP都有较大差距；HTML5 APP 受网速的影响较大，在网络情况较差的情况下，HTML5 APP 往往连打开都困难，而原生程序，基本都能顺利打开运行（只是速度较慢）。 因公司项目需求，近端时间研究html5 app开发框架，发现有很多，查资料总结下。