jquery插件——检测DOM元素是否在浏览器可视范围之内

引言

web应用中有很多地方会用到打点,用来检测用户行为,今天就做了个打点相关的需求,为了统计一个广告给用户的展示次数,每次用户请求完成并且渲染 完成之后就算一次成功的展示,其实有时候这个广告还没有在用户的可视范围之内,用户需要滑动滚动条才能看见,但已经算了一次成功展示了,显然这里不太合 理,这里做了个检测元素是否在可视范围之内的小插件。[......]

阅读全文

【深入浅出jQuery】源码浅析--整体架构

最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美。

其结构明晰,高内聚、低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷、渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。[......]

阅读全文

jQuery Form Plugin

Overview

The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted. Submitting a form with AJAX doesn't get any easier than this![......]

阅读全文

Loadie.js

Loadie.js is a lightweight jQuery plugin to create a preloader that doesn't suck and that is used by big firms.

http://9elements.github.io/loadie.js/

1. How to include Loadie.js

If you haven't already, include jQuery and the latest Loadie.js Script on the AJAX-driven page.

<script src="http://code.jquery.com/jquery-latest.min.js">
<script src="loadie.min.js"[......]

阅读全文

【前端性能】必须要掌握的原生JS实现JQuery

很多时候,我们经常听见有人说jquery有多快多快。在这个各种类库满天飞的时候,不得不说的是,能有原生JS快吗?

是的,明显原生JS要更快,因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许多其他的东西,考虑通用性必然会导致性能的损耗。[......]

阅读全文

jquery中attr和prop的区别

在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。

关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:

  • 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
  • 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。

[......]

阅读全文

JQuery-Form中的AjaxForm和AjaxSubmit的区别

JQuery中的AjaxForm和AjaxSubmit使用差不多功能也差不多。很容易误解。
http://www.cnblogs.com/qiantuwuliang/archive/2009/09/14/1566604.html
按照作者的解释:
AjaxForm
ajaxForm不能提交表单。在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始
ajaxSubmit
马上由AJAX来提交表单。你可以在任何情况下进行该项提交。 [......]

阅读全文

使用jquery.form.js的ajaxsubmit方法提交数据的Bug

http://jianfeihit.iteye.com/blog/1669639
周五同事遇到一个很奇怪的问题,调到下班,虽然问题解决了,但是不知道问题的具体原因,回来翻了翻代码,才发现症结所在,下面就分享出来,供遇到同样问题的同行们参考:

先把问题描述一下,做的功能是使用ajax向后台来提交数据,为了向用户进行很好的错误提示,后台中将出现错误时的错误原因返回给前端,前端使用 jquery.form.js的ajaxsubmit来提交数据,并在success方法中提示“操作成功”,在error方法中提示错误原因。整个 form提交的数据包括一些简单的input和一个文件的上传。下面是代码:[......]

阅读全文