前端ui框架

ylbtech-Bootstrap-Other：UI 编辑器 1. 返回顶部 1、 Bootstrap UI 编辑器 以下是 15 款最好的 Bootstrap 编辑器或者是在线编辑工具。 1. Bootstrap Magic 这是一个 Bootstrap 主题生成器 ，使用最新的 Bootstrap 3 版本和 Angular JS 版本 ，提供 一个鲜活的用户修改预览 。它包括了各种各样的导入，一个颜色选择器和智能的预先输入。更神奇的是，Bootstrap 会根据用户的 每个选择来重新建立框架 ，方便用户的下载和使用。 2. BootSwatchr BootSwatchr 是由 Drew Strickiand 独立开发和维护的，是唯一支持 从右到左语言显示 的 Bootstrap 自定义构建工具 ，这也是它的特色之一。BootSwatchr 是个可视化的工具，可以从底层开始创建 Bootstrap 主题 。 3. Bootstrap Live Editor Bootstrap Live Editor 是个所见即所得的构建 Bootstrap 的 编辑器 。在 Bootstrap 准备好的 内容和代码片段 的基础上提供一个 又好又优雅的方法来编辑和美化 html ，也因此它是个明智的选择。除此之外，它还包括高级的选项比如按钮配置，自定义标签和为用户做最明智最有益的选择。 4.

一、ReactJS简介 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。 二、对ReactJS的认识及ReactJS的优点 首先，对于React，有一些认识误区，这里先总结一下： React不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至React并不非常认可MVC开发模式； React的服务器端Render能力只能算是一个锦上添花的功能，并不是其核心出发点，事实上React官方站点几乎没有提及其在服务器端的应用； 有人拿React和Web Component相提并论，但两者并不是完全的竞争关系，你完全可以用React去开发一个真正的Web Component； React不是一个新的模板语言，JSX只是一个表象，没有JSX的React也能工作。 1、ReactJS的背景和原理 在Web开发中，我们总需要将变化的数据实时反应到UI上，这时就需要对DOM进行操作。而 复杂或频繁的DOM操作通常是性能瓶颈产生的原因

适用PC端 1、 elementUI 支持vue2.x， 饿了么前端团队打造 2、 iView 支持vue2.x 3、 Vue Antd 支持vue1.x，据说不再有人维护 4、 N3 支持vue2.x 5、 AliTelecom UI 支持vue2.x，阿里通信技术团队打造 6、 Vue-Blu 基于Vuejs和Bulma开发 7、 Vue-Beauty 基于 vue.js 和 ant-design样式的PC端UI组件库 8、 Vuetify 一个material design vue 组件库 9、 vue-material 同 Material 风格的组件库 10、 Keen-UI 又一个 Material 风格的组件库 11、 Vue Admin 基于Vue 2.0 和 Bulma 0.2 开发的后台界面框架 适用移动端 1、 Muse-UI 基于Material Design开发，支持vue2.0 2、 Mint UI 支持vue2.0，饿了么前端团队打造 3、 VUX 基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面 4、 VUWE 基于微信WeUI所开发的，专用于Vue2的组件库 5、 WEEX 阿里推出的跨平台的移动端开发框架,可以构建高性能、可扩展的 native 应用 6、 VueStrap 基于 Vue.js 的 Bootstrap 组件

开源项目下载地址 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、阿里巴巴、百度、腾讯、今日头条、京东

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

现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS，ReactJs的虚拟DOM（Virtual DOM）和组件化的开发深深的吸引了我，下面来跟我一起领略 ReactJS的风采吧~~ 章有点长，耐心读完，你会有很大收获哦~ 一、ReactJS简介 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。 ReactJS官网地址： http://facebook.github.io/react/ Github地址： https://github.com/facebook/react 二、对ReactJS的认识及ReactJS的优点 首先，对于React，有一些认识误区，这里先总结一下： React不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至React并不非常认可MVC开发模式； React的服务器端Render能力只能算是一个锦上添花的功能，并不是其核心出发点

后台管理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很简单但功能强大的。 优点：轻量、功能强大、免费

https://baijiahao.baidu.com/s?id=1594797176409597922&wfr=spider&for=pc 由Facebook创建的React已经成为一个非常强大的JavaScript框架，它能使程序员的前端开发工作更容易。 如果你已工作于React.js一段时间了，那么你会赞同若干其他的库可以和React一起使用以获得最佳体验。 从经验来看，使用开源项目对于开发人员来说意义重大，而GitHub上提供了大量基于React的库，让人不知该如何选择。 尽管可以选择多个选项，但是将范围缩小到三两个框架和库也是极好的。因此，本文讨论了GitHub上的十大react库。所讨论的库按照其在各种代码仓库中的星星数量排序。 话不多说，让我们一起来看看吧。 1.Material UI 31 194★版本0.20.0依赖性11 Material UI是通过使用React组件来实现Google材料设计的库。它能让Web开发、创建出色的用户界面以及开发单页面应用程序变得容易起来。 将Material UI用于服务器渲染时，开发人员必须为服务器和客户端使用相同的环境。 Material UI可以使用npm命令进行安装： npm install material-ui 你可以从GitHub代码仓库和官方网站了解更多信息。 查看示例——由@abottega制作的Material

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开发框架，发现有很多，查资料总结下。