axing's blog » Javascript

Latest jQuery v1.3.2’s bug on WebKit

axing — Thu, 26 Feb 2009 10:06:18 +0000

I found a bug (may be a browser bug) which is happen on my favorite framework, the latest version of jQuery (v1.3.2) on WebKit browser when I was trying slickspeed with some popular JavaScript Frameworks.

Here the screenshots:

Safari 3.1.2

Chrome 1.0.154.48

No problem found in Safari 3.1.2 Nightly, Firefox 3.0.6, Opera 9.63 and IE7.

Test the slickspeed here: http://xing.web.id/slickspeed/

Selectors I used:

p:nth-child(even)
p:nth-child(n)[class] > a
p:nth-child(even)
p:nth-child(n)[class] > a
p:nth-child(even)
p:nth-child(n)[class] > a
p:nth-child(even)
p:nth-child(n)[class] > a
p:nth-child(even)
p:nth-child(n)[class] > a

JavaScript Frameworks I used:

PHP.JS – Use PHP functions in JavaScript

axing — Tue, 03 Feb 2009 06:31:54 +0000

PHP.JS is an open source project in which to port PHP functions to JavaScript. The library is developed by Kevin van Zonneveld and his contributors, and they have been working hard in adding more functions into it. By including this library into your own web projects, you can use those higher-level PHP functions such as file_get_contents(), mktime(), serialize(), etc which JavaScript doesn't support them natively.

Here is a piece of sample code of PHP's encryption function: base64_encode():

function base64_encode( data ) {

    var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

    var o1, o2, o3, h1, h2, h3, h4, bits, i = ac = 0, enc="", tmp_arr = [];

    data = utf8_encode(data);

    do {

        o1 = data.charCodeAt(i++);

        o2 = data.charCodeAt(i++);

        o3 = data.charCodeAt(i++);

        bits = o1<<16 | o2<<8 | o3;

        h1 = bits>>18 & 0x3f;

        h2 = bits>>12 & 0x3f;

        h3 = bits>>6 & 0x3f;

        h4 = bits & 0x3f;

        tmp_arr[ac++] = b64.charAt(h1) + b64.charAt(h2) + b64.charAt(h3) + b64.charAt(h4);

    } while (i < data.length);

    enc = tmp_arr.join('');

    switch( data.length % 3 ){

    case 1:

        enc = enc.slice(0, -2) + '==';

    break;

    case 2:

        enc = enc.slice(0, -1) + '=';

    break;

    return enc;

The library is available in 2 different packages:

Namespaced (min/packed)- all functions are contained in one object; and
Normal (min/packed)- just a collection of standalone functions.

jQuery v1.3.0 has been released!

axing — Mon, 19 Jan 2009 09:47:59 +0000

A long wait for this release, finally jQuery has released version 1.3 on its birthday (14 Jan).

New features on 1.3 are:

Replaced old CSS selector engine with Sizzle, a standalone framework which is developed by John Resig and donated to the Dojo Foundation.
A new event API, Live Events, that can binds event to the future DOM elements.

Rewritten features are:

Standardized jQuery Event according to W3C standards and makes it work smoothly across all browsers.
Rewritten HTML Injection, and it's 6x faster than before.
Rewritten .offset() from scratch, and it's 3x faster than before.
Deprecated browser sniffing API, replaced by a new technique called 'feature detection' that simulate a particular browser feature or bug to verify its existence. This feature detection is encapsulated into a new object, jQuery.support.

The release note of this version can be read at here.

Trivia:

Version file size comparison:
jQuery v1.3.0 (115KB), minified (53.7KB) and gzipped (17.8KB)
jQuery v1.2.6 (97.8KB), minified (54.5KB) and gzipped (15.6KB)