首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

基于Vue 2.0的模块化前端 UI 组件库小结

Posted in Javascript onDecember 21, 2017

AT-UI 是一款基于 Vue.js 2.0 的轻量级、模块化前端 UI 组件库，主要用于快速开发 PC 网站产品。

专门为桌面应用程序构建，AT-UI 提供了一套 npm + webpack + babel 前端开发工作流程，以及一个体面的干净整洁的 UI 组件。

特性

  • 基于 Vue 开发的 UI 组件
  • 基于 npm + webpack + babel 的工作流，支持 ES2015
  • CSS 样式独立，保证不同的框架实现都能保持统一的 UI 风格（ 详见： AT-UI Style ）
  • 提供友好的 API，可灵活的使用组件

支持环境

  • 现代浏览器和 IE9 及以上
  • Electron
  • NW.js

安装

  • 推荐使用 npm 安装
npm install at-ui

  • 也可以使用 <script> 全局引用
<script type="text/javascript" src="at.min.js"></script>

使用

由于 AT-UI 的样式独立成了单独的项目，所以在使用  AT-UI 前，需要安装  at-ui-style 。可采用 npm 的方式安装，或者使用  <script> 标签的方式引入样式文件。

npm install at-ui-style

或者

<link rel="stylesheet" href="at.min.css" rel="external nofollow" />

总结

以上所述是小编给大家介绍的基于Vue 2.0的模块化前端 UI 组件库小结，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

基于Vue 2.0的模块化前端 UI 组件库小结

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
jQuery中ajax的使用与缓存问题的解决方法
Dec 19 Javascript
document.execCommand()的用法小结
Jan 08 Javascript
跟我学习javascript的异步脚本加载
Nov 20 Javascript
javascript定义类和类的实现实例详解
Dec 01 Javascript
AngularJS动态加载模块和依赖的方法分析
Nov 08 Javascript
超全面的JavaScript开发规范（推荐）
Jan 21 Javascript
JS匹配日期和时间的正则表达式示例
May 12 Javascript
gulp安装以及打包合并的方法教程
Nov 19 Javascript
使用JS模拟锚点跳转的实例
Feb 01 Javascript
vue elementui form表单验证的实现
Nov 11 Javascript
webpack自动打包和热更新的实现方法
Jun 24 Javascript
微信小程序在其他页面监听globalData中值的变化
Jul 15 Javascript
使用Bootstrap4 + Vue2实现分页查询的示例代码
Dec 21 #Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
Dec 20 #Javascript
代码详解Vuejs响应式原理
Dec 20 #Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 #Javascript
在一个页面实现两个zTree联动的方法
Dec 20 #Javascript
浅谈基于Vue.js的移动组件库cube-ui
Dec 20 #Javascript
Angular2+如何去除url中的#号详解
Dec 20 #Javascript
弱口令(1) 锁(1) limit(1) 策略(1) 内存(1) offset(1) 缓存(3) 性能优化(3) 逻辑架构(1) 事务(5)
You might like
Ajax实时验证用户名/邮箱等是否已经存在的代码打包
2011/12/01 PHP
php实现文本数据导入SQL SERVER
2015/05/17 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
js trim函数 去空格函数与正则集锦
2009/11/20 Javascript
JavaScript 学习笔记（五）
2009/12/31 Javascript
javascript中的new使用
2010/03/20 Javascript
ExtJS 下拉多选框lovcombo
2010/05/19 Javascript
js优化针对IE6.0起作用(详细整理)
2012/12/25 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
javaScript中with函数用法实例分析
2015/06/08 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
2016/07/01 Javascript
JavaScript中严格判断NaN的方法
2018/02/16 Javascript
vue debug 二种方法
2018/09/16 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
2019/02/20 Javascript
使用 vue 实现灭霸打响指英雄消失的效果附demo
2019/05/06 Javascript
Vue 中可以定义组件模版的几种方式
2019/08/06 Javascript
JavaScript数组及常见操作方法小结
2019/11/13 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
2019/12/06 Javascript
bootstrap实现嵌套模态框的实例代码
2020/01/10 Javascript
javascript实现移动端上传图片功能
2020/08/18 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
2020/08/19 Javascript
举例讲解Python中字典的合并值相加与异或对比
2016/06/04 Python
浅谈python抛出异常、自定义异常, 传递异常
2016/06/20 Python
pandas获取groupby分组里最大值所在的行方法
2018/04/20 Python
解决Python requests库编码 socks5代理的问题
2018/05/07 Python
Python+pandas计算数据相关系数的实例
2018/07/03 Python
Python 十六进制整数与ASCii编码字符串相互转换方法
2018/07/09 Python
Python的UTC时间转换讲解
2019/02/26 Python
python将四元数变换为旋转矩阵的实例
2019/12/04 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
Pycharm中配置远程Docker运行环境的教程图解
2020/06/11 Python
Python jieba库分词模式实例用法
2021/01/13 Python
css3 伪类选择器快速复习小结
2019/09/10 HTML / CSS
Hudson Jeans官网：高级精制牛仔裤
2018/11/28 全球购物
Mountain Warehouse波兰官方网站：英国户外品牌
2019/08/29 全球购物
慰问敬老院活动总结
2014/04/26 职场文书