网站地图 | RSS订阅 老铁博客 - 上海SEO优化|上海网站建设|蜘蛛池出租|站群代搭建
你的位置:首页 » 站群搭建 » 正文

HTML5实战:用Jquery Mobile制作记事本

2019-6-14 21:21:9 | 作者:老铁SEO | 0个评论 | 人浏览

  】随着HTML5时代的来临,移动开发中除了传统的Native APP外(即使用移动操作平台自带的SDK进行编写代码),通过使用跨平台跨浏览器的HTML5制作的webapp移动应用也将大行其道。由于HTML5编写的移动应用,采用的是跨平台和浏览器的HTML5,以及搭配CSS3和Javascript,在程序的编写上难度大为降低,因此越来越受到广大开发人员的青睐,开发人员可以很快利用已有的知识技能加入到移动开发的阵营中去。而Jquery Mobile框架的出现,无疑更为已经熟悉Jquery开发的开发者提供了更多的方便。

  本文假设读者已经对jQuery或者jQuery Mobile有一定的认识,其中jQuery Mobile框架在可以获得下载。如果读者对jQuery Mobile基础知识不大了解,可以参考如下的几篇文章,

  本系列教程中,将使用jQuery Mobile编写一个简单的移动记事本的应用,同样地,在

  介绍了如何使用另外一个适合移动开发的Sencha Touch框架开发同样的一个记事本应用,有兴趣的读者可以进行学习。本文将介绍一个基于行为驱动模式开发(behavior-driven approach简称BDD)的框架Jasmine framework.(,在BDD开发中,我们将就每一个步骤都通过该开发框架来进行不断重构,以达到快速开发的目的。

  在本系列教程的第一部分,将首先看下系统的整体设计,将完成如下的几个步骤:

  首先我们要实现的是一个可以增加和编辑记事的界面,我们将这个界面命名为Note Editor。界面看上去应该是如下图的样子(下图是个设计草稿图):

  此外,我们需要一个记事的列表的界面,以显示已经存在的记事,这个是我们启功应用程序时首先显示给用户的主界面,主界面如下所示:

  • 本文来自: 老铁博客,转载请保留出处!欢迎发表您的评论
  • 相关标签:记事本网页制作  
  • 已有0位网友发表了一针见血的评论,你还等什么?

    必填

    选填

    记住我,下次回复时不用重新输入个人信息

    必填,不填不让过哦,嘻嘻。

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。