基于JQuery框架的web移动端快速开发技术研究与应用.docx

基于JQuery框架的web移动端快速开发技术研究与应用 摘 要：互联网技术不断发展，web已经进入新时代，移动端快速开发技术是web应用的基础，因此面临着更高的要求。随着基础设施及计算机软硬件的提升，网民人数的快速膨胀，上网诉求爆炸式增长，进入新时代的互联网，不论在技术还是思维上都发生了重大变革。这一阶段，对用户的关注度提升到前所未有的高度，在满足人们对信息多样性和及时性要求的同时，良好的用户体验同样重要。本文从JQuery框架以及web移动端应用着手分析，研究了基于JQuery框架的web移动端快速开发技术，以及该技术的应用。关键词：JQuery框架;web移动端;快速开发技术在互联网应用的过程中，分为客户端与服务端，其中客户端需要向互联网用户展示相关功能以及网页服务等，满足互联网用户的基本需求，而服务端则需要web移动端技术进行相关的操作，确保互联网的正常应用。在传统的web模式中，当互联网应用人数增加、搜索数量增加等情况下，服务器加载的任务负担就会增加，从而出现加载过慢或者加载失败的问题。为了改善这一问题，本文针对web移动端快速开发技术展开研究。一、JQuery框架概述JQuery框架是由John Resig在2006年创建的JavaScript框架1。将其命名为JQuery框架，意在强调其“查找”或“查询”网页元素，并通过JavaScript操作这些元素的核心用途，JQuery借鉴了HTML和CSSS结构中的很多优点，采用了一致性和对称性的设计原则2。JQuery凭借简洁的语法和跨平台的兼容性，极大简化了脚本开发人员遍历HTML文档、操作、处理事件、执行动画和开发的操作。短短几年间，JQuery作为一个真正开源的项目，已经拥有了一个足以傲视群雄的、由顶尖JavaScript开发人员组成的核心团队，以及一个数千万开发人员组成的活跃社区，并被因特网上一些最有名的站点广泛采用3。二、web移动端应用用户在应用互联网的过程中，其看到的是服务器显示端所显示的内容，其操作需要后台进行处理。比如说用户通过互联网点击一个链接，此时就相当于用户向服务器终端发出一条指令，服务器会对该指令进行处理，当服务器处理结束后，用户的显示端就会显示出相应的结果。在传统的web移动端，指令的处理需要多种复杂的程序，因此用户在浏览器中浏览时，容易出现等待时间过长的问题，甚至当用户点击链接时，会导致页面的全部数据重新加载，始终无法显示出用户点击的页面信息，影响用户的互联网应用体验4。而web移動端快速开发技术改变了传统的web应用模式，Ajax技术的真正被认可是因为把传统的Web应用的交互模式改变为了异步提交，并用隐藏的框架完成，没有用到服务器。该技术能够通过XML对数据进行异步读取，然后采用XSTL以及XML进行数据交换处理，最后通过DOM显示页面信息，降低了处理器的负担，提高了互联网加载速度，为互联网用户带来了更好的用户体验。但是，Ajax并不是万能的，它只有在服务器确定交换后，引擎才可以向服务器提出异步请求，否则就会使以往的数据冗余，影响浏览器的兼容性。三、基于JQuery框架的web移动端快速开发技术从JQuery框架本身来看，其在互联网应用中，具有高效率的选择符机制，可修改的外观页面、动态创建效果、全面支持Ajax、简化了JavaScript任务开发等。JQuery框架具有以下特点：第一，简洁性。与以往的框架相比较，JQuery框架能够兼容DOM、CSS、XPath等，在应用的过程中，可以自定义选择方式，适用于各种技术、应用的开发需求。从技术人员层面来看，一般web移动端快速开发技术人员都能够熟练应用css，因此该框架的学习比较容易。JQuery框架的代码也简洁易懂，以往需要输入多行代码的功能，在JQuery框架中只需较少的代码就能够完成，因此具有简洁性，能够有效提高开发效率5。第二，架构性，JQuery框架能够将结构与行为分离，JQuery框架可以基于前端的设计，实现程序的架构之美。比如在介绍DOM时，通过HTML代码对页面的结构进行定义，元素的行为可以在脚本文件中进行定义，在操作时，通过简单的ready函数就能够实现架构分离。第三，扩展性，JQuery框架是一套完整的JavaScript解决方案。基于JQuery的核心库，可以搭建自己的JavaScript应用框架或者开发插件，并且JQuery提供了完备的API，使开发者可以轻松构建自己的个性化模块6。由于JQuery反应迅速与简洁的优势与特点，所以其在用户中深受追捧。基于JQuery框架的web移动端快速开发技术能够直接将数据与内容进行分离处理，交互任务完成效果良好，与其他JavaScript相比较，有时比较明显的优势。比如在工作中需要在网站上制作移动web的app，那么当前技术中，常见的有Sencha Touch和JQuery Mobile，相对而言，JQuery Mobile操作更加简单、开发效率也比较高，但是由于没有具体的模块化，因此后期维护问题难以解决，所以如果是大型网站的项目，并且技术支持能力较高，采用Sencha Touch比较适宜，但是如果是简单的娱乐一下，使用JQuery Mobile就更加方便，从互联网用户层面来看，JQuery Mobile的受众会更多。JQuery 在开发过程中尽可能地兼容了各种主流浏览器，虽然无法做到百分之百，但是基本已经算是比较完美的框架结构了。但是其兼容程度主要针对的是主流浏览器，对于小型或者杂乱的浏览器，其也难以做到全部兼容。但是总的来说，与其他的框架程序对比而言，以JQuery为框架，做Web的移动端更加合适与方便。四、基于JQuery框架的web移动端快速开发技术应用（一）异步请求在前文研究中提到基于JQuery框架的web移动端快速开发技术的重点是Ajax异步请求，其也是web移动端开发的主要任务。在web移动端开发设计的过程中，主要包括前台逻辑设计、业务逻辑以及数据管理设计，通过动态生成的业务表单以及功能按钮，在操作的不同层次中，各项功能均是独立存在的。在互联网页面显示端的设计中，有web的XHTML和CSS，除此之外，还有bootstrap的布局，把层叠样式和响应相融合，使JQuery成为底层对象，完成与DOM的交互和密封工作。在这样的结构下，JQuery框架就能够实现显示端的动态展示，web移动端也能够开始工作，与此同时，还具有数据的储存功能，让数据库设计使用了最底层的SQL，业务逻辑使用了python7。在异步请求程序运行的过程中，JSON和XML成为了主要数据的交换模式，在应用时，能够兼容XML对数据进行自定义的处理与分析，并且通过扩展，将分析的数据标记为语言化表达方式，使服务器与客户端之间能够形成一条交流的渠道，辅助web工作的运行。本文在研究的过程中发现，Ajax在运行的过程中，存在安全以及效率两个方面的问题，这些问题会直接影响Web移动端的生产与开发，在设计的过程中，采用JSON来替代传统的XML，这样会产生新的数据格式，可以有效避免一些问题的发生。JSON属于轻量的数据格式交换平台，在运行时，无论采用什么样的框架，JSON都能够快速对其进行解析，形成完整的数据格式，并且与数据进行转换，在程序中，也属于独立存在的一个程序，便于操作与管理。在互联网用户中，有一部分用户习惯使用Ajax加载数据，就会出现数据来自同一个域名或者无法加载的问题，这主要是由于服务器无法跨区域访问，可以取消跨区域访问的安全限制，这样服务器就能够成为代理服务器，进行跨区域的访问。基于JQuery框架的web移动端快速开发技术能够有效提高互联网服务器的加载速度，改善传统web服务器中的缺陷，为互联网用户带来便捷的服务。（二）JQuery Mobile基于JQuery框架的web移动端快速开发技术在应用的过程中，使用的是JQuery Mobile框架。JQuery Mobile框架的研发与设计主要针对平板电脑以及手机端的用户，在常规的平台中，已经形成了核心数据库，并且形成了一套完整的运行模式，既能够满足电脑端用户的需求，也能够满足手机端用户的需求。当前互联网用户常见的应用系统有Apple IOS、Android、Windows Phone、Blackberry、Palm WebOS、Firefox Mobile、Meego、Samsung Bada、Opera Mobile 等，JQuery Mobile框架在為这些系统服务的过程中，都能够达到较高的标准。从基于JQuery框架的web移动端快速开发技术方面分析，JQuery Mobile框架能够在最大程度上支持各个主流系统，并且兼容性较高，技术人员在试验时，也能够保障web移动端能够在各个浏览器中运行，这也为web移动端技术的开发提供便捷条件。此外，JQuery Mobile框架的模式已经比较完善，在应用的时候可以直接进行套用，对于技术人员的工作而言，也十分方便。当前Web移动页面的结构会自动调整为最大优化，也能够兼容页面的嵌入操作，能够满足创建移动Web页面模式的需求。该模式在创建多媒体图像时，不需要采取特殊的配置，普通知识链接就能够满足用户需求。总而言之，随着互联网的迅速发展，web应用是距离用户最近的部分，因此web移动端快速开发技术在社会中也广受关注，web移动端快速开发技术的开发与应用，能够为互联网前端系统的设计提供技术等支持。JQuery在JavaScript框架具有较多的优势，目前在web移动端快速开发技术中已经得到了广泛的应用。通过本文的研究能够看出，基于JQuery框架的web移动端快速开发技术仍然存在一些问题，由于基于JQuery 框架的Web移动端快速开发技术管理工作关系到整个网络的质量和相关企业的经济利益，所以在未来的发展过程中，还需不断完善与提高基于 JQuery 框架的Web移动端快速开发技术。参考文献1 王丹宁，周辉.基于JQuery Mobile框架的地震移动门户网站开发J.电子技术与软件工程，2014（21）：38-39.2 万菲， 代毅.基于HTML5+JQueryMobile的校园移动Web快速开发的实践：以珠海广播电视大学为例J.教育信息技术，2016（5）：25-27.3 辛刚.基于JQuery框架的Web应用研究与开发J.电子世界，2014（11）：11.4 杨旭士.基于JQuery框架的Web查询视图设计与实现J.计算机与现代化， 2010（8）：132-133.5 何光旭， 康春华.基于jQuery框架的医院HIS系统页面前端特效设计J.电子设计工程，2015（24）：40-42.6 刘福祥，蒋蓓蓓.使用jQuery Mobile框架的移动阅读解决方案：以金陵图书馆掌上阅读为例J.图书馆学研究，2014（20）：49-53.7 肖智，杨文军.基于jQuery Mobile的移动高校信息公开系统的设计与开发J.图书馆学研究，2012（23）：47-51.【作者简介】 马业梅（1985），女，本科，研究方向：中职计算机教育，网站开发与建设。发明与创新职业教育2020年3期发明与创新职业教育的其它文章高职体育如何培养学生终身体育意识探讨高中语文教学中人文精神的培养对策探析高中语文教学中渗透传统文化的措施高职体育教学中拓展训练的运用措施生态修复工程课程教学改革与实践探索电能质量问题的研究与探索 -全文完-