x3.jsRapidly reloader
Feature (1/4 pages)Cache JavaScript + Quick draw–Reload x2 ~ x6 faster (通常のページに比べ2~6倍表示が高速に)–Max 5MByte cache–Zero JS file...
Feature (2/4 pages)Cache to WebSQL / WebStorage–WebSQL Ready  • http://caniuse.com/#search=SQL–WebStorage Ready  • http://...
Feature (3/4 pages)Lazy check and auto refresh–Lazy (background) modified check, and auto refresh (ページロード後にサーバ上のJSをチェックし、 ...
Feature (4/4 pages)Compact size– x3.js minified & inlining = 2.1kbyteURL Dispatcher– x3.ready(   path, <pattern, callback>...
x3.jsEXAMPLE CODE
<!DOCTYPE html><html><head><script>var x3;function x3(...){...} // minified & inlining x3.js// x3 controllerx3("z.js", fun...
Google Code Project• http://code.google.com/p/x3-js/
Upcoming SlideShare
Loading in...5
×

X3

861

Published on

x3.js JavaScript rapidly reloader

http://code.google.com/p/x3-js/

Published in: Technology, News & Politics
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
861
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

X3

  1. 1. x3.jsRapidly reloader
  2. 2. Feature (1/4 pages)Cache JavaScript + Quick draw–Reload x2 ~ x6 faster (通常のページに比べ2~6倍表示が高速に)–Max 5MByte cache–Zero JS file request (in page loading), and no blocking other files (ページロード時のJavaScriptの読み込みを無くし、 後続ファイルの読み込み待ち時間を最短に)
  3. 3. Feature (2/4 pages)Cache to WebSQL / WebStorage–WebSQL Ready • http://caniuse.com/#search=SQL–WebStorage Ready • http://caniuse.com/#search=Storage
  4. 4. Feature (3/4 pages)Lazy check and auto refresh–Lazy (background) modified check, and auto refresh (ページロード後にサーバ上のJSをチェックし、 必要に応じてページを強制リロード) • If-Modified-Since: • Last-Modified:
  5. 5. Feature (4/4 pages)Compact size– x3.js minified & inlining = 2.1kbyteURL Dispatcher– x3.ready( path, <pattern, callback>, … missMatchCallback)
  6. 6. x3.jsEXAMPLE CODE
  7. 7. <!DOCTYPE html><html><head><script>var x3;function x3(...){...} // minified & inlining x3.js// x3 controllerx3("z.js", function(cached) { // load "a.js" and Callback // Add your code here x3.ready("", // URL Dispatcher /a.htm$/, function() {…}, /b.htm$/, function() {…}, function() { … } );}, function(modified) { // Modified callback alert("App updated! " + modified); x3.reload(); // page reload from server}, 7); // lazy</script></head><body> <!-- Add your code here --> </body></html>
  8. 8. Google Code Project• http://code.google.com/p/x3-js/

×