【[Learn AF3]第二章 App Framework 3.0的组件View——AF3的驱动引擎】的更多相关文章

[Learn AF3]第二章 App Framework 3.0的组件View——AF3的驱动引擎

View:af3中的驱动引擎   组件名称:View     使用说明:按照官方的说法,view组件是af3的“驱动引擎(driving force)”,view是af3应用的基础,一个app中可以包含一个或多个view,它可以包含一个footer,一个header,可以包含N个panel和sidemenu(drawer),值得注意的是panel(也就是app的页面)需要包裹在class="pages"的div元素之中.     方法:虽然view看似重要,但是af3并没有把view实…

[Learn AF3]第六章 App Framework 3.0中的内置矢量图标

AF3的内置矢量图标 介绍:要使用af3中的图标,必须首先引入icon.css,由于文件中已经内置了字体文件数据,因此不需要引入字体文件支持. <link rel="stylesheet" type="text/css" href="js/af3.0/icons.min.css" /> 使用:引入icon.css文件之后,我们就可以通过给需要显示图标的元素添加css类名来显示图标(实际上就是一个矢量字符),注意需要同时添加icon 和…

[Learn AF3]第三章 App Framework 3组件之Panel：afui的核心

Panel,afui的核心组件 组件名称:Panel     使用说明:按照官方的说法,panel组件是af3的“核心(heart of the ui)”,panel用于构造应用中独立的内容展示区域,是真正用于装载信息和用户交互的控件的地方,panle控件还需要声明在class="pages"的div元素之中.     方法:同样panel并非一个javascript的类,也没有专属方法. 属性:panel可用的声明式属性,说到这个,不得不说intel app framework的文档…

[Learn AF3]第一章 如何使用App Framework 3.0 构造应用程序

af3的变化非常大.参见[译]Intel App Framework 3.0的变化 一.应用需要引用的js脚本: af3中不在自己实现dom选择器,而是选择基于jquey或兼容jquery的库如zepto等,touch layer也依靠fastclick.下面就是af3应用的head部分示意代码,对比2.x变化很明显,这里引入了jquery和fastclick,没有了appframework.js <head> <title>LearAF3</title> <me…

[Learn AF3]第七章 App framework组件之Popup

AF3的弹出对话框Popup 组件名称:Popup 是否js控件:是,$.afui.popup     说明:af3中的popup和af2中相比变化不大,依然是通过插件popup来实现的     方法: show () 显示popup对话框 hide () 隐藏popup对话框 构造参数:构造popup的时候,可以简单的传递一个字符串,此时popup显示为一个alert对话框.也可以传递一个object对象,对象可以具有如下的属性设置: id (string) popup 包裹DOM元素的ID…

[Learn AF3]第五章 App Framework 3组件之Drawer——Side Menu

Drawer——Side menu 组件名称:Drawer     说明:af3中的side menu和af2中有很大变化,af3中的side menu实际上是通过插件$.afui.drawer来实现的     方法: show (id, position, string) 显示side menu,参数中指定的是nav的 id, 要显示的位置:left.right,指定变换效果:cover,reveal,push hide (string,string) 隐藏Side Menu,参数为nav的i…

[Learn AF3]第四章 App framework组件之Button

Button    组件名称:Button     是否js控件:否     使用说明:如果说panel组件是af3的“核心(heart of the ui)”,那么Button就是af中的五虎上将之一,在af app中使用的频率非常之高. 1,在af中你可以让任何元素表现的像个button控件,比如下面的三种元素,将会呈现的一模一样: <a class="button">Home</a> <span class="button">…

[译]Intel App Framework 3.0的变化

App Framework 3.0 原文 IAN M. (Intel) 发布于 2015-02-11  05:24 我们高兴地宣布App Framework 的新版本3.0发布了.你可以获得最新的代码于https://github.com/01org/appframework ,要查看文档请访问 http://app-framework-software.intel.com/ 你仍然可以找到 App Framework 2.1/2.2的页面和文档 :http://app-framework-so…

第二章 设计高质量的React组件

第二章 设计高质量的React组件 高质量React组件的原则和方法: 划分组件边界的原则: React组件的数据种类: React组件的生命周期. 2.1 易于维护组件的设计要素 1.高内聚:指的是把逻辑紧密相关的内容放在一个组件中.用户界面包括:内容.交互行为.样式. 2.低耦合:指的是不同组件之间的依赖关系要尽量弱化,也就是第个组件要尽量独立. 2.2 React组件的数据 React组件的数据分两种,prop和state,作何一个改变,都可能引发组件的重新渲染. 选prop or sta…

第二章App框架设计与重构

response标准格式: { "isError":false, "errorType": 0, "errorMessage": "网络异常", "result": "" } { "errorMessage" : "网络异常", "errorType" : 0, "isError" : false, &quo…