基于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 组件库小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
有关js的变量作用域和this指针的讨论
Dec 16 Javascript
jquery动态加载图片数据练习代码
Aug 04 Javascript
JavaScript中扩展Array contains方法实例
Aug 23 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
js实现本地图片文件拖拽效果
Jul 18 Javascript
JQuery选中select组件被选中的值方法
Mar 08 jQuery
使用 Vue cli 3.0 构建自定义组件库的方法
Apr 30 Javascript
利用Electron简单撸一个Markdown编辑器的方法
Jun 10 Javascript
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
vue项目实现减少app.js和vender.js的体积操作
Nov 12 Javascript
JavaScript基于SVG的图片切换效果实例代码
Dec 15 Javascript
详解javascript脚本何时会被执行
Feb 05 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
You might like
PHP 解决session死锁的方法
2013/06/20 PHP
PHP批量去除BOM头代码分享
2015/06/26 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
PHP XML Expat解析器知识点总结
2019/02/15 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
php实现微信和支付宝支付的示例代码
2020/08/11 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
2015/05/13 Javascript
js判断浏览器类型及设备(移动页面开发)
2015/07/30 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
2015/08/19 Javascript
基于jQuery实现的QQ表情插件
2015/08/25 Javascript
AngularJS中实现动画效果的方法
2016/07/28 Javascript
手机端js和html5刮刮卡效果
2020/09/29 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
2017/05/22 Javascript
详解用Webpack与Babel配置ES6开发环境
2019/03/12 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
新手如何快速理解js异步编程
2019/06/24 Javascript
微信小程序从注册账号到上架(图文详解)
2019/07/17 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
使用PDB模式调试Python程序介绍
2015/04/05 Python
Python实现简单截取中文字符串的方法
2015/06/15 Python
python XlsxWriter模块创建aexcel表格的实例讲解
2018/05/03 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
python中return的返回和执行实例
2019/12/24 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
Python利用matplotlib绘制散点图的新手教程
2020/11/05 Python
Koral官方网站:女性时尚运动服
2019/04/10 全球购物
服装机修工岗位职责
2013/12/26 职场文书
数学系个人求职信范文
2014/01/30 职场文书
简历的自我评价
2014/02/03 职场文书
数学国培研修感言
2014/02/13 职场文书
承租经营合作者协议书
2014/10/01 职场文书
2015年防汛工作总结
2015/05/15 职场文书
2015年网管个人工作总结
2015/05/22 职场文书
2016年小学感恩节活动总结
2016/04/01 职场文书
关于JavaScript回调函数的深入理解
2021/06/27 Javascript