【JS】学习18天Jquery Moblie的总结笔记。

现在是2013年11月18日1:53分,从1号开始学习JqueryMoblie(简称JQM),这些天遇到的问题,和走的弯路还真不少。

先做个小总结,做了那么多天的一些收获:

JQM是一个手机网站/轻应用的框架,提供了框架样式,图片,主题,页面跳转的滑动效果,面板效果等,在手机浏览器看不再像看电脑网页很小很难操作。而写法跟普通页面差别不大,就提交按钮从input改成a标签,需要用到ajax。

官网:http://code.jquery.com/mobile/

样式主题设计:http://jquerymobile.com/themeroller/  (学懂了可以弄一弄)

文档 喜欢3个,一个是手册网址,十分清晰,第2个是中文简单手册,内容跟第1个差不多,够方便;一个是中文教程PDF文件,讲得比较详细。

手册网址:http://www.lampweb.org/jquerymobile/ 

中文手册:http://yunpan.cn/QUsQM6fBFTdcd(这个比较简单,刚学可以先大概看看这个了解一下原理,然后再了解事件和一些工具)

中文PDF:http://yunpan.cn/QUsQesbzFAX3Z

 

第一个Demo 是在JqueryMoblie中文社区的一个帖子,不过这中文社区里面不知道为什么有很多条广告,所以不太喜欢。

实例网址:http://m.zhufukc.com/

这个算挺经典的实例,看到大概能清楚模型是怎样的。

 

还有一个很喜欢的网站,这个Demo也解决了一个困了我很久的页面跳转问题,用了他的global.js里面的方法,真心感谢。

网址:http://www.wglong.com/main/artical!details?id=14

基本这18天在找资料,找Demo,摸清框架原理,也看到有这框架的缺点,有些浏览器部分样式和效果不太支持,目前知道的有苹果的默认浏览器。

从这4个里帮朋友写了一个 JQM+asp.net 的网站,http://www.szpsjkj.com/3g/index.aspx 比较简单,我想应该还会有很多很好的效果可以学习。

posted on 2013-11-18 02:44  BigOldMouse  阅读(584)  评论(0编辑  收藏  举报