`

使用JQuery有感

阅读更多

   由于项目中使用AJAX 较多,所以近两年对AJAX也熟悉起来了。从之前使用prototype.js,后来使用过dwr(只是学习),buffalo (一个国内开源AJAX框架),后来随着prototype.js版本的更新,发现其体积也越来越大,失去了以前小巧易维护的特性。 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /?>

   后来自己写了AJAX小框架,在工作中也能应付。这样过了些时间,当我再使用了ext.js的grid ,发现ext.js太漂亮了,甚至可以说是华丽的。但是当我遇到其自身的一些bug或者是我使用上不当造成的问题的时候,发现其维护真的很麻烦。打开其几万行的原代码,谁有心情看呢?

   最近由于工作关系,并另外一个小组借用。过去使用了JQery 框架,发现其真的是恰到好处。详细的注释在其中也不过3000行代码,特别是其选择器真是太强大了。

   所以一下子爱上了JQery ,如果你还没有使用这个AJAX开发中的利器,强烈推荐你使用。

   举一个例子,实现全选效果的时候,以前我是取得要遍历的全部checkbox 然后遍历,来改变checked 属性。 代码虽不复杂,但工作量是无法和jquery带来的优势比的,jquery 只用了一行。 

$("#A_select_all").click(function (){$("#Scan_Rst_Tab :checkbox").attr("checked", true); });

   还有动态生成表格数据的时候,之前我使用的是:

document.createElement 最后还要 tr.appendChild 。(当然当数据比较多,不要一条一条往document里加,应先加在一起,最后一次加载进document ,因为javascript 操作内存数据比较多的时候,会比较慢,而且页面也是减少刷新比较快。(扯远了,只是个人经验))

而直接用jquery 的clone(true) 方法,最后结合insertBefore 或者其他方法,比如appendTo 等等。 jquery不但方便,而且效率比之前的createElement方法 更高,更快。(有测试提供支持的,测试数据就不列了。反正也不要求大家相信。)

用jquery 把json方法 ,扩展了就更好了。jQuery.extend 能让我们做的更好。呵呵

   整体来说通过这次工作借调,我也学到了不少东西。 借我过去的是我同学,我感觉他真的已经走的很远了,不管技术还是思想。这也是我为什么有要转做C++的想法,做C++ 不等于放弃WEB,只为更好的把握WEB,不管是从服务器性能,还是从脚本本身性能上都能有一些更全面的认识。加上公司氛围就是C++很浓厚,不加以利用,就有些浪费了。

   最近总结了些web方面的知识,本来手上还有一些优秀报表,还有jquery扩展方面的可以总结。只是时间关系,这次就算了,来日方长。同时也招了个做web比较有经验的新同事来接替手上web方面的开发任务。这其实是对web的一次短暂告别。我将投入一些时间进行一个C++项目的开发,在这个过程中,我想我一定又能学到更多的知识。(兴奋中
很高兴的是,工作这么多年,依然能保持对新知识的快速接收,也能对市场炒作的技术概念冷静对待(前面看IBM技术中心有文章介绍反转AJAX ,提的是comet技术,服务器主推方式。我随后对阿里巴巴使用的阿里旺旺在线聊天系统进行分析,发现其也是主推方式,但是并不需要搞这么多概念出来,如果不利用客户端刷新,或者不利用客户端长连接(控件形式[把AJAX也看成是浏览器的控件理解]),这些就不存在B/S结构中,实际上利用AJAX的一个长连接,服务端阻塞这个连接,(注意控制超时),直到有新数据再返回,这就是市面上说的反转AJAX了。想通这里,就可以放心睡觉了。(我很懒,看吧,如果有这个需要或者必要做个DEMO给大家分享。)),和对即将新任务的高度热情。希望这激情之火能将我燃烧得久一点。

分享到:
评论

相关推荐

    jquery零碎实例和学习心得

    `js-0127-jQuery流行广告效果.rar` 可能包含了一些使用jQuery实现的动态广告效果实例,这对于学习如何利用jQuery创建吸引人的网页元素很有帮助。 `jquery手册.rar` 又一份jQuery的手册,可能包含不同的讲解角度或...

    jquery后台管理系统模板

    本文将围绕"jQuery后台管理系统模板"这一主题,深入探讨其设计理念、核心功能以及实际应用,旨在帮助读者更好地理解和使用此类模板。 首先,"jQuery后台管理系统模板"通常是指基于jQuery库,结合HTML5、CSS3等技术...

    Jquery 动感的彩带加载

    3. **事件绑定**:为了在适当的时候启动彩带加载效果,我们需要使用jQuery的事件绑定功能。例如,`$(document).ready()`可以在页面加载完成后执行代码,`$(window).load()`则在所有资源(包括图片)加载完毕后触发。...

    jQuery星级评分插件

    jQuery星级评分插件是一种在网页上实现用户评分功能的JavaScript工具,主要基于广泛使用的jQuery库。这个插件设计小巧,加载快速,使得它在各种网页应用中都能高效地工作,尤其是那些对性能有较高要求的场景。其核心...

    jQuery公司大事记纵向时间轴

    通过解压这个RAR文件,我们可以深入了解jQuery的每一个关键发展阶段,感受这个JavaScript库如何塑造了今天的Web开发环境。这个时间轴不仅可以作为学习历史的工具,还可以帮助开发者更好地理解jQuery的演进,以便在...

    jquery拼图相册展示特效.zip

    "jQuery拼图相册展示特效"是指用户在点击图片后,图片会随机地分割成若干块,形成拼图效果,用户可以从中感受到一种视觉上的惊喜。这种效果主要通过jQuery库中的动画和事件处理功能来实现。当用户点击某张图片时,...

    jquery简单实例代码

    **jQuery简介** jQuery是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理...对于初学者,通过实践上述的基本使用、DOM操作、事件处理、动画效果和Ajax交互,可以快速上手并感受到jQuery的魅力。

    jQuery和CSS3超酷移动手机APP界面设计

    这些动画不仅增强了视觉冲击力,也使用户在操作时感受到更为流畅的反馈。CSS3的媒体查询功能也使得界面能够根据设备的不同屏幕尺寸进行自适应布局,确保在不同设备上都能呈现出良好的显示效果。 文件列表中的`index...

    jQury教程 适合刚接触jQuery的人群,详尽的例子,讲解

    在这一讲中,我们将学习jQuery的基础知识,包括如何引入jQuery库、基本的jQuery选择器(如ID选择器、类选择器、元素选择器等)以及如何使用jQuery来操作DOM元素。例如,使用`$("#elementId")`获取ID为"elementId"的...

    Jquery-wheel-menu备份

    jQuery Wheel Menu 是一款独特的菜单插件,以其旋转轮盘式的交互设计,给用户带来新颖的操作感受。本文将详细探讨jQuery Wheel Menu的原理、使用方法及其实现的精彩特性。 一、jQuery Wheel Menu概述 jQuery Wheel...

    jQuery立体全屏相册

    用户在浏览相册时,可以感受到如同真实书籍翻页般的动态效果,增强了互动性和沉浸感。 在"ParallaxSlider"这个文件名中,我们可以推测这可能是一个用于实现视差滚动效果的插件或者代码示例。视差滚动是近年来流行的...

    Jquery EasyUI DeskTop原创

    1. **Windows桌面风格**:jQuery EasyUI Desktop高度模仿了Windows 8的界面设计,包括开始菜单、任务栏、窗口拖放、最大化/最小化/关闭等功能,让用户在Web应用中感受到熟悉的操作体验。 2. **自定义窗口**:开发者...

    JQuery在线调色板

    4. **雪花效果**:为了实现飘雪效果,项目中可能使用了JavaScript编写自定义的动画代码,或者利用了`snow.js`这个专门用于实现雪花效果的库。JavaScript可以动态改变网页内容和行为,这里的雪花效果可能是通过定时器...

    Jquery满天星闪烁动画代码

    "Jquery满天星闪烁动画"是一种视觉效果,常用于创建浪漫或梦幻的网页背景,使得用户在浏览网页时感受到如同置身星空之下的氛围。这种效果通常是通过在网页上动态生成和控制许多小点来实现,这些小点代表星星,并通过...

    jQuery入门

    通过对比两种方式下的代码量和语法差异,可以直观感受到jQuery带来的便利性。 ```html &lt;!DOCTYPE html&gt; &lt;title&gt;jQuery示例 &lt;!-- 引入jQuery文件 --&gt; &lt;script type="text/javascript" src="js/jquery-...

    jquery.min.zip

    《jQuery.min.js:高效前端开发的强大工具》 在Web开发领域,jQuery库是不可或缺的一部分,因其简洁、易用和强大的功能而备受推崇。...希望你在使用过程中也能感受到它的强大和便捷,为你的项目带来更多的可能性。

    jQuery-Impromptu-master

    总之,jQuery-Impromptu为Web开发者提供了一种强大的对话框解决方案,通过其丰富的功能和易用性,可以大大提高项目的交互性,提升用户的使用感受。只要善加利用,就能在网页设计中创造出更优秀的用户体验。

    jQuery全屏视差滚动效果

    jQuery是一款广泛使用的JavaScript库,它简化了JavaScript的DOM操作,动画效果以及事件处理,因此jQuery全屏视差滚动效果是通过结合jQuery库实现的。 在实现jQuery全屏视差滚动效果时,主要涉及以下几个关键知识点...

    jquery-1.11.3

    《jQuery 1.11.3:兼容与进阶指南》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画...在这个版本中,我们可以感受到jQuery对开发者友好度的坚持,以及它在JavaScript世界中的影响力。

Global site tag (gtag.js) - Google Analytics