当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

AT UI

模块化的前端 UI 组件库
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 不详
投 递 者 杜禄
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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,可灵活的使用组件

支持环境

安装

  • 推荐使用 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" />
  • 用Element-UI做了两个后台,时间长了有点视觉劳累,挑来挑去,入选了某东的AT-UI,搭建了一个雏形的后台骨架,下面记录一下使用方法(此时应附地址:官网传送门)。 本人是在vue2.0的基础上搭建,所以,谨记:先搭建好初步的项目文件,再来看下面的介绍。 安装 npm install at-ui npm install at-ui-style 复制代码 是的,它需要安装两个,而Element

  • 一、背景         最近在研究基于windows的UI自动化测试,通过自动化来解决重复、枯燥的人工点点点,目前支持Windows平台的UI自动化工具或框架比较多,比如:Autoit、pywinauto、UIautomation、airtest 等等,这里我主要介绍UIautomation框架,它是由国人yinkaisheng开发实现的。         为更加方便使用,我对UiAutomat

  • 一、扩展程序交互(版本2018.4.1) 1)工具菜单里面启用Chrome Extensions; 2)  用WaitUiElementAppear识别 <html app='chrome.exe' /> 成为一个UiElemnt,Browser元素类型通过Element1.GetBrowser获取; 3)Browser变量可以在InvokeCode里面执行跳转刷新等 类似 brower.Navi

  • 在前端项目开发过程中,总是会引入一些UI框架,已为方便自己的使用,很多大公司都有自己的一套UI框架,下面就是最近经常使用并且很流行的UI框架。 一.Mint UI 流行指数:★★★★ Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。 官网:Mint UI Github: https://github.com/E

 相关资料
  • 模块组件化 在 coolie 的世界里,任何文件都可以作为模块来进行载入, 因此模块化组件非常容易实现。 如 banner 组件: banner ├── index.js ├── style.css <= style.scss ├── arrow.png └── template.html 模块组件入口是index.js,然后自主管理自己的模块,如样式、图片、模板等等。 使用模块组件: var

  • 本文向大家介绍如何理解前端模块化?相关面试题,主要包含被问及如何理解前端模块化?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 前端模块化就是复杂的文件编程一个一个独立的模块,比如js文件等等,分成独立的模块有利于重用(复用性)和维护(版本迭代),这样会引来模块之间相互依赖的问题,所以有了commonJS规范,AMD,CMD规范等等,以及用于js打包(编译等处理)的工具webpack

  • 本文向大家介绍对Layer UI 模块化的用法详解,包括了对Layer UI 模块化的用法详解的使用技巧和注意事项,需要的朋友参考一下 此文章适合入门的同学查看,之前因为项目的原因,在网上找了一套Layer UI做的后台管理系统模板,完全不懂LayUI里面的JS用法,看了官方文档和其它资料后才明白怎么去实现模块化这个例子,但是还是感觉网上的资料写得不够清晰,我尝试把自己的想法写出来,大家可以一起学

  • 我最近提议使用swashuckle将swagger集成到我们的Web API中,以便在内部向我们的工程师公开API功能。对于我们的目的,swagger在生产中没有意义,因为API是后端的......作为一个企业环境,API的数量很大,我可以预见两个主要问题: 程序集的大小约为2.6MB:假设数百个集成了swahbuckle的API构建突然之间,我们所有应用程序的大小都增加了4.5倍。不合理的打击。

  • 开源组件 1. Angular 1)文件上传:ng-file-upload 、ng-file-upload-shim 2)请求加载动画:angular-loading-bar 3)滚动加载:ngInfiniteScroll 4)表单验证:angular-messages 2. Vue 3. React 4. 动画库 5. 其他 HammerJSMobile手势 1)富文本:summernote 公

  • 【UI 模块性能】页面主要展示项目运行过程中 UI 模块的CPU占用情况,主要包括以下几个部分: 数据汇总 该项主要展示项目运行过程中的“CPU峰值”、“CPU均值”、“堆内存分配总值”和“堆内存均值”。其中,“CPU均值”和“堆内存分配均值”表示UI模块平均每帧的CPU占用和堆内存分配。 UI 模块总体耗时 & 耗时详情 UI 模块总体CPU耗时 主要展示项目运行过程中 UI 模块的整体耗时情况

  • CommonJS AMD CMD UMD ES Modules

  • 1. required 引入模块。返回模块通过 module.exports 或 exports 暴露的接口。 参数 名称 类型 说明 path string 需要引入模块文件相对于当前文件的相对路径,或npm模块名,或npm模块路径。不支持绝对路径 示例代码 // common.js function sayHello(name) { console.log(`Hello ${name} !