前端ui框架

Vue.js-组件化前端开发新思路

廉价感情. 提交于 2019-11-30 12:49:56
Vue.js-组件化前端开发新思路 12017.04.14 18:31:25字数 6228阅读 5632 本文章是我最近在公司的一场内部分享的内容。我有个习惯就是每次分享都会先将要分享的内容写成文章。所以这个文集也是用来放这些文章的,顺便也当图床用。 1. 认识Vue.js Vue.js(读音 /vjuː/,类似于view)是一套构建用户界面的渐进式框架。 如果你有react或者Angular开发经验,你肯定不会对Vue.js感到太过陌生。Vue.js是踩在Angular和React肩膀上的后来者,它充分吸收了二者的优点,是MVVM框架的集大成者。我们只需要花10分钟写一点代码,就能大概窥见Vue的本质。 1.1 数据绑定 所有的MVVM框架要解决的第一件事都是数据绑定。首先要将Model的变化渲染到View中,当有用户输入还需要把用户的修改反映到Model中。所谓的MVVM就是这么来的。 <!DOCTYPE html> <html> <head> <title>Hello Vue</title> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> {{ message }} </div> </body> <script> var app = new Vue(

6个最优秀的微信小程序UI组件库

独自空忆成欢 提交于 2019-11-30 03:01:53
开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果。自从微信小程序面世以来,不断有一些开源组件库出来,下面6款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你,可以关注和了解一下哦! WeUI WXSS WeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。 GitHub地址: https://github.com/Tencent/weui-wxss npm下载: npm i weui-wxss iView WeApp iView是TalkingData发布的一款高质量的基于Vue.js组件库,而iView weapp则是它们的小程序版本。 GitHub地址: https://github.com/TalkingData/iview-weapp npm下载: npm i iview-weapp ZanUI WeApp ZanUI WeApp是有赞移动 Web UI 规范 ZanUI 的小程序实现版本,结合了微信的视觉规范,为用户提供更加统一的使用感受。 现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、tooltips 等组件或元素。 GitHub地址: https://github

介绍推荐优秀的Vue UI组件库

徘徊边缘 提交于 2019-11-29 11:44:21
Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后,开发效率大大提高,自己写的代码也少了,很多界面效果组件已经封装好了。在选择Vue UI组件库的过程中,通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素,也收集整理了一些优秀的Vue UI组件库。 下载资源: www.yinxiangit.com 1、 iView UI组件库 iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。iView的组件还是比较齐全的,更新也很快,文档写得很详细。有公司团队维护,比较可靠的Vue UI组件框架。iView生态也做得很好,还有开源了一个iView Admin,做后台非常方便。官网上介绍,iView已经应用在TalkingData、阿里巴巴、百度、腾讯、今日头条、京东、滴滴出行、美团、新浪、联想等大型公司的产品中。 iView官网:https://www.iviewui.com/ 2、Vux UI组件库 Vux是基于WeUI和Vue2.x开发的移动端UI组件库,主要服务于微信页面。Vux的定位已经很明确了,一是

一看就懂ReactJS

冷暖自知 提交于 2019-11-29 02:36:21
现在最热门的前端框架有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能力只能算是一个锦上添花的功能,并不是其核心出发点

Vue.js ui框架大全,总有一款适合你

不想你离开。 提交于 2019-11-27 22:59:08
适用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 组件,不需要 jQuery 和

移动端框架收集

青春壹個敷衍的年華 提交于 2019-11-27 16:53:40
frozenui (http://frozenui.github.io/) App.js (http://code.kik.com/app/2/index.html) junior (http://justspamjustin.github.io/junior/#home) 移动web开发框架 纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族,Sencha Touch来自于ExtJS。jQuery Mobile 和Sencha Touch都是比较成熟老牌的框架,项目中也有应用。国内也有公司,像BAT巨头也在探索和实现了适合自己的移动web框架。 1、jQuery Mobile jQuery Mobile 框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1.4.0,默认主题采用扁平化设计风格。jQuery Mobile1.4.0主要侧重于性能和控件方面的改进。除了全新的默认主题和SVG图标,还新增了开关控件、通用过滤器、箭头弹出框、滑动提示框等一系列功能,更是集成了jQuery UI的Tab部件。jQuery Mobile继承了jQuery的优势

后台管理系统

老子叫甜甜 提交于 2019-11-27 11:06:57
一、EasyUI easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui是个完美支持HTML5网页的完整框架。 easyui节省您网页开发的时间和规模。 easyui很简单但功能强大的。 优点:轻量、功能强大、免费、兼容性好、帮助详细、使用的人多生态好 缺点:非响应式布局、某些系统看起来有点土(客户与老板的感觉、确实与最新的那些UI有差距) 获得:上网搜索、网盘搜索大把被搭建好了基础功能的框架。 下载 下载后大家可以替换成最新的1.5版的easyui 官网: http://www.jeasyui.com/ ,有免费版,有商业版,商业版收费,帮助非常详尽 资源: http://www.jeasyui.net/ ,easyui是国人的的作品,但服务器在国外,官网也是英文的,这个网站类似官网的中文版 二、DWZ JUI 特点:DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,降低ajax开发成本。 官网: http://jui.org/ 下载: https://github.com

Dijit、ExtJS、jQuery UI 异同浅析

蓝咒 提交于 2019-11-27 09:36:24
简介: 当今,各类 JavaScript 框架在前端开发中已经相当普及。Dojo、Ext jQuery 等主流 JavaScript 框架不仅提供了一系列核心 API 来屏蔽浏览器差异,简化 DOM 操作、增强 JavaScript 原生 API,还为用户提供了丰富的 UI 控件库来帮助进行敏捷 Web 开发。然而由于各个框架的核心 API 的设计思路不尽相同,其 UI 控件的架构设计也各具特色。您是否想要创建一个自己的 UI 控件,但面对这些框架,而不知如何取舍?您是否长期从事某一种框架的开发,没有时间研究别的框架,却又想了解同样的问题别人是怎么解决的?本文将为您介绍 Dijit、Extjs、jQuery UI 从使用方式到架构实现的异同,展现不同的设计思路,希望能为您带来帮助。 标记本文! 发布日期: 2012 年 2 月 16 日 级别: 中级 访问情况 : 1206 次浏览 评论: 1 ( 查看 | 添加评论 - 登录) 平均分 (15个评分) 为本文评分 Dijit、ExtJS、jQuery UI 简介 Dojo 是开源 JavaScript 库中起步较早的先行者之一。由 Alex Russell, David Schontzler, Dylan Schiemann 等人于 2004 年创立。Dojo 具有类似 Java 的包机制 (packaging system),