Learning Advanced JavaScript
Double-click the code to edit the tutorial and try your own code. This tutorial contains code and discussion from the upcoming book Secrets of the JavaScript Ninja by John Resig. Our Goal Goal: To be able to understand this function: // The .bind method from Prototype.js Function.prototype.bind = function(){ var fn = this, args = Array.prototype.slice.call(arguments), object = args.shift(); return
John Resig - JavaScript Pretty Date
One method that I’ve been wanting for quite a while now was a simple way to format old JavaScript dates in a “pretty” way. For example “2008-01-28T20:24:17Z” becomes “2 hours ago”. Here’s some more examples: prettyDate("2008-01-28T20:24:17Z") // => "2 hours ago" prettyDate("2008-01-27T22:24:17Z") // => "Yesterday" prettyDate("2008-01-26T22:24:17Z") // => "2 days ago" prettyDate("2008-01-14T22:24:1
John Resig - JavaScript Function Call Profiling
With jQuery 1.3.2 out the door I’ve been looking for more ways to profile and optimize jQuery. Previously I did a survey of jQuery-using sites to figure out which selectors they were using. This led to the construction of the new Sizzle Selector Engine which targeted those selectors for improvement. Additionally, I constructed a deep profiling plugin for jQuery which helped to spot methods that we
John Resig - DOM insertAdjacentHTML
The method is only available on DOM elements (which makes sense) and is easy to use: var ul = document.getElementById("list"); ul.insertAdjacentHTML("beforeEnd", "<li>A new li on the list.</li>"); ul.insertAdjacentHTML("beforeEnd", "<li>Another li!</li>"); At first glance the method appeared to work well and seemed to be relatively fast. Two questions remained, though: How fast is it in comparison
John Resig - border-image in Firefox
For the upcoming Firefox 3.1 release a lot of work has been going into improving its CSS support (specifically, in relation to the CSS 3 specification). One areas that have received solid implementations is that of border-image. This is a new CSS 3 module that makes the exact slicing of images (and their positioning around an element) quite easy. The most obvious use case for them exists in constr
John Resig - JavaScript Micro-Templating
I’ve had a little utility that I’ve been kicking around for some time now that I’ve found to be quite useful in my JavaScript application-building endeavors. It’s a super-simple templating function that is fast, caches quickly, and is easy to use. I have a couple tricks that I use to make it real fun to mess with. Here’s the source code to the templating function (a more-refined version of this co
John Resig - Deep Profiling jQuery Apps
This evening I was playing around with the idea of profiling jQuery applications – trying to find a convenient way to completely analyze all the code that is being executed in your application. I’ve come up with a plugin that you can inject into a jQuery site that you own and see how the performance breaks down method-by-method. Here’s how you can try this plugin on your own site: Step 1: Copy sit
John Resig - Processing.js
As a sort-of reverse birthday present I’ve decided to release one of my largest projects, in recent memory. This is the project that I’ve been alluding to for quite some time now: I’ve ported the Processing visualization language to JavaScript, using the Canvas element. I’ve been working on this project, off-and-on now, for the past 7 months – it’s been a fun, and quite rewarding, challenge. The f
John Resig - Pure JavaScript HTML Parser
Recently I was having a little bit of fun and decided to go about writing a pure JavaScript HTML parser. Some might remember my one project, env.js, which ported the native browser JavaScript features to the server-side (powered by Rhino). One thing that was lacking from that project was an HTML parser (it parsed strict XML only). I’ve been toying with the ability to port env.js to other platforms
John Resig - How JavaScript Timers Work
At a fundamental level it’s important to understand how JavaScript timers work. Often times they behave unintuitively because of the single thread which they are in. Let’s start by examining the three functions to which we have access that can construct and manipulate timers. var id = setTimeout(fn, delay); – Initiates a single timer which will call the specified function after the delay. The func
John Resig - Simple “Class” Instantiation
This is another trick that I’ve been using for a while to simplify Class-style instantiation of a function in JavaScript. Take a look at the following code, for example: function User(first, last){ this.name = first + " " + last; } var user = new User("John", "Resig"); Pretty straight-forward. Now let’s look at a couple quirks of Class-style instantiation that can cause issues, but can be easily r
John Resig - The World of ECMAScript
So I did a little bit of digging and I’ve pulled together something fun: I call it “The World of ECMAScript“. It’s a full map detailing everything that exists within the world of ECMAScript (with JavaScript, ActionScript, and JScript being its most-famous implementations). Right now I’m only showing things that can be built on top of (languages, engines, browsers, servers, etc.) – not end user app
John Resig - ECMAScript 4 Speaking Tour
During the past two weeks I’ve given three presentations on Tamarin and ECMAScript 4. I’ve gotten a ton of great feedback, criticism, and commentary – all of which has been very helpful. » Tamarin and ECMAScript 4 Here’s a quick re-cap of how the talks went: Ajax Experience East (The Future of JavaScript) There were some very smart questions asked by the audience here – and some pressing concerns.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ejohn.org/apps/jquery2/