• AmazeUI学习


    http://amazeui.org/

    相比于其他国外的框架而言,Amaze UI更关注中文排版,被前端工程师称为最懂中文的前端框架。

    Amaze UI受欢迎的一个重要的原因是:文档非常完善,适合各阶段的开发者,API设计也非常合理,易懂易使用。

    Amaze UI的特点:

    • 为移动而生:以移动优先(Mobile First),从小屏扩展到大屏,逐步实现屏幕适配。
    • 组件丰富,模块化:包含20个CSS组件,20多个JS组件,多个不同主题的Web组件(模块 or 模板?),提高开发效率。
    • 本地化支持:即更注重中文排版(:根据用户代理调整字体),兼顾国内浏览器、APP内置浏览器兼容支持。
    • 轻量级,高性能:面向H5开发,使用CSS3制作动画交互,更适合移动设备,使Web应用载入更快。

    Amaze UI Web学习:

    CDN:

    官方CDN(域名解析服务由 DNSPod 提供,CDN 存储由七牛提供):

    http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.css
    http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css
    http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.js
    http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js
    http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.js
    http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.min.js
    http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.js
    http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.min.js

    文件说明(一下每个文件都有对应的minified文件):

    • amazeui.css / amazeui.js:包含Amaze UI所有的css、js。
    • amazeui.flat.css:圆角版Amaze UI CSS,参考1.x学习。
    • 一些常见的布局模板页面,供参考。

    版本号说明:

    Amaze UI 遵循 Semantic Versioning 规范,版本格式采用 主版本号.次版本号.修订号 的形式,版本号递增规则如下:

    • 主版本号:做了不兼容的API 修改,如整体风格变化、大规模重构等;
    • 次版本号:做了向下兼容的功能性新增;
    • 修订号:做了向下兼容的问题修正、细节调整等。

    Amaze UI下载包目录结构:

    在 app.css 中编写 CSS;在 app.js 中编写 JavaScript;图片资源可以放在 i 目录下。

    使用时,引入assert目录下的css、js文件即可。

    固定容器宽度:

    框架内置class(当然也可以自定义):

    .am-container {width:980px !important;max-width:none;}
  • 相关阅读:
    Codeforces Round #369 (Div. 2)
    Codeforces Round #361 (Div. 2)
    【转】.NET开发人员的瓶颈和职业发展
    【资料目录收藏】.NET开发必看资料53个 经典源码77个
    IT新人养成与蘑菇理论
    软件开发技术高手转向项目管理者要突破的误区
    关于程序猿的那些笑话
    工作流管理系统的应用
    工作流管理系统的标准和产品
    工作流系统的主要组成部分
  • 原文地址:https://www.cnblogs.com/quanxi/p/6994020.html
Copyright © 2020-2023  润新知