Mobile Jquery(5)Update and Know about Express
1. Check my environment
>npm -version 1.3.23>grunt -version
grunt-cli v0.1.11
grunt v0.4.1
>npm install
>grunt
Build and release the Jquery mobile.
>grunt js
Running the build and get "dist/jquery.mobile.js" created
A lot of examples are under demos directory.
2. Recover my old JQuery Mobile knowledge
…snip…
Too old
3. Working with AngularJS
http://demos.jquerymobile.com/1.4.0/
https://github.com/jquery/jquery-mobile/tree/master/demos
3.1 Manually Put Together
>git clone https://github.com/simonguest/jqm-angular-sample
Start my mongoDB first, then use this client
https://github.com/bububa/MongoHub-Mac
>node app.js
Visit http://localhost:3000
3.2 Use adapter
>git clone https://github.com/opitzconsulting/jquery-mobile-angular-adapter.git
Build it
>npm install
>grunt
>grunt dev
3.3 Use angular-jqm
>git clone https://github.com/angular-widgets/angular-jqm.git
Install all the dependencies
>npm install
>grunt install
Build
>grunt
Run it
>grunt dev
Visit the page
http://localhost:9000/test/ngSnippet.html#/main.html
4. Decide to Deal with JQM-ANGULAR-SAMPLE
4.1 Get to know about Express first
http://expressjs.com/
Find a directory which will hold our project. Check the latest version of express from nom
>npm info express version
3.4.8
First of all, like all the other nodeJS project, use this file to define the dependencies package.json
sparkworker1:express carl$ cat package.json { "name": "hello", "description": "first demo app", "version": "0.0.1", "private": true, "dependencies": { "express" : "3.4.8" }
}
>npm install
List all the dependencies we have.
>npm ls
We shall use and run express in app.JS
>cat app.js
var express = require('express'); var app = express(); app.get('/hello.txt', function(req, res){ res.send('Hello Sillycat'); }); app.listen(3000);
console.log('Listening on port 3000');
Visit the URL to get this page
http://localhost:3000/hello.txt
We can also Install express to enable the command of express to generate the project or some other useful function
>sudo npm install -g express
But I do not use this.
Debug
https://github.com/visionmedia/debug
Start the express from DEBUG mode
>DEBUG=express:* node app
express:application booting in development mode +0ms express:router defined get /hello.txt +0ms Listening on port 3000 express:router dispatching GET /hello.txt (/hello.txt) +15s express:router matched get /hello.txt +0ms
express:router dispatching GET /favicon.ico (/favicon.ico) +308ms
And there is many examples of express
https://github.com/visionmedia/express/tree/master/examples
4.2 Mongoose
http://mongoosejs.com/
References:
https://github.com/jquery/jquery-mobile
JQueryMobile 1 ~ 4
http://sillycat.iteye.com/blog/1129475
http://sillycat.iteye.com/blog/1129478
http://sillycat.iteye.com/blog/1129480
http://sillycat.iteye.com/blog/1129482
http://simonguest.com/2013/04/08/jquery-mobile-and-angularjs-working-together/
https://github.com/simonguest/jqm-angular-sample
https://github.com/opitzconsulting/jquery-mobile-angular-adapter
https://github.com/angular-widgets/angular-jqm
- 浏览: 2477389 次
- 性别:
- 来自: 成都
最新评论
-
nation:
你好,在部署Mesos+Spark的运行环境时,出现一个现象, ...
Spark(4)Deal with Mesos -
sillycat:
AMAZON Relatedhttps://www.godad ...
AMAZON API Gateway(2)Client Side SSL with NGINX -
sillycat:
sudo usermod -aG docker ec2-use ...
Docker and VirtualBox(1)Set up Shared Disk for Virtual Box -
sillycat:
Every Half an Hour30 * * * * /u ...
Build Home NAS(3)Data Redundancy -
sillycat:
3 List the Cron Job I Have>c ...
Build Home NAS(3)Data Redundancy
相关推荐
Adobe Press Dreamweaver CS5.5, Designing and Developing for Mobile with jQuery HTML5 and CSS3 (2011).
jQuery Mobile Develop and Design 2012.pdf
关于jquery mobile 开发书籍! ps:英文版
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
jQuery Mobile是一款基于HTML5的用户界面系统,旨在使所有智能手机,平板电脑和桌面设备上都可以访问的响应网站和应用。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI...
jquerymobile是用于创建移动 Web 应用的前端开发框架,此资源包含了几套jquerymobile的模板,供新手学习。
3.jQuery Mobile 使用了极少的 HTML5、CSS3、JavaScript 和 AJAX 脚本代码来完成页面的布局渲染。 4.通过使用jQuery Mobile 可以 "写更少的代码,做更多的事情" : 它可以通过一个灵活及简单的方式来布局网页,且兼容...
jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。
jQuery Mobile开发的移动新闻阅读器,HTML5技术配合jQuery MobilejQuery Mobile jqm 新闻阅读器 jqm图标更换 jQuery Mobile jqm 新闻阅读器 jqm自定义按钮的图片以及header和footer的定位
原书名:jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples 原出版社: Addison-Wesley Professional 作者: (荷)Adriaan de Jonge (美)Phil Dutson 译者: 包勇明 程学彬 出版社:人民邮电出版社 ...
jQueryMobile jQueryMobile.js jQueryMobile开发
jquery.mobile-1.4.5 jquery.mobile-1.4.5 jquery.mobile-1.4.5
jQuery.Mobile的文档以及Demo 还有一个jQuery.Mobile的学习app 可以下载到手机上。
JQUERYMOBILE 提示框 用语JQUERYMOBILE 移动开发的提示框
jQuery mobile相册的一种样式
HTML5+jQuery Mobile模板两套
html5 开发 jquery.mobile.theme-1.4.5.min.css 样式表
jQuery Mobile旨在“为jQuery社区创建一个优雅的能够兼容当前所有主流移动平台的HTML5 UI库”。jQuery Mobile不仅给主流移动平台带来jQuery核心库,而且还发布了一个完整统一的jQuery移动UI框架。 jQuery Mobile ...
本资源以Hello Word为例,里面包含了jQuery Mobile框架所需要的部署文件。