fareise的博客

开始为大家回答各种Web前端问题啦～

基于事件驱动；非阻塞I/O四种I/O: 同步（synchronous）IO和异步（asynchronous）IO，阻塞（blocking）IO和非阻塞（non-blocking）IO阻塞I/O要等数据到了才能继续，否则会阻塞用户进程非阻塞进程中用户请求后会立即得到结果（比如如果数据没有准备好会返回error）Google V8 引擎使用 C++ 代码编写，实现了ECMAScript

通过实例，我们可以加深对HTML5本地存储的理解，并且可以熟练运用。我们来实现一个简单应用，该应用中用户输入用户名和手机号，相关因袭可以保存到保存到本地，并可以进行查找、展示等基本操作。以下只给我出关键代码，项目结构和基本代码以及CSS样式大家可以自己添加。        我们按照功能进行分布完成。1、         存储功能    这里我们要完成，当用户输入姓名和手机号时，

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

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

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

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

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

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

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

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

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

本次我们来接触一下Sencha Touch中的AJAX以及 相应的后台PHP程序。实现表单的AJAX异步提交需要设定的参数：url:表单提交时的目标URL地址standardSubmit:使用布尔值指定表单提交方式（true为同步，false为异步，默认为false） baseParams属性可以在表单中指定var formPanel = Ext.create(‘E

Sencha Touch入门笔记，开发新一代HTML5移动web应用，入门笔记

本次主要讲解入门的基础知识，即Sencha Touch基本规范

主要讲解Sencha Touch中面板组件Panel的基本用法，以及事件监听的方法

Sencha Touch中的轮播组件介绍

这次主要介绍Sencha Touch中的XTemplate组件