【[译]App Framework 2.1 （1）之 Quickstart】的更多相关文章

[译]App Framework 2.1 （1）之 Quickstart

最近有移动App项目,选择了 Hybrid 的框架Cordova  和  App Framework 框架开发. 本来应该从配置循序渐进开始写的,但由于上班时间太忙,这段时间抽不出空来,只能根据心情和兴趣,想到哪写到哪,前面的部分以后慢慢补上. App Framework 前生是是叫 jqMobi 注意大家不要和 jQuery Mobile 混淆了,它们是两个不同的框架,一开始我还真混淆了0.01秒. 这里我先翻译一下Quickstart 部分,一是自己工作上用的上,二是也想顺便练练英文,最关键…

[译]App Framework 2.1 （2）之 About

英文原文在此:http://app-framework-software.intel.com/documentation.php#App Framework/af_about App Framework 是一个为移动设备从头构建的快速查询选择器库.认识到之前存在的框架如:jQuery 和 ZeptoJS设计的基础.我们确定了仅仅只需要实现必要的API,以便提升性能的方式.我们目前为App Framework 支持超过60多个与jQuery兼容的语法.完整的列表,点击这里…

[译]App Framework 2.1 （2）之 Get Involved

App Framework  API 第二篇 原文在此:http://app-framework-software.intel.com/documentation.php#intro/involved Intro -> Get Involved( 简介-> 参与 ) 首先,前往 Github 并且复制一份代码.你可以开始使用他的核心,分解它,解决问题,并改进它.当你准备好了的话,你提交一份请求并附上如下内容: 提交的概述 解决的bug/增加的特性 上述的测试用例 所做的这些改动会影响当前的安装…

[AFUI]App Framework Quickstart

--------------------------------------------------------------------------------------------------------- 当使用App Framework,你只能使用W3C可用的选择器.可以去W3C查看完整的列表.不支持如jQuery中创建的自定义伪选择器.下面是一些App Framework能帮助你加速开发的例子. 第一步,引入App Framework到你的页面. <script src="//c…

[译]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…

[AFUI]App Framework Plugins

------------------------------------------------------------------------------------------------------------ App Framework - 查询选择器库 App Framework 是一个异常快速的查询选择器库,从一开始就是针对移动设备而建.识别早期已经存在的像jQuery*和ZeptoJS*框架制定的基础原理,我们确定了加速性能的方式,只实现必要的API.我们目前为含jQuery*兼容…

[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…

App Framework $.ui.loadContent 参数解释

在使用 app Framework 的 $.ui.loadContent(target,newTab,goBack,transition);时 对 newTab goback两个参数一直不得其解.通过查看源码及实践终于搞懂了意思. 官方解释语焉不详,我就不贴了,我现在说说我的理解 如果newTab为true时,载入 target 后,将会清除之前的 history stack,也就是说之前保留的页面历史记录会消失.历史记录里面只会保留应用打开的第一个页面,也就是selected="true&qu…

[AFUI]App Framework

-------------------------------------------------------------------------------------------------------- Intel's App Framework The JavaScript library for mobile HTML5 app development App Framework is built from the grounp up to be light and excel on…

【App FrameWork】页面之间的参数传递

若应用中有多个页面,这时2个页面之间可能需要进行参数传递.那么如何来实现呢? 首先想到的就是URL参数传递的方式,如:在panel里设置属性 data-defer="Pages/Shake.html?uid=nxgliming",然后在第二个页面接收,结果方向第二个页面的URL为,根本获取不到参数.原因是:在index.html页面加载的时候,它同时也会把第二个页面(Shake.html)的内容加载到当前的DOM里面,所以得到的URL还是index.html. 或者采用ajax将参数P…

【App FrameWork】框架的页面布局

之前主要用JqueryMobile+PhoneGap的模式开发移动应用,但JQueryMobile自身存在的硬伤太多,如加载速度缓慢,页面转场白屏.闪烁,头尾部导航浮动问题,页面滚动等等,用户体验效果不太好,从而开始研究一种新的前端框架-App FrameWork,也就是JQ.Mobi. App FrameWork是基于HTML5重写的jQuery框架,对其进行了简化,更有利于在移动设备上应用,并且速度比较流畅. App FrameWork官方网站:http://app-framework-so…

[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组件之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">…

[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 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的组件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实…

jqMobi（App Framework）入门学习（一）

jqMobi(App Framework)入门学习(一) 1. 什么是jqMobi? jqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架.是个极其高速的查询选择库.支持W3C查询. jqMobi源代码是基于jQuery源代码重写的,可是两者又属于不同的产品.jqMobi体积更小,速度更快,兼容性也有所不同. 上面这段话来自百度百科.可是眼下因为jqmobi已被收购并不断发展,并且jqmobi并不只局限于查询选择库,所以上面的解释并非非常全面. 2. jqM…

[译].NET Framework 4.8发布

原文地址:https://devblogs.microsoft.com/dotnet/announcing-the-net-framework-4-8/ 我们很高兴地宣布今天发布.NET Framework 4.8.它包含在Windows 10 2019 May更新中..NET Framework 4.8也可以在Windows 7+和Windows Server 2008 R2 +上使用. 您可以从我们的.NET下载站点安装.NET 4.8 .要构建面向.NET Framework 4.8的应用…

app framework map及ajax方法

$(function () { $.ajax({ url: 'Ashx/GetProductList.ashx', contentType: "JSON", success: function (data) { alert(data); var jsonData = eval("(" + data + ")"); alert(jsonData); $.map(jsonData, function (k, v) { alert("ssss…

【App 开发框架 - App Framework】

http://edm.mcake.com/mark/jqmboi/#plugins 官网:http://app-framework-software.intel.com/index.php 官方API:http://app-framework-software.intel.com/documentation.php#afui/afui_layout 组件:http://app-framework-software.intel.com/api.php…

一个先进的App框架:使用Ionic创建一个简单的APP

原文  http://www.w3cplus.com/mobile/building-simple-app-using-ionic-advanced-html5-mobile-app-framework.html 主题 Ionic Framework 介绍 自Hybrid Mobile技术发展以来,Web开发者转到移动开发的人数大大增加了. Hybrid Mobile开发技术使得一个Web开发者能够去开发一个运行在多个平台上的移动应用.完全不用去学习相应的平台语言和使用已经存在的技术. Hybr…

安卓app开发方式之webApp

1.phonegap: 专注于webapp调用native的功能.2.ionic: 专注于webapp的前端ui技术,需要与phonegap(准确的说是和Cordova配合使用).ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架.目前绑定的与angularJS和SASS.这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序.开始学ionic的时候就嫌弃ionic做不了与手机硬件紧密结合的APP,…

[Phonegap+Sencha Touch] 移动开发24 包wp8.1的App，弹出软键盘输入框聚焦实施后，无移动采收率方法来解决接口

这种现象不仅是现在显示phonegap包sencha touch的wp8.1该程序将出现(只wp8.1,wp8正常).其他js我测试了几个框架(app framework, jquery mobile),好像没有这个问题. 我来描写叙述一下这个现象: 1.执行phonegap打包的wp8程序,打开一个有输入框的界面,例如以下图: 2.点击输入框,使其弹出软键盘.界面会上移.例如以下图: 3.点返回键隐藏软键盘(或者点击界面上其他地方隐藏软键盘),此时界面不恢复原位.例如以下图: 我的一些研究结果…

开发手机APP的神器 --- ionic

  前  言          在如今的生活中,手机已经与我们的生活紧紧的联系在了一起.而手机APP更是其中,重要的一环.今天,影子就为大家介绍一种开发手机APP的超级神器---ionic. ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework ). 可以帮助您使用 Web 技术,比如 HTML.CSS 和 Javascript 构建接近原生体验的移动应用程序. ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互…

[Phonegap+Sencha Touch] 移动开发24 打包wp8.1的App，执行时输入框聚焦弹出软键盘之后，界面上移而不恢复原位的解决的方法

这个现象仅仅出如今phonegap打包sencha touch的wp8.1程序会出现(仅wp8.1,wp8正常),其他js框架我測试了几个(app framework, jquery mobile),好像没有这个问题. 我来描写叙述一下这个现象: 1.执行phonegap打包的wp8程序.打开一个有输入框的界面,例如以下图: 2.点击输入框,使其弹出软键盘.界面会上移,例如以下图: 3.点返回键隐藏软键盘(或者点击界面上其他地方隐藏软键盘),此时界面不恢复原位,例如以下图: 我的一些研究结果:…

一起来搭简单的App框架

1.概述 最近在学车,抽着空写了一个常用的App框架,可惜不会制作gif图片,请忽略录屏软件的那个浮动窗口,要是有更好的方式制作gif麻烦告知下提前感谢,效果图如下,凑合着看下吧. 主要实现了 [1]使用RadioGroup处理选项卡优化布局 [2]使用ToolBar跟侧滑图表联动,效果更好 [3]集合了viewerPager+fragment,drawerlayout+toolbar,optionmenu以及circleImageView处理头像等功能 一般app项目应该可以应付了.下面说下实…

Microsoft Azure Tutorial: Build your first movie inventory web app with just a few lines of code

Editor’s Note: The following is a guest post from Mustafa Mahmutović, a Microsoft Student Partner who attends the Faculty of Electrical Engineering at the University of Sarajevo where he is a Computer Science Major. In this tutorial, you will learn h…

[label][HTML5-APP]通过使用HTML5特性开发WebApp的Framework收集

1. jQuery mobile  http://jquerymobile.com 2. Intel's App Framework  http://app-framework-software.intel.com/index.php 3.  Hbuilder(HTML5 + Native.js)  http://dcloud.io/…

通过Intel XDK编写跨平台app(二)

通过Intel XDK编写跨平台app(一) 通过Intel XDK编写跨平台app(二) 在这个系列的上一篇文章中,我们大致了解了Interl XDK的概况.在这一部分中,我们会详细地介绍如何通过这个框架来构建app,这里我们会以一个简单的照片分享应用为例. 你可以在Github上找到这个例子的最终代码. 对比一下几个框架 Intel XDK 支持几种不同的HTML5架构: App Framework, Bootstrap, TopCoat 和JQuery Mobile. APP Design…