amazeui中的js插件有哪些(详解功能)
amazeui中的js插件有哪些(详解功能)
一、总结
一句话总结:
二、amazeui中的js插件有哪些
1、UI 增强
- 警告框Alert
- 按钮交互Button
- 折叠面板Collapse
- 下拉组件Dropdown
- 模态窗口Modal
- 弹出框Popover
- 加载进度条NProgress
- 图片轮播Slider
- 侧边栏OffCanvas
- 滚动侦测ScrollSpy
- 滚动侦测导航ScrollSpyNav
- 平滑滚动SmoothScroll
- 固定元素Sticky
- 选项卡Tabs
- 日期组件DatePicker
- 下拉选框Selected
- 单/多选框uCheck
- 表单验证Validator
2、实用工具
- CookieCookie
- FastClickFastClick
- 全屏切换FullScreen
- 触控事件Hammer
- iScrolliScroll
- 本地存储Store
- 地理位置GEO
- 二维码QRCode
滚动监听:有点像ppt动画那种,左进右进,什么淡入淡出
滚动监听导航:导航加了滚动监听,滑到哪个导航的位置,哪个导航对应的字就高亮
平滑滚动:就是滚动到页面的顶部啊,底部啊,以及一些特定位置
固定元素:固定到顶部啊,固定到底部,就是我一直要弄的那个,让菜单啊,或者啥子点赞固定下来
表单验证:就是动态的表单验证功能(挺好的,好用)
加载的进度条:在页面上边缘窗口的很小的一条,可以控制加载的进度条
弹出框:就是弹出一个框,但是又不是alert那种让别的东西无法操作那种,我就是要这个东西,
模态窗口:就是模拟出一个窗口,比如模拟一个alert,prompt,或者别的这种窗口,就是模拟出一个各种形式的窗口,好用,详情可以用这个。
下拉组件:就是各种,下拉列表,下拉显示文字啊,这些,还有上拉等等
下拉选框:就是什么单选或者多选的下拉框
折叠面板:和web组件里面那个手风琴组件很像,都是那样折叠折叠的。
单多选款:添加了一些好看的样式
警告框:这里的警告框是可以×掉的框框,和那种弹出alert的并不一样。
按钮交互:各种单选啊,复选啊,是否选中啊这些。
侧边栏、选项卡、日期组件、图片轮播、
实用工具:
全屏切换
地理位置:是可以获取用户的地理位置的
amazeui中的js插件有哪些(详解功能)的更多相关文章
- amazeui学习笔记--js插件(UI增强)--警告框Alert
amazeui学习笔记--js插件(UI增强)--警告框Alert 一.总结 1.警告框基本样式:用am-alert声明div容器, <div class="am-alert" ...
- amazeui学习笔记--js插件(UI增强4)--下拉组件Dropdown
amazeui学习笔记--js插件(UI增强4)--下拉组件Dropdown 一.总结 1.am-dropdown(及其孩子):控制下拉列表的样式 2.data-am-dropdown(及其孩子):控 ...
- amazeui学习笔记--js插件(UI增强2)--按钮交互Button
amazeui学习笔记--js插件(UI增强2)--按钮交互Button 一.总结 1.按钮loading状态: <button type="button" class=&q ...
- Angular.js中处理页面闪烁的方法详解
Angular.js中处理页面闪烁的方法详解 前言 大家在使用{{}}绑定数据的时候,页面加载会出现满屏尽是{{xxx}}的情况.数据还没响应,但页面已经渲染了.这是因为浏览器和angularjs渲染 ...
- js数组中foEach和map的用法详解 jq中的$.each和$.map
数组中foEach和map的用法详解 相同点: 1.都是循环遍历数组(仅仅是数组)中的每一项. 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项value, ...
- amazeui学习笔记--js插件(UI增强3)--折叠面板Collapse
amazeui学习笔记--js插件(UI增强3)--折叠面板Collapse 一.总结 注意点: 1.data-am-collapse:这个东西就是展开折叠事件 2.am-collapse(包括其下属 ...
- 【转】JQuery上传插件Uploadify使用详解及错误处理
转自:http://www.jb51.net/article/43498.htm 关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样.我根据网上的步骤配置完成后,会报一些错 ...
- JQ的offset().top与js的offsetTop区别详解
一.前言 最近在做一个图片懒加载的插件,就纵轴(Y轴)而言,我需要时时获取图片的上偏移量,好判断是否已进入视图区域,而我所理解的是offsetTop应该是跟offset().top一样的,然后陷入了因 ...
- jQuery插件制作方法详解
jQuery插件制作方法详解 jquery插件给我的感觉清一色的清洁,简单.如Jtip,要使用它的功能,只需要在你的元素的class上加 上Jtip,并引入jtip.js及其样式即可以了. ...
随机推荐
- 《从零開始学Swift》学习笔记(Day 59)——代码排版
原创文章,欢迎转载.转载请注明:关东升的博客 代码排版包括: 空行.空格.断行和缩进等内容.代码排版内容比較多工作量非常多.可是非常重要. 空行 空行将逻辑相关的代码段分隔开.以提高可读性. 下列情况 ...
- amazeui学习笔记二(进阶开发1)--项目结构structure
amazeui学习笔记二(进阶开发1)--项目结构structure 一.总结 1.项目结构:是说的amazeui在github上面的项目结构,二次开发amazeui用 二.项目结构structure ...
- html5 audio标签相关知识点总结
1.audio指JS原生对象,假如用jquery获取到audio标签后,需要dom[0]转为原生JS对象 if(audio.paused){ //如果音频暂停,就播放 audio.play(); }e ...
- C#中对XML的操作
现在有一个xml文件,名称:BookStore.xml,数据如下: <?xml version="1.0" encoding="gb2312"?>& ...
- (转)rman中关于archivelog操作
转自:http://www.xifenfei.com/1609.html RMAN> list backup of archivelog all;列出所有archive log 备份 RMAN& ...
- Day1:用户交互与格式化输出
一.用户交互 1.input()方法 #!/usr/bin/env python # -*- coding:utf-8 -*- # Author:Hiuhung Wan username = inpu ...
- 微服务实战(二):使用API Gateway - DockOne.io
原文:微服务实战(二):使用API Gateway - DockOne.io [编者的话]本系列的第一篇介绍了微服务架构模式.它讨论了采用微服务的优点和缺点,除了一些复杂的微服务,这种模式还是复杂应用 ...
- 折叠table中的tr
code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- ...
- FZU 2020 组合
组合数求模要用逆元,用到了扩展的欧几里得算法. #include<cstdio> int mod; typedef long long LL; void gcd(LL a,LL b,LL ...
- [Flexbox] Use Flex to Scale Background Image
In this lesson we will use Flexbox to scale a background image to fit on the screen of our React Nat ...