1. JavaScript
2011-07-15 CA × pixiv
1

2. 2

3. 3

4. 4

5. pixiv.lazyImage
5

6. 6

7. <img
class="ui-lazy-image"
src="transparent.png"
data-src="image.png"
>
7

8. 8

9. pixiv.throttle
9

10. 10

11. $(window).scroll($.proxy(this.onscroll, this));
!
$(window).scroll(pixiv.throttle(this.onscroll, this));
11

12. 12

13. pixiv.api.request
$.ajax + Storage API
13

14. 14

15. pixiv.api.get('/api/foo', queries);
// sessionStorage
pixiv.api.get('/api/foo', queries, {cache: true});
// localStorage
pixiv.api.get('/api/foo', queries, {cache: +new Date + 604800000}); // 1w
// Object
pixiv.api.get('/api/foo', queries, {cache: pixiv.foo.data});
15

16. // jQuery Deferred
pixiv.api.get('/api/foo', queries, {cache: true})
.done(function(data) {
...
})
.fail(function(e) {
...
});
16

17. 17

18. 18

19. 19

20. p(ixi)v <
20