Amaze UI

amazeui学习笔记--css(布局相关2)--等分网格 AVG Grid

喜你入骨 提交于 2020-05-03 23:16:55
amazeui学习笔记--css(布局相关2)--等分网格 AVG Grid 一、总结 1、与grid区别:网格中:am-g + am-u-xx-n 等分网格中只有一个: am- avg -sm- 4 (在ul中,里面有li) 记住这个 avg(表示等分网格) 这里数字的意思不一样, 这里的数字表示几等份 2、基本使用: 被ul和li统治 1 < ul class =" am-avg-sm-4 am-thumbnails " > 2 <li > < img class =" am-thumbnail " src ="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></ li > 3 < li >< img class ="am-thumbnail" src ="http://s.amazeui.org/media/i/demos/bing-2.jpg" /></ li > 4 < li >< img class ="am-thumbnail" src ="http://s.amazeui.org/media/i/demos/bing-3.jpg" /></ li > 5 < li >< img class ="am-thumbnail" src ="http://s.amazeui.org/media/i/demos/bing-4

amazeui中的js插件有哪些(详解功能)

为君一笑 提交于 2020-05-02 08:23:46
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、实用工具 Cookie Cookie FastClick FastClick 全屏切换 FullScreen 触控事件 Hammer iScroll iScroll 本地存储 Store 地理位置 GEO 二维码 QRCode 滚动监听:有点像ppt动画那种,左进右进,什么淡入淡出 滚动监听导航:导航加了滚动监听,滑到哪个导航的位置,哪个导航对应的字就高亮 平滑滚动:就是滚动到页面的顶部啊,底部啊,以及一些特定位置 固定元素:固定到顶部啊,固定到底部,就是我一直要弄的那个,让菜单啊,或者啥子点赞固定下来 表单验证:就是动态的表单验证功能(挺好的,好用) 加载的进度条

amaze ui和bootstrap有哪些差别?

痴心易碎 提交于 2020-05-02 06:32:24
amaze ui和bootstrap有哪些差别? 问题 我最近在学amaze ui,感觉如果单从功能性来看和bootstrap最大差别也就是扁平化,不过妹子ui号称对国产本土化支持更好,这个具体表现在哪?看他官方文档倒是挺逗趣的。。。然后栅格布局好像比bootstrap要灵活一些。其他的求补充 解答 字体设置比较 ok,勉强再加上个盒模型比较省心,除此以外就是山寨 Bootstrap + 各种本土网站插件。 本来你让我黑它我是拒绝的,毕竟是国人项目,起初我还是很滋瓷的,但是后来越营销越臭,恶趣味 Star 不说,就是恶趣味 Star 也比不过 Gogs,为什么我要扯出一个与前端毫无相关的项目呢,因为他们营销的时候,从来都是以「国人项目」为噱头,但是他们给出的排名也好增幅也罢,从来就没有 Gogs 的踪影,从头到脚都是满满的铜臭味。 还整天管自己叫妹子 UI 妹子 UI 的,麻烦雇个好点的文案组织一下语句好不好,全身散发着一股抠脚大汉味,抠脚大汉 UI 你好,抠脚大汉 UI 再见:) 要轻巧有 Pure,要强大有 Semantic UI,要中规中矩有 Bootstrap,真没必要去抠脚,真没必要~ 供从我的观点进行对比: 对比人背景: 了解一些HTML和CSS基础, 但是如果需要自己写一个各种效果的页面的话. 累觉不爱. 无美工基础, 最好有比较现成的配色方案, 字体大小方案.

amazeui学习笔记--css(常用组件14)--缩略图Thumbnail

瘦欲@ 提交于 2020-05-02 05:53:16
amazeui学习笔记--css(常用组件14)--缩略图Thumbnail 一、总结 1、基本样式: 在 <img> 添加 .am-thumbnail 类 ; 也可以在 <img> 外面添加一个容器,如 <div> 、 <figure> 、 <a> 等 ,再将 class 添加到容器上。 2、结合 网格 使用: < div class =" am-g " > < div class =" am-u-sm-4 " > < img class =" am-thumbnail " src ="..." alt ="" /> </ div > 3、 结合 AVG Grid 使用 : 添加 AVG Grid class 同时添加 .am-thumbnails 。 1 < ul class =" am-avg-sm-3 am-thumbnails " > 2 < li > 3 < img class =" am-thumbnail " src ="..." alt ="" /> 4 </ li > 5 6 < li > 7 < a href ="#" class ="am-thumbnail" > 8 < img src ="..." alt ="" /> 9 </ a > 10 </ li > 11 12 < li > 13 < figure class ="am-thumbnail" >

201671030111李蓉 实验三作业互评与改进报告

淺唱寂寞╮ 提交于 2020-04-26 08:39:42
项 目 内 容 所属课程 <span style="color:blue">软件工程</span> 作业要求 <span style="color:blue">实验三 作业互评与改进</span> 课程目标 学习规范的博文(文档)写作; <br>理解软件工程各阶段文档的作用与意义,<br>了解软件工程文档的国家标准及其规范。 ##任务一:互评博客并完善博客 ####1.2019春季计算机学院软件工程(罗杰)(北京航空航天大学) <span style="color:green">点评博客链接</span> 点评内容:<span style="color:blue">博主你好,对于问题一,我认为该成为一名全栈工程师还是专精于某一个方向的工程师取决于你对未来的规划和你个人的精力,若你毕业后想去创业公司,就考虑成为一名全栈工程师,因为创业公司为成本考虑,可能需要一个人做几个人的活,这就需要全栈工程师来完成;若你毕业后想去大公司,就考虑成为专精于某一个方向的工程师,毕竟大公司财力更雄厚,分工更明确,开发人员的水平可能也更高,可能不需要技术稍差的全栈工程师,而需要专精于某一个方向的工程师;当然这也与你的个人精力有关,若你有精力,就考虑成为一专多能或多专多能的全栈工程师,若你精力有限,还是考虑成为专精于某一个方向的工程师。</span> 阅读心得:<span style="color

Linux下搭建接口自动化测试平台

纵然是瞬间 提交于 2020-04-19 09:31:28
前言 我们今天来学习一下在Linux下如何搭建基于HttpRunner开发的接口自动化测试平台吧! 需要在Linux上提前准备的环境(下面是本人搭建时的环境): 1,Python 3.6.8 (可参考随笔: Linux学习6-安装Python3. 6) 2,MySQL 5.7(可参考随笔: Linux学习5-安装MySQL5.7 ) 一: 下载HttpRunnerManager源码 我们直接到 Github 上下载 HttpRunnerManager ,把它下载到本地, Github地址: https://github.com/HttpRunner/HttpRunnerManager 二:下载完成,解压后传到Linux服务器上 三: 安装 requirements.txt 里的依赖包,在HttpRunnerManager-master目录下输入以下命令: pip3 install -r requirements.txt 四: MySQL上创建HttpRunner数据库 在Windows下通过Navicat连接MySQL后创建的数据库,名称为 hrun 五:修改配置文件, 修改 HttpRunnerManager/settings.py 配置文件里DATABASES字典 vim settings.py :wq 根据实际情况修改即可 六: 同步数据库 上面,我们只是创建了一个名称为

UI库

↘锁芯ラ 提交于 2020-04-05 16:46:51
ViewUI (推荐) ElementUI (推荐) Vant (移动端) amazeui layUI 来源: oschina 链接: https://my.oschina.net/u/2400070/blog/3217858

移动端常用UI框架

末鹿安然 提交于 2020-02-26 21:15:46
作为一个前端人员来说,总结几款相对来说不错的用于移动端开发的UI框架是非常必要的,以下几种移动端UI框架就能基本满足工作中开发需要,根据项目需求,选用合适的框架搭建项目,更能容易提高开发效率。 一、MUI 最接近原生APP体验的高性能前端框架,追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征 MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K,鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标,MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件 官方链接: http://dev.dcloud.net.cn/mui/ 二、Frozen UI 由腾讯团队开发,适用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题。可以按需选择需要的组件,也可以采用cdn和combo的方式按需加载。使用iconfont展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px, rem,文字截断,占位,两端留白,两端对齐等解决方案,同时解决了 移动端屏幕适配 问题。CSS使用模块化的样式命名和组织规范,使用sass编写css代码。 官方链接: http://frozenui.github.io/ 三、Amaze

本土开源时代,盘点那些重量级的国产开源项目

人走茶凉 提交于 2019-12-04 14:39:48
近年来,国产开源项目的质量不断提高,也开始受到越来越多的关注,前些天锤子科技把发布会门票所得捐赠给国产开源团队,以及在刚刚结束的开源中国年终盛典中新增了“年度码云最受欢迎十大开源项目”颁奖典礼,都无疑是对本土开源最大的支持。本文将盘点国产项目中几款比较好的国产开源项目以供学习和交流,(排名没有先后,欢迎在评论区补充): 0. 前端 UI 框架 Layui 今年备受关注的 Layui 是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过。一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以及她本身的精心雕琢。 作者: @ 贤心 1. HTML5 跨屏前端框架 Amaze UI Amaze UI 是中国首个开源 HTML5 跨屏前端框架。相比国外的前端框架,Amaze UI 专注解决中文排版优化问题,根据操作系统调整字体,实现最佳中文排版效果;针对国内主流浏览器及App内置浏览器提供更好的兼容性支持,为你节省大量兼容性调试时间。 作者: @云适配 2. Web 应用服务器 OpenResty OpenResty (也称为 ngx_openresty)致力于将你的服务器端应用完全运行于 Nginx 服务器中,充分利用 Nginx 的事件模型来进行非阻塞 I/O 通信。不仅仅是和 HTTP 客户端间的网络通信是非阻塞的