jQuery MiniUI,Ajax Web开发

Sencha Touch|Sencha Touch中文|Sencha Touch中文教程

Sencah Touch英文书籍 《Sencha Touch in Action》

Jay Garcia develops Ext JS and Sencha Touch applications for various clients around the world and actively contributes to the Sencha community as a speaker, advocate, and frequent poster on technical forums. Author of Ext JS in Action, Jay has been a Sencha enthusiast and supporter since 2006. Anthony De Moss has been an avid Ext JS enthusiast since 2007 and is fanatical about good product design and usability. On the rare occasion he's away from his keyboard, you can find him climbing at the local rock gym. Mitchell Simoens has been working with Ext JS since late 2006 and Sencha Touch since 2010. He now works at Sencha doing primarily support on the forums but also works on Ext JS and Sencha Touch.

HTML5来了,7个混合式移动开发框架

在这个时间开始学习移动开发真是最好不过了,每个人应该都有一些移动应用的创意,而且你并不需要任何的原生应用编程经验,你只需要一些HTML的相关知识,懂一些CSS和JavaScript就够了。如果你总听别人说HTML5的移动应用太慢,我只能告诉你应该有一些主见,首先HTML5会越来越好,移动端的硬件也会越来越强,怎么说呢,你仔细看一看你手机上的应用吧,很多应用已经悄悄的使用混合式开发了,如果像你说的它们很慢,你发现它们了吗?

目前已经有很多的框架可以帮助你开发跨平台的移动应用,在这篇文章中,我们只介绍最牛的7个。

在Sencha应用程序中使用插件和Mixins

概述


当扩展一个框架类的功能的时候,通常都会直接将新功能写入派生类,然而,如果所需的同一功能存在于多个组件,那最有效的方式就是将它定义为一个插件或混入。插件和混入都是用来将额外功能添加到其他类的类。在本文,将介绍这些类是什么,他们之间的区别,以及他们如何工作。在Sencha Fiddle,我们准备了一些示例来演示这些概念。

Sencha Touch打造超级奶爸之喂养记APP(附源码)

起源

  非常高兴我的宝宝健康平安的出生了。对于初次做奶爸的我,喜悦过后,面临着各中担心,担心宝宝各项指标是否正常。最初几天都是在医院待着,从出生那一天开始,护士妹妹隔一段时间就会来问宝宝的喂奶,大小便,体温等情况。我想医生们应该也是通过这些数据来分析宝宝是否健康。宝宝刚才出生的几天,吃喝,大小便很频繁,

但又不方便记录,很容易遗漏,所以想做一个APP来记录宝宝的一些数据。最近正在学习Sencha Touch+PhoneGap,经过几天的开发,基本成型,目前我的宝宝一些数据都是用这个软件来记录的。同时也分享给大家,希望能对更多的人有用。初次开发,还有很多不周全的地方,望各们指正。

  宝宝刚出生这一段时间主要需要记录的数据有:妈妈喂奶次数,喝牛奶多少量,大小便多少次,体温多少,睡了多长时间。APP也是围绕这几个功能进行开发。

最终效果



Sencha Touch 2.4正式版下载

Sencha Touch 2.4.0 提供了自定义主题的能力,你可以为你的应用定制不同平台上的 CSS,不同平台这里可以理解为不同的浏览器,例如 Chrome、IE10 或者 Safari,也可以是不同的设备,如 Android、iOS、BlackBerry 10、Windows Phone、Surface 等。Sencha Touch 可自动检测当前运行的平台。

在Sencha Touch中创建离线/在线代理

概述


在Sencha Touch中,一个常见的需求就是,当设备在没有连接互联网的时候,应用程序必须能够继续工作。Sencha Cmd为实现应用程序离线工作提供了一切所需的工具,如自动生成应用程序清单文件,不过,这其中最大问题是如何处理数据。有许多方式可以用来处理数据,而一个常用的技术就是在本地存储代理和AJAX代理之间实现切换。

在本文,ProWeb软件公司的Tom Cooksey将展示如何使用一个代理来实现类似的效果,而且该代理的存储配置对于使用它的程序员来说是完全透明的。

在Ext JS和Sencha Touch中创建自定义布局

布局系统是Sencha框架中最强大和最独特的一部分。布局会处理应用程序中每个组件的大小和位置,因而,不需要手动去管理那些碎片。Ext JS与Sencha Touch的布局类有许多相似之处,最近在 Ivan Jouikov的这篇博文中对他们进行了详细的分析。

虽然是这样,但很多Ext JS和Sencha Touch开发人员可能永远都不会去了解布局系统的机制原理。Sencha框架已经提供了最常用的应用程序布局,因此很少出现应用程序需要额外功能的需求,因而不大会有人愿意去了解布局系统的内部运作。

试想一下,你的公司需要在应用程序中使用3D Carousel来显示界面元素,但没有任何标准的Sencha布局可以提供这种能力,哪怎么来解决这个问题呢?

HTML5企业安全访问控制的七种武器

自从2010年乔布斯宣布苹果不再支持Flash而专注于HTML5以来的近5年以来,HTML5得到了迅猛的发展。如今HTML5的创建工具层出不穷。这些工具已经不仅仅局限于游戏和视频的创建。其中一些,比如说Sencha Space,提供了一整套关于多设备,针对数据及应用支持的BYOD解决方案。

前端开发框架选型清单

随着Web技术的不断发展,前端开发框架层出不穷,各有千秋,开发者在做技术选型时总是要费一番脑筋,最近,IBM高级工程师王芳侠撰文对Bootstrap、jQuery UI、jQuery Mobile、Sencha ExtJS、Sencha Touch、Sencha GXT、Dojo、Dojo Mobile、Mootools、Foundation、YUI、Kissy、QWrap 等 16 个国内外前端开发框架进行了比较详细的比较,非常值得读者借鉴。

培训提示:解决常见编码问题的简单技巧

很多时候,在我教授一个Sencha培训课程的时候,学生经常会请求我帮忙看一下他们的应用程序,因为有些问题他们不知道如何去解决。由于不是我写的代码,因而,有时很难快速的向他们给出答案。还好,我有一套简单的技术,可以用来筛选出最明显的问题。

在本文,我将对一些最常见的问题进行分类,并介绍一些简单而有效的策略来解决这些问题。

问题:我看不到我的数据


你正在浏览你的应用程序,单看不到任何数据。通常,该问题很容易解决。

试一下以下方法:


首先,先检查存储(Store),可以在应用程序运行时在浏览器控制台来做这个:

Sencha Touch2中selectfield组件如何接收非标准options数据

问题:selectfield组件默认接收的options数据形如:

    var selectOptionData = [
    {text: 'First Option',  value: 'first'},
    {text: 'Second Option', value: 'second'},
    {text: 'Third Option',  value: 'third'},
    ]; 

而我从后台服务接到的数据可能形如:

解读sencha touch移动框架的核心架构(二)

来这行要详解Ext.extend的,但是发现网站有很详细的,那么就跳过去吧

为保持一个系列的分析,还是先搬过来吧,下章开始分析Ext4.0的新架构

在Java中,我们在实现继承的时候存在下面几个事实:

1, 准备两个类,他们用extends关键字链接起来

2, 如果超类没有默认构造函数,需要在子类构造函数中显式的super并传参,如果都是默认构造函数也可以super,不super虚拟机是自动的

3, 子类可追加,覆盖,重载方法,子类可以有自己的私有属性,他们在子类构造函数中被构造

4, 字段是数据,方法在代码区,和类建立方法表,同一个类的对象有自己的数据但是共享方法代码

比如有两个类,Plane和Space,Plane表示平面,Space表示空间,Space是Plane的子类,在java中

解读sencha touch移动框架的核心架构(一)

Sencha的前身就是Extjs了,sencha 框架是世界上第一个基于HTML5的Mobile App框架

那么何谓框架,传统软件工程对于库和框架的区分主要着眼于对应用运行流程的控制权,框架提供架构,控制运行流程,让开发者在合适的地方书写针对具体问题的代码

sencha提倡的就是组件化编程,是面向对象的技术的一种近一步的发展延伸,类的概念仍然是组件技术中一个基础的概念,但是组件技术更核心的概念是接口。

sencha是重量级的架构了,一般来说很少会有公司用到内部的这种架构,因为太像java的Swing了

不过我在项目中用sencha组织的代码结构拿来主义本来不是我的风格,自己也改动了很多代码, 但是整体的设计还是参考的sencha了

有项目图为证:3万行以上的纯js代码架构哦~

AMD + sencha核心