日期:2014-02-16 阅读:5626
dmandwp系统 - wordpress系统和DM系统区块建站>>
说起Sencha Touch,就得先说下ExtJS,ExtJS是由JavaScript编写的Ajax框架。
Sencha Touch框架 是将现有的ExtJS整合JQTouch、Raphaël库而产生,该框架是世界上第一个基于HTML5的Mobile App框架。同时,ExtJS更名为Sencha,JQTouch的创始人David Kaneda,以及Raphaël的创始人也已加盟Sencha团队。
Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的 WEB标准,全面兼容Android和Apple iOS设备。
在Tvdrupal视频,只讲下Sencha touch的安装。具体使用请大家网上找些资源。
sencha touch : http://www.sencha.com/
一些命令:
查看版本:$ sencha
先转到当前的目录 cd /path/to/www/myapp(dos写法,网上找些资料了解下dos)
创建项目: sencha generate app MyApp /path/to/www/myapp
sencha app build testing
sencha app build production
-------------
其他的移动框架:
jquery mobile http://jquerymobile.com/
百度的GMU http://gmu.baidu.com/ 百度的GMU是基于zepto( http://zeptojs.com/ )的mobile UI组件库,提供webapp、pad端简单易用的UI组件!
----------------------
一些源代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index.html文件示例</title>
<link rel="stylesheet" href="../../touch231/resources/css/sencha-touch.css" type="text/css">
<script type="text/javascript" src="../../touch231/sencha-touch-debug.js"> </script>
<script type="text/javascript" src="app.js"></script>
</head>
<body>文件示例</body>
</html>
---------
Ext.application({
name: 'MyApp',
launch: function() {
alert('Sencha Touch 2框架已被加载');
}
});
---------------------