基于插件式的移动购物系统技术方案

技术编号:18444607 阅读:30 留言:0更新日期:2018-07-14 10:15
基于插件式的移动购物系统,主要涉及JQuery 插件式设计技术领域,其内容包括,在基于JQuery 插件的网络购物系统中,主要采用开源或自主开发的 JQuery 插件,例如使用开源日期插件、数字格式插件,自主开发的表格插件、联动下拉框插件等。通过使用这些JQuery插件,使得 UI 业务代码与呈现代码分离,通用配置可使各插件在不同情景下呈现不同的数据和样式,极大的提高了代码的可复用性和可维护性。

A plug-in based mobile shopping system

The plug-in based mobile shopping system is mainly involved in the JQuery plug-in design technology field. Its content includes, in the network shopping system based on JQuery plug-ins, mainly using open source or independently developed JQuery plug-ins, such as open source date plug-ins, digital grid plug-ins, independent developed form plug-ins, couplet. Move the pull down frame plug-in and so on. By using these JQuery plug-ins, the UI business code is separated from the presentation code, and the general configuration enables the plug-ins to present different data and styles in different scenarios, greatly improving the reusability and maintainability of the code.

【技术实现步骤摘要】
基于插件式的移动购物系统
本专利技术涉及网络购物
,尤其涉及基于插件式的移动购物系统。
技术介绍
jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件,其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页;jQuery是一种新的JavaScript库。jQuery是一个快速而且简洁的JavaScript库,它使得以下几方面的工作更加简单:(1)遍历的操作HTML文档;(2)事件处理;(3)动画;(4)快速Web开发中的Ajax互操作。
技术实现思路
基于插件式的移动购物系统,系统jQuery的插件设计主要分为封装对象方法的插件、封装全局函数的插件和选择器插件三种类型。封装对象方法的插件:这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常用的一种插件,95%以上的jQuery插件都是封装对象方法的插件,此类插件可以发挥出jQuery选择器的强大优势;封装全局函数的插件:可以将独立的函数加到jQuery命名空间下之下,例如解决冲突用的jQuery.noConflict()方法,常用的jQuery.ajax()方法以及去除首位空格的jQuery.trim()方法等,都是jQuery内部作为全局函数的插件附加到内核上去的;选择器插件、;个别情况下,会需要用到选择器插件,虽然jQuery的选择器十分强大,但还是会需要扩充一些自己喜欢的选择器。基于插件式的移动购物系统,系统jQuery创建提供jQuery.fn.extend()jQuery.extend()两种方法。分别用于拓展封装对象方法的插件和拓展封装全局函数的插件、选择器插件。jQuery提供了两个用于拓展jQuery功能的方法,即jQuery.fn.extend()方法和jQuery.extend()方法:jQuery.fn.extend()方法用于拓展封装对象方法的插件,jQuery.extend()方法用于拓展封装全局函数的插件和选择器插件。这两个方法都接受一个参数,类型为Object,Object对象的"名/值对"分别代表"函数或方法名/函数主体",要点如下:1)jQuery插件的文件名推荐命名为jquery.[插件名].js,以免和其他javascript库插件混淆。例如命名为jquery.color.js;2)所有的对象方法都应当附加到jQuery.fn对象上,而所有的全局函数都应当附加到jQuery对象本身上;3)在插件内部,this指向的是当前通过选择器获取的jQuery对象,而不像一般的方法那样,例如click()方法,内部的this指向的是DOM元素;4)可以通过this.each来遍历所有元素;5)所有的方法或函数插件,都应该以分号结尾,否则压缩的时候可能出现问题,为了更稳妥些,甚至可以在插件头部先加上一个问号;6)插件应该返回一个jQuery对象,以保证插件的可链式操作,除非插件需要返回的是一些需要获取的量,例如字符串或者数组等;7)避免在插件内部使用$作为jQuery对象的别名,而应该使用完整的jQuery来表示,这样可以避免冲突。当然,也可以使用闭包这种技巧来回避这个问题,使插件内部继续使用$作为jQuery的别名。基于插件式的移动购物系统,系统jQuery包括插件中的闭包设计。闭包的概念:ECMAsscript对其进行了简单的描述,允许使用内部函数(即函数定义和函数表达式位于另一个函数的函数体内),而且,这些内部函数可以访问它们所在的外部函数中声明的所有局部变量,参数和声明的其他内部函数,当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包,即内部函数会在外部函数返回后被执行,而当这个内部函数执行时,它仍然必须访问其外部函数的局部变量,参数以及其他内部函数,这些局部变量,参数和函数声明(最初时)的值是外部函数返回时的值,但也会受到内部函数的影响,利用闭包的特性,即可以避免内部临时变量影响全局空间,又可以在插件内容继续使用$作为jQuery的别名。本文档来自技高网...

【技术保护点】
1.基于插件式的移动购物系统,其特征在于:系统jQuery创建提供jQuery.fn.extend()jQuery.extend()两种方法,分别用于拓展封装对象方法的插件和拓展封装全局函数的插件、选择器插件。

【技术特征摘要】
1.基于插件式的移动购物系统,其特征在于:系统jQuery创建提供jQuery.fn.extend()jQuery.extend()两种方法,分别用于拓展封装对象方法的插件...

【专利技术属性】
技术研发人员:不公告发明人
申请(专利权)人:长沙湘佩网络技术有限公司
类型:发明
国别省市:湖南,43

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1