http://blog.jquery.com/2011/01/31/jquery-15-released/ ajax rewrite: a call to jQuery.ajax (or jQuery.get, jQuery.post, etc.) now returns a jqXHR object that provides consistency to the XMLHttpRequest object across platforms much more extensible – allowing you to attach all sort of data handlers, filters, and transports.
deferred objects: to work with return values that may not be immediately present (such as the return result from an asynchronous Ajax request).
| /* | |
| applications are made up of separate objects, which need a way to communicate among themselves. | |
| when objects know too much about each other, and communicate directly.. means, too tight coupling. | |
| in this pattern | |
| independent objects(colleagues) dont communicate directly. but through a mediator object | |
| */ | |
| function Player(name){ |
| /* | |
| Progress: | |
| Essentially, the right way to do it is… | |
| Iterate over all text nodes. | |
| Find the substring in text nodes. | |
| Split it at the offset. | |
| Insert a span element in between the split. | |
| */ | |
| matchText(document.getElementsByTagName('artcle')[0], new RegExp("\\b" + saerchTerm + "\\b",'g'), function(){ |
| Selectors | |
| Zepto implements only a subset of jQuery’s proprietary selectors. It’s definitely something to be mindful of. | |
| clone() | |
| Zepto’s clone() doesn’t support passing in an argument to clone event handlers. | |
| data() | |
| Unlike jQuery, Zepto doesn’t attempt to do any type inferring from the value stored in the data-* attribute. | |
| offset() |
| Example | |
| 目前本機有一個 josephj.git、在 /home/josephj/www 下，而我需要將 javascript platform 放到 /home/josephj/www/static/ | |
| cd /home/josephi/www | |
| git submodule add <git addr> static/platform | |
| 论坛 | |
| 在父亲项目下, 删除目录(template/weekxx, static/) |
| // Back in the old days, classes were manipulated on elements simply with the className property. | |
| // This led to an awful lot of string manipulation for manipulating the class attribute. | |
| Thankfully, the classList property has popped up recently. | |
| var supportsClassList = ({}).toString.call(document.body.classList) == '[object DOMTokenList]'; | |
| the fallback implementation | |
| var getClasses = function(element){ | |
| return element.className.split(/\s+/); | |
| } |
| <div id="loadplace<?php echo $msg_id; ?>"></div> | |
| <div id="flash<?php echo $msg_id; ?>"></div> | |
| <div class='panel' id="slidepanel<?php echo $msg_id; ?>"> | |
| <form action="" method="post" name="<?php echo $msg_id; ?>"> | |
| <textarea id="textboxcontent<?php echo $msg_id; ?>" ></textarea><br /> | |
| <input type="submit" value=" Comment_Submit " class="comment_submit" id="<?php echo $msg_id; ?>" /> | |
| </form> | |
| </div> |
| (function($) { | |
| /** | |
| * @author Sam Sehnert | |
| * @desc A small plugin that checks whether elements are within | |
| * the user visible viewport of a web browser. | |
| * only accounts for vertical position, not horizontal. | |
| */ |
| $('#content a').each(function () { | |
| $('<div class="fader" />').css('opacity', 0).prependTo(this); | |
| }).hover(function () { | |
| $('img', this).stop().animate({ | |
| marginLeft : 5 | |
| }, 250); | |
| $('.fader', this).stop().animate({ | |
| opacity : 0.15 | |
| }); |
| <?php | |
| /* | |
| * Simple but powerful flatfile database | |
| * See http://lukeplant.me.uk/resources/flatfile/ for documentation and examples | |
| */ | |
| ?> |