amazeui学习笔记三(你来我往1)--常见问题FAQs 一.总结 1.DOM事件失败:记得加上初始化代码,例如 图片轮播 $('#my-slider').flexslider(); 2.jquery:Amaze依赖jquery,所以如果效果没出来,看看有没有jquery 3.Chrome 开发者工具:推荐使用 Chrome 开发者工具. 二.常见问题FAQs 目录 使用问题 使用时遇到问题如何准确定位? 免费吗? Amaze UI 目前没有 xx 组件,有没有推荐的? 「爱上一匹野马,可你的…

amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules 一.总结 1.见名知意:见那些class名字知意,见函数名知意,见文件名知意 例如(HISTORY.md Web 组件更新历史记录.) 二.Web 组件开发规范Rules 目录 Web 组件样式组织 目录结构及说明 package.json README.md HISTORY.md src 目录 开发脚手架 调试预览 Web 组件基于 Amaze UI 基础库(CSS / JS)开发,在基础库已有样式.功能的基础上做更多扩…

amazeui学习笔记二(进阶开发4)--JavaScript规范Rules 一.总结 1.注释规范总原则: As short as possible(如无必要,勿增注释):尽量提高代码本身的清晰性.可读性. As long as necessary(如有必要,尽量详尽):合理的注释.空行排版等,可以让代码更易阅读.更具美感. 2.变量命名规则(和之前的C++和Java一样): 常量全大写 UPPERCASE_WORD 变量驼峰 camelName 类名驼峰,并且首字母要大写 CamelName…

amazeui学习笔记二(进阶开发3)--HTML/CSS规范Rules 一.总结 1.am:以 am 为命名空间 2.模块状态: {命名空间}-{模块名}-{状态描述} 3.子模块: {命名空间}-{模块名}-{子模块名},如果不继承父级的类名,很容易造成命名冲突 二.Amaze UI HTML/CSS 规范 Amaze UI HTML/CSS 规范 目录 基本规范 HTML/CSS 编写注意事项 基本原则 模块化编写实践 命名注意事项 CSS 编写注意事项 参考链接 基本规范 AllMobi…

amazeui学习笔记二(进阶开发2)--Web组件简介Web Component 一.总结 1.amaze ui:amaze ui是一个web 组件, 由模板(hbs).样式(LESS).交互(JS)三部分组成 二.Web组件简介Web Component Web 组件简介 目录 组件结构 分享组件 Web Components 颇令人向往,无奈浏览器支持有限,所以,Amaze UI Web 组件按照 Web Components 的实现形式,使用浏览器支持更为普及的技术,将移动开发中常用的组…

amazeui学习笔记二(进阶开发1)--项目结构structure 一.总结 1.项目结构:是说的amazeui在github上面的项目结构,二次开发amazeui用 二.项目结构structure 基于 Amaze UI 进阶开发 目录 项目结构 Less JavaScript 使用中有何问题,请直接在评论中留言,我们会不断补充完善文档. 项目结构 Amaze UI |-- HISTORY.md |-- LICENSE |-- README.md |-- package.json |-- d…

amazeui学习笔记一(开始使用5)--藏品collections 一.总结 1.藏品collections:一些 Amaze UI 中没有的功能.amazeui认为好的解决方案.像图表绘制里面的百度echarts. 2.amaze ui:这些框架是真的良心,太便利开发了,不仅提供本身功能还提供扩展功能 二.藏品collections Collections 目录 HTML5 API 应用 UA 识别 表单处理图表绘制 <select> 相关 上传组件 日期选择 取色 图表绘制 日期格式化…

amazeui学习笔记一(开始使用4)--Web App 相关 一.总结 1.桌面图标(Touch icon)解决方案:终极方案:link标签的rel和href属性: <link rel="apple-touch-icon-precomposed" href="/path/to/icon72x72@2x.png"> 2.多关注目录或者说主干: 二.Web App 相关 Web App 相关 目录 桌面图标 终极方案 iOS Android Chrome…

amazeui学习笔记一(开始使用3)--兼容性列表compatibility 一.总结 1.不要用ie做前端测试,不要碰ie,尽量用google 浏览器: 按照微软官方的说法,IE 开发者工具中的浏览器模式也不一定靠谱: 2. amazeui的浏览器支持情况:amazeui对google浏览器的支持是最最最最好的:amaze ui也支持最新版的ie,特别老的版本6789支持不好 二.兼容性列表compatibility Compatibility 目录 分级浏览器支持(GBS) 关于 IE 6…

amazeui学习笔记一(开始使用2)--布局示例layouts 一.总结 1.样例分析(不要忘记,优先分析这个布局示例):有教你页面怎么布局的,实例中可以分析一波 2.响应式:对应meta标签中的viewpoint属性: 3.禁用响应式方法:(就是amaze ui应该是默认响应式的) a.删除 head 里的视口设置 meta 标签: b.固定容器 .am-container 宽度(可以自己添加一个 class,不一定要使用内置的): c.使用网格系统时,只添加 .am-u-sm-* clas…