2016年02月_fareise

原创 HTML5移动开发实战必备知识——本地存储(2)

了解了一些基本的本地存储用法和思想后，我们来系统的介绍一下本地存储。本地存储分为三大类：localStorage/sessionStorage/本地数据库localStorage和sessionStorage二者的用法、所包含的函数、调用方法等都是相同的，二者仅仅是含义不同。其中，localStorage所存储的数据是长期有效的，而sessionStorage所存储的信息当每个会话（ses

2016-02-29 10:12:20 1459 1

原创 HTML5移动开发实战必备知识——本地存储(1)

本地缓存是HTML5出现的新技术，这个技术的出现使得移动web的开发成为了可能。我们都知道，要想打造一个高性能的移动应用，速度是关键。而在HTML5之前，只有cookie能够存储数据，大小只有4kb。这严重限制了应用文件的存储，导致web开发的移动应用程序需要较长的加载时间。有了本地存储，让web移动应用能够更接近原生。浏览器中，本地存储通过window.localStora

2016-02-27 20:10:53 1901

原创 HTML5开发移动web应用——SAP UI5篇(9)

之前我们对于app的构建都是基于显示的，现在我们来格式化一下，引入更多的SAP UI5组件概念。这使得APP的一个界面更有层次性，更像是一个手机应用的界面，并且更好地使用SAP UI5中提供的功能。每个不同的层次都有不同的功能。首先修改App.view.xml文件代码：<mvc:View controllerName="sap.ui.demo.wt.controller.App"

2016-02-20 21:57:02 2296 3

原创 HTML5开发移动web应用——SAP UI5篇(8)

本次对之前学习的SAP UI5框架知识进行简单小结，以及重点部分知识的梳理。1、在UI5使用过程中，命名空间的概念很重要。2、一般的sap组件引用格式如下：sap.ui.define([ "sap/ui/core/UIComponent", "sap/ui/model/json/JSONModel", "sap/ui/model/resource/Resource

2016-02-18 17:45:51 4521 1

原创 HTML5开发移动web应用——SAP UI5篇(7)

SAPUI5中支持利用Component对组件进行封装。想封装一个组件，Component的基本代码如下：sap.ui.define([ "sap/ui/core/UIComponent"], function (UIComponent) { "use strict"; return UIComponent.extend("", { init : functio

2016-02-17 16:19:00 2126

原创 HTML5开发移动web应用——SAP UI5篇(6)

·· 在SAP UI5中，使用i18n文件的方式来解析变量。对于以后开发不同的语言包，也有对应不同的i18n文件。我们先来大体看一下在SAPUI5中，i18n是如何使用的。首先我们建立一个文件，文件名为i18n.properties。在其中编写如下内容：showHelloButtonText=Say HellohelloMsg=Hello {0}这里其实定义了几个变量或者方法的值。

2016-02-16 10:46:07 2747

原创 HTML5开发移动web应用——SAP UI5篇(5)

了解掌握了MVC中的V和C，这次我们来学习一下M数据模型这一部分的内容。首先，修改App.controller.js文件的内容，代码如下：sap.ui.define([ "sap/ui/core/mvc/Controller", "sap/m/MessageToast", "sap/ui/model/json/JSONModel"], function (Cont

2016-02-15 15:12:20 2646

原创 HTML5开发实战——Sencha Touch篇(2)

一般的APP，页面的基本布局都是一样的，下面是几个tab，用来进行选择以达到页面切换的作用。点击不同的按钮，界面就会切换到不同的内容。Sencha Touch中可以很容易的进行这样的操作。首先，我们要确定我们在这里要使用TabPanel组建。顾名思义，该组件在界面的下方添加tab并且可以通过tab进行页面切换。基础代码如下：launch:function(){

2016-02-13 09:36:18 2810 1

转载移动web开发框架研究

原文链接：http://blog.csdn.net/xyz_lmn/article/details/41052977 纯粹的总结一下移动web开发框架，移动web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发，是成熟的框架，jQuery Mobile出自于jQuery家族，Sencha Touch来自于ExtJS。jQuery M

2016-02-11 21:33:53 1900

原创 HTML5开发实战——Sencha Touch篇(1)

学习了许多基本的Sencha Touch内容，已经了解了Sencha Touch的开发模式。接下来一段时间我们将利用Sencha Touch来进行自己的web应用构建。先要解决的是前端的问题，从最简单的入手，一个基本的登录界面。最简单的登录界面大体由以下介个元素组成：用户头像部分、用户名输入部分、密码输入部分、提交按钮。我们从这种虽简单的界面开始，逐步进行界面实现。一、创建主面板E

2016-02-11 17:09:38 10376

原创 HTML5开发移动web应用——Sencha Touch篇(12)

Sencha Touch同样可以使用地图、多媒体等插件。 1、Map组件我们通过Ext.Map定义Map组件，其xtype为map。除了使用该插件外，还要调用Google的地图API所使用的js文件，代码如下：引入该文件后，我们就可以编写js代码来显示地图了： Ext.require(‘Ext.Map’)Ext.application({//省略其他配置项.

2016-02-10 11:14:07 3269

原创 HTML5开发移动web应用——Sencha Touch篇(11)

DataView与数据库的交互还有许多更加深入的内容，包括与数据库、PHP等的综合运用，服务端数据的增删改查等。因为目前其实还处于入门阶段，所以我们将这一块最复杂的部分先放一放，接下来进入List组件的部分。 List组件继承了DataView的所有属性，它用于以列表等形式展示数据，是Sencha Touch中功能非常强大的一个组件。基本使用方法如下：launch:function(

2016-02-08 19:29:47 2231

原创 HTML5开发移动web应用——SAP UI5篇(4)

我们在项目中添加Controller，来设定控制器。我们制作一个按钮，点击该按钮后，自动弹出hellow,world的对话框。修改App.view.xml中代码为如下形式：<mvc:View controllerName="sap.ui.demo.wt.controller.App" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc">

2016-02-08 10:54:27 1742

原创 HTML5移动开发常用——XML基本知识介绍

无论是在Sencha Touch还是SAP UI5，都用到了XML这种语言。在Sencha Touch中，它和JSON一样被用来做数据传输；在SAP UI5中，它被用来当做视图模板。接下来我们来深入学习一下XML语言。网上对XML的概述解释是：XML 是可扩展标记语言（Extensible Markup Language）的缩写，其中的标记（markup）是关键部分。您可以创建内容，然

2016-02-08 08:42:36 3509 1

原创 HTML5开发移动web应用——Sencha Touch篇(10)

我们把数据可视化出来，为的就是进行一些针对数据的操作。这里介绍一下DataView的排序功能和搜索功能。掌握这两个技能，可以让写出的数据界面内的数据能够根据要求进行排序，可以进行数据的搜索显示灯功能。一、排序当我们想根据数据的某一个字段排序时，可以调用sort方法： store.sort(‘lastName’,’asc’); 其中，store是我们定义好

2016-02-07 14:45:08 2949

原创 HTML5开发移动web应用——SAP UI5篇(3)

我们开始系统的进行SAP UI5的学习。SAP UI5采用的也是MVC的基础架构模型。在index.html中，我们需要做的内容如下：①引入相关的SAP UI5库文件②html标签编辑组件的盛放容器： class="sapUiBody" id="content">③编写相关的js代码（这个以后要放到单独的文件中）sap.ui.getCore().attachInit(fun

2016-02-07 11:02:09 1462

原创 HTML5开发移动web应用——Sencha Touch篇(9)

DataView用于数据展示，我们来看看具体是如何将数据应用于该组件实现可视化的。 Sencha Touch支持XML和JSON的数据格式。二者虽然数据类型不同，但是在Sencha Touch中的操作都是类似的。我们来以XML举例。因为之前接触的XML比较少，下面给出XML数据的基本格式：文件名：bookInfo.xml1image/html51.jpgH

2016-02-06 19:46:45 2720

原创 HTML5开发移动web应用——SAP UI5篇(2)

我们通过网上的一个小demo，学习一下SAP UI5基本代码的编写流程。这里在前面讲过的基本文件引入等这里就不重复介绍了。我们最后要做的是一个SAP UI5风格的表格，并添加了一些交互性很好的功能。首先在HTML中，编写如下简单内容即可：这只是为了给UI5组件一个容器，让它们找到自己的位置。js代码实现主要功能。var oTable = new

2016-02-06 08:40:38 1391

原创 HTML5开发移动web应用——Sencha Touch篇(8)

DataView是Sencha Touch中最重要的组件，用于数据的可视化。数据可视化的重要性不言而喻，可以讲任何数据以形象的方式展示给用户。目前，如何更好地可视化是许多公司或框架都在追求的。通过数据的可视化可以发现数据之间的规律，预测未来的情况。下面我们就看看Sencha Touch中是怎么进行数据可视化的。由于DataView组件内容非常多，所以将在以后的一段时间内持续这一部分的学

2016-02-05 20:14:38 2731

原创 HTML5开发移动web应用——Sencha Touch篇(7)

Sencha Touch中的Ext.DomHelper组件可以方便的实现对元素的追加或重写操作示例：launch:function(){function appendDom(){Ext.DomHelper.append(‘my-div’,{id:’url-list’,tag:’ul’, //指定追加的元素种类cn:[//或children，使用数组形式定义数组内的

2016-02-04 16:47:29 2953

原创 HTML5开发移动web应用——SAP UI5篇(1)

SAP UI5入门介绍以及相关前端移动web开发框架比较

2016-02-03 18:29:59 3101

fareise的博客