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
初次使用kettle连接mysql时遇到的问题
模块组件化 在 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} !