随笔分类 - 1_amaze ui
摘要：amazeui学习笔记--css（布局相关2）--等分网格 AVG Grid 一、总结 1、与grid区别：网格中：am-g + am-u-xx-n 等分网格中只有一个: am-avg-sm-4(在ul中，里面有li) 记住这个avg（表示等分网格） 这里数字的意思不一样，这里的数字表示几等份 2、
阅读全文
摘要：amazeui学习笔记--css（布局相关1）--网格Grid 一、总结 基本使用 1、div+class布局：amaze里面采取的就是div+class的布局方式 <div class="am-g am-g-collapse"> 2、网格布局中的行和列：.am-g .am-u-xx-n 3、3种尺
阅读全文
摘要：amazeui学习笔记--css（基本样式3）--打印样式Print 一、总结 1、打印显示url方法： 利用 CSS3 content 属性，将 <a> 和 <abbr> 的标题、链接显示在后面。 <a href="http://www.amazeui.org">Amaze UI</a> 2、am
阅读全文
摘要：amazeui学习笔记--css（基本样式3）--文字排版Typography 一、总结 1、字体：amaze默认非 衬线字体（sans-serif） 2、引用块blockquote和定义列表：引用块blockquote和定义列表（dl dt）注意一下 3、样式不能正常显示：拷贝过来的很多样式在博客
阅读全文
摘要：amazeui学习笔记--css（基本样式2）--基础设置Base 一、总结 1、盒子模型：外margin，内padding，这里的内外指的边框 2、border-box：Amaze UI 将所有元素的盒模型设置为 border-box -moz-box-sizing: border-box; 3、
阅读全文
摘要：amazeui学习笔记--css（基本样式）--样式统一Normalize 一、总结 1、统一浏览器默认样式： Amaze UI 也使用了 normalize.css，就是让不同浏览器显示相同的样式 2、Normalize.css：在默认的HTML元素样式上提供了跨浏览器的高度一致性。 二、样式统一
阅读全文
摘要：amazeui学习笔记三（你来我往1）--常见问题FAQs 一、总结 1、DOM事件失败：记得加上初始化代码，例如 图片轮播 $('#my-slider').flexslider(); 2、jquery：Amaze依赖jquery，所以如果效果没出来，看看有没有jquery 3、Chrome 开发者
阅读全文
摘要：amazeui学习笔记二（进阶开发5）--Web 组件开发规范Rules 一、总结 1、见名知意：见那些class名字知意，见函数名知意，见文件名知意 例如（HISTORY.md Web 组件更新历史记录。） 二、Web 组件开发规范Rules 目录 Web 组件样式组织 目录结构及说明 packa
阅读全文
摘要：amazeui学习笔记二（进阶开发4）--JavaScript规范Rules 一、总结 1、注释规范总原则： As short as possible（如无必要，勿增注释）：尽量提高代码本身的清晰性、可读性。 As long as necessary（如有必要，尽量详尽）：合理的注释、空行排版等，可
阅读全文
摘要：amazeui学习笔记二（进阶开发3）--HTML/CSS规范Rules 一、总结 1、am：以 am 为命名空间 2、模块状态： {命名空间}-{模块名}-{状态描述} 3、子模块： {命名空间}-{模块名}-{子模块名}，如果不继承父级的类名，很容易造成命名冲突 二、Amaze UI HTML/
阅读全文
摘要：amazeui学习笔记二（进阶开发2）--Web组件简介Web Component 一、总结 1、amaze ui：amaze ui是一个web 组件， 由模板（hbs）、样式（LESS）、交互（JS）三部分组成 二、Web组件简介Web Component Web 组件简介 目录 组件结构 分享组
阅读全文
摘要：amazeui学习笔记二（进阶开发1）--项目结构structure 一、总结 1、项目结构：是说的amazeui在github上面的项目结构，二次开发amazeui用 二、项目结构structure 基于 Amaze UI 进阶开发 目录 项目结构 Less JavaScript 目录 项目结构
阅读全文
摘要：amazeui学习笔记一（开始使用5）--藏品collections 一、总结 1、藏品collections：一些 Amaze UI 中没有的功能、amazeui认为好的解决方案。像图表绘制里面的百度echarts。 2、amaze ui：这些框架是真的良心，太便利开发了，不仅提供本身功能还提供扩
阅读全文
摘要：amazeui学习笔记一（开始使用4）--Web App 相关 一、总结 1、桌面图标（Touch icon）解决方案：终极方案：link标签的rel和href属性： <link rel="apple-touch-icon-precomposed" href="/path/to/icon72x72@
阅读全文
摘要：amazeui学习笔记一（开始使用3）--兼容性列表compatibility 一、总结 1、不要用ie做前端测试，不要碰ie，尽量用google 浏览器： 按照微软官方的说法，IE 开发者工具中的浏览器模式也不一定靠谱； 2、 amazeui的浏览器支持情况：amazeui对google浏览器的支
阅读全文
摘要：amazeui学习笔记一（开始使用2）--布局示例layouts 一、总结 1、样例分析（不要忘记，优先分析这个布局示例）：有教你页面怎么布局的，实例中可以分析一波 2、响应式：对应meta标签中的viewpoint属性： 3、禁用响应式方法：（就是amaze ui应该是默认响应式的） a、删除 h
阅读全文
摘要：amazeui学习笔记一（开始使用1）--主干 一、总结 1、英语：学好英语，编程轻松很多 2、 layouts compatibility change log web app collection structure web component html/css rules javascript
阅读全文
摘要：amaze样例页面分析（一） 一、总结 1、从审查（inspect）中是很清楚的可以弄清楚这些part之间的结构关系的 2、一者在于弄清楚他们之间的结构关系，二者在于知道结构的每一部分是干嘛的 3、inspect弄清结构：在inspect中把结构弄清楚这些东西就清楚了，而小块我是懂的 4、是按div
阅读全文
摘要：amaze ui中的icon button 说明几点： 1、链接效果 连接效果的本质一般都是a标签，好像很多button的链接效果都是用的a标签，submit表单提交或者button的type为submit的另说 2、a标签变成button 个人感觉这里的am-icon-btn class好像是将a
阅读全文
摘要：amaze ui表格斑马纹效果 需要注意的是样式的写法，都是 am-table- ，很好记的 如果是条纹就是striped，如果是hover状态就是hover 用法很简单，点对应class，不同的class样式 之间可以叠加，中间用 空格 隔开 而且我们可以按照需求覆写样式，就像sublim中的配置
阅读全文
浙公网安备 33010602011771号