前端ui框架

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

16款优秀的Vue UI组件库推荐 源链接： https://www.cnblogs.com/zdz8207/p/vue-ui-framework.html Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。 在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。 开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。 在选择Vue UI组件库的过程中，通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素，也收集整理了一些优秀的Vue UI组件库。 PS：国内的UI组件大部分都只有一部分的，常用的头部导航，底部导航，listview，grid表格很多都是没有的。 后面才发现，基于Vue的Quasar Framework 介绍 这个框架UI组件很全面，准备下次使用这个框架了 基于Vue的Quasar Framework 中文网 http://www.quasarchs.com/ quasarframework/quasar: Quasar Framework https://github.com/quasarframework/quasar Quasar（发音为/kweɪ.zɑɹ/

6款优秀的Vue UI组件库推荐 Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。 在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。 开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。 在选择Vue UI组件库的过程中，通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素，也收集整理了一些优秀的Vue UI组件库。 PS：国内的UI组件大部分都只有一部分的，常用的头部导航，底部导航，listview，grid表格很多都是没有的。 后面才发现，基于Vue的Quasar Framework 介绍 这个框架UI组件很全面，准备下次使用这个框架了 基于Vue的Quasar Framework 中文网 http://www.quasarchs.com/ quasarframework/quasar: Quasar Framework https://github.com/quasarframework/quasar Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），可帮助Web开发人员创建： 响应式网站 PWA（Progressive Web App）

我经常会思考这样一个问题，宇宙之大，生命之少，我们每个人能够出现在这个世界上都是一个奇迹。如果每一天我们都是做些重复的事情，没有做有挑战的事情，没有做打破常规的事情，没有做引领方向的事情，赋予我们的奇迹岂不是一种莫大的浪费？二、一叶蔽目不见泰山人的认知和决策非常容易收到接触到的信息影响。世界是巨大的，行业是广阔的，但是在前端行业说话的那些人是只是其中的一小部分。这些有话语权的人多大厂背景，多人团队，上层框架，体系工程化。然而实际上在整个行业，大多数公司前端开发人员就1～2个人，大多数公司前端开发项目都非常都简单，还有很多公司给政府机构做项目，甚至需要兼容IE8浏览器。于是多少这样都公司在技术选型的时候被所谓的流行、热门所误导。留下一个又一个烂摊子。这些看似群体的思想其实仅仅是部分上层群体的思想。《乌合之众》这本书有言，个人一旦融入群体，他的个性变会被湮没，群体思考开始占据绝对统治地位。我们应该有着自己的个性，有着自己的坚持。但是，不幸的是，大多数的人缺乏坚定的自我而被群体淹没。其实呢，很多人的内心都是希望可以告别每天做重复的事情，去做有挑战的事情，去做打破常规的事情，去做引领方向的事情！但是，放到现实世界，却不知不觉将自己封闭在狭隘的日常工作中，为了认同与安全感追随群体意识，随波逐流。成为了乌合之众，平庸之辈。所以，最重要的是，如何在浮躁喧嚣环境中保持坚定的自我

我第一次通过软件赚钱是在2008年。 当时，我为当地的一家小公司构建了一个 WordPress 网站，时薪是25美元。开发软件是我的业余爱好，当我发现爱好居然能够赚钱时，我兴奋不已。最后，我用这笔外快购买了自己的第一台相机。 时间来到2018年。在湾区，刚毕业的初级前端工程师基本年薪已经达到了6位数。至于那些有几年工作经验的前端工程师，FANG 公司（Facebook、Apple、Netflix、Google 等）开出的薪酬可达40万美元。初创企业或者西雅图和纽约的科技公司给出的待遇也差不了多少。 那么，前端工程师工资如此之高的原因是什么？甚至有很多人眼红、质疑前端工程师，认为他们不能称为软件工程师。以下是我学习和工作经历，从一个前端菜鸟成长为一个10人前端团队的主管。 什么是“前端工程师”？ “前端”是指软件的表现层或者用户界面（UI）。前端工程师主要使用 Web 技术实现UI。前端工程师与 Web 开发人员的主要区别在于，前者需要构建交互式应用程序，而后者主要构建专注于内容的网站。如果前端工程师从事 iOS 等其他平台的开发工作，他们可能被称为 UI 工程师或者 iOS 工程师。如果开发过程非常重视设计，他们也可能被称为 UX 工程师。 从我自己的经验来讲，我坚信最优秀的前端工程师应当专注于 UI 的实施。他们在该领域磨练自己的技艺，并且不断学习最新的 UI 技术

（1）Element 饿了么 vue 2.0后台UI框架 (Star:18382) https://github.com/ElemeFE/element （1-1）Vuetify 最新的ui 框架 　　https://vuetifyjs.com/zh-Hans/getting-started/roadmap （2）iview组件库 (Star:10186) 　　 iView 主要服务于 PC 界面的中后台业务，很优秀的组件库，可惜不适合移动端　　 https://github.com/iview/iview https://iviewui.com/ （3）vux 基于Vue和WeUI的移动UI组件 (Star:9762) Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。 https://github.com/airyland/vux https://vux.li/ （4）Mint-UI 饿了么移动端组件库 (Star:8062) 　　由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库 https://github.com/ElemeFE/mint-ui （5）vue-admin 管理面板UI框架 (Star:6289) https://github.com/vue-bulma/vue-admin （6）vue

资源不断更新中。。。 动画库 1.Animate.css 说明：一个简单易用的跨浏览器CSS动画库。 GitHub主页： https://github.com/daneden/an... 2.CSShake 说明：用CSS实现各种颠颤动画效果DOM！ GitHub主页： https://github.com/elrumordel... 3.Hover.css 说明：将鼠标Hover效果快速应用在你的网页元素或创意设计上。 GitHub主页： https://github.com/IanLunn/Hover 4.Velocity.js 说明：帮你加速JavaScript动画。 GitHub主页： https://github.com/julianshap... 5.DynCSS 说明：用动态CSS来打造你的网页。 GitHub主页： https://github.com/vzaccaria/... 6.Magic Animations 说明：可创造CSS3动画特效。 GitHub主页： https://github.com/miniMAC/magic 7.Bounce.js 说明：即时创造漂亮的CSS3动画。 GitHub主页： https://github.com/tictail/bo... 前端框架和类库 1.lodash.js 简介：具有一致接口、模块化、高性能等特性的

Frozen UI 自述：简单易用，轻量快捷，为移动端服务的前端框架。 主页：http://frozenui.github.io/ 开发团队：QQVIP FD Team Github：https://github.com/frozenui/frozenui Demo：http://frozenui.github.io/frozenui/demo/index.html WeUI 自述：WeUI是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一。 开发团队：Wechat Official Design Team Github：https://github.com/weui/weui Demo：http://weui.github.io/weui/ SUI Mobile 主页：http://m.sui.taobao.org/ 自述：轻量、小巧、精美的UI库，方便迅速搭建手机H5应用，也非常适合开发跨平台Web App。 开发团队：阿里巴巴共享业务事业部UED团队 Github：https://github.com/sdc-alibaba/SUI-Mobile Demo：http://m.sui.taobao.org/demos/ 兼容：兼容到 iOS 6+ 以及 Android 4.0+ 基于 Framework7 进行开发，并参考

谈谈 React Hooks React Hooks 是 React 16.7.0-alpha 版本推出的新特性，想尝试的同学安装此版本即可。 React Hooks 要解决的问题是状态共享，是继 render-props 和 higher-order components 之后的第三种状态共享方案，不会产生 JSX 嵌套地狱问题。 这个状态指的是状态逻辑，所以称为状态逻辑复用会更恰当，因为只共享数据处理逻辑，不会共享数据本身。 不久前精读分享过的一篇 Epitath 源码 - renderProps 新用法 就是解决 JSX 嵌套问题，有了 React Hooks 之后，这个问题就被官方正式解决了。 为了更快理解 React Hooks 是什么，先看笔者引用的下面一段 renderProps 代码： function App() { return ( <Toggle initial={false}> {({ on, toggle }) => ( <Button type="primary" onClick={toggle}> Open Modal </Button> <Modal visible={on} onOk={toggle} onCancel={toggle} /> )} </Toggle> ) } 恰巧，React Hooks 解决的也是这个问题： function

自从 2011 年 Mark Otto 和 Jacob Thornton 开发了 Bootstrap，我们第一次接触并熟知了 Bootstrap 。这些都归功于 Twitter！从那以后，它就非常流行并且成为了最好的响应式框架之一。Bootstrap 帮助开发者快速高效的开启大量新的 web 项目，受到了广大开发者们的青睐。 为了照顾那些不是很熟悉 Bootstrap 但是又想继续深入了解的开发者，我们在这里简单的介绍一下。Bootstrap 是一个 pre-styled 组件的扩展库，有着大量的附件和非常好用的插件，可以帮助开发者们快速的开始他们的新项目。 好了，回归今天的主题，这里介绍的是 15 款最好的 Bootstrap 设计工具和资源，也可以说是 UI 编辑器或者是在线编辑工具。这些超棒的 Bootstrap UI 编辑器允许开发者们自定义设计框架，实现他们心中每个关于 web 的设想。 下面的列表就是精心挑选好的超棒 Bootstrap UI 编辑器，分享给所有的开发者和喜爱 Bootstrap 的朋友，不用再为找不到合适的 Bootstrap 设计工具而烦恼，也不用在众多 Bootstrap 设计工具中徘徊迷茫了！ 好好阅读下面的列表，找到适合你的那一款 Bootstrap UI 编辑器吧：） 1. Bootstrap Magic 这是一个 Bootstrap