gist: jQuery library critique, 2011-12-01 14:15:09Z
# jQuery
`$` itself is a god object. Everything goes on it. The standard plugin / extension architecture that is recommended is to just bolt more methods on `$` itself!
Surely this is bad. An example would be how we have both `$.load` which is overloaded to do completely different things. If they were on two separate sensibly named objects `$Container.load` and `$EventTarget.load`. Personally I would deprecate the latter in favour of `.on('load'`
The animation should be it's own little modular thing, not bolted onto `$`. Ajax should be it's own little modular thing, not bolted onto `$`
# `$`
This is overloaded to three functions. It would be more sensible to have `select`, `construct` and `domready` as there seperate entities.
# `$.get`, `$.getJSON`, etc
We have some subset of `$.ajax` short cuts which are uneven. These should be removed.
# `$.attr`
What does it even do? It doesn't just set / get attributes. It does a whole bunch of weird logic for backwards compat.
# `:text`, `:checked` `:button`
Useless, slow utility selectors. Having these things promotes bad and slow code. You wouldn't want to use them for performance penalities. They also make the CSS selector a joke by throwing propitiatory selectors in the mix.
At least split the selector engine into two, one that adheres to (a subset of) standards and one which have their own extensions.
# `.css`
css isn't bad as such. But it's overused, a lot. We do need a cross browser style manipulation utility but we don't need documentation recommending you use it everywhere.
The community seems to _forget_ the massive penalty that is causing re flows. editing in-line css is slow and should be avoided
# `.toggle`
Another overloaded method that shouldn't be overloaded, that's just plain confusing
# `.wrap`, `.live`
These shouldn't exist.
# `.each`, `.map`, etc
Doesn't match the `.forEach`, `.map`, etc signature. Massively confusing
# `.map`
Hey, lets flatten the returned array! Surely that's an useful "feature"!
# `.domManip`
domManip executes all scripts irregardless of their status. It does not bother to check whether they are [inserted into a document][1] nor does it bother to check whether their "already started" flag is set.
> The first is a flag indicating whether or not the script block has been "already started". Initially, script elements must have this flag unset (script blocks, when created, are not "already started"). The cloning steps for script elements must set the "already started" flag on the copy if it is set on the element being cloned.
# `.bind`
`Function.prototype.bind` exists. Pick a better name
# Swallowing exceptions and silent errors
jQuery never gives any error messages and tries as hard as possibly not to fail or bubble up internal exceptions. It just likes to swallow all errors.
# `.data`
It only _reads_ from `data-` properties once on load and never reads/writes to them again. This is frustrating.
Either it shouldn't have anything to do with `data-` properties or it should be a cross browser `.dataset` emulation, not some kind of halfway in between thing.
This does not help debugging at all.
# `.extend`
extend only deep copies "plain objects". Which is rather useless if you use prototypical OO because properties with enumerable non-own properties are not plain.
This basically means the deep extend is a joke and should be avoided. There is no warning about this "feature".
[1]: http://www.whatwg.org/specs/web-apps/current-work/multipage/infrastructure.html#insert-an-element-into-a-document