MinDB - Database on JavaScript

Transcript

1. .JO%# %BUBCBTF
   PO
   +BWB4DSJQU Will Wen Gunn @ Doo
2. ⾃自我介紹 About Me Will Wen Gunn ⼈人知『⼩小問』 Senior JavaScript Engineer Web Architect 按快⾨門的&玩魔⽅方的 連載《JavaScript從細節優化》系列 混跡開源界&2.5次元 http://lifemap.in @iwillwen AT anywhere Photo by @Terllocknicola
3. Data on JavaScript base
4. Data on JavaScript base
5. 8FC
   "QQT
6. 8FC
   "QQT
7. 8FC
   "QQT with DATA, DATA and DATA…….
8. Loading, please wait….
9. Loading, please wait….
10. Loading, please wait….
11. Where to store the DATA? But..
13. DOM Storage? User behaviors? JS Object? File System?* Server Sync? Cookies?
14. –Indexed Database API - W3C “APIs for a database of records holding simple values and hierarchical objects.” IndexedDB
15. // Event Proxy var proxy = eventproxy.create('db', 'store', function(db, store) { var _store = db .transaction('mydb-members', 'readwrite') .objectStore('mydb-members'); // Insert a object var request = store.put({ name: 'Will Wen Gunn', gender: 'male', age: 18, aka: 'iwillwen' }); request.onerror = function onError(evt) { console.error(evt.result); }; request.onsuccess = function onSuccess() { console.log('Done!'); }; }); // Create a DB var request = window.indexedDB.open('mydb'); request.onerror = function onError(evt) { console.error(err.result); }; request.onsuccess = function onSuccess(evt) { var db = evt.target.result; proxy.emit('db', db); }; request.onupgradeneeded = function onUgradeNeeded(evt) { var store = evt.target.result.createObjectStore('mydb-members'); proxy.emit('store', store); }; Request callback request callback request and
 callback …
16. Nothing better?
17. Nothing better?
18. –Salvatore Sanfilippo (Author of Redis) “Redis is an open source, BSD licensed, advanced key-value store.”
19. var client = redis.createClient(); // Key-Value client.set('foo', 'bar', function(err, reply) { if (err) { return console.error(err); } client.get('foo', function(err, value) { // ... console.log(value, value === 'bar'); }); }); // Hash client.hset('me', 'name', 'Will Wen Gunn', function(err, reply) { // ... client.hgetall('me', function(err, me) { // ... console.dir(me); }); }); // List, Set and Sorted Set 'BTU
    
    4JNQMF
20. var client = redis. // Key-Value client. if (err) { return } client. // ... console. }); }); // Hash client. // ... client. // ... console. }); }); // List, Set and Sorted Set 'BTU
    
    4JNQMF *U
    JT
    KVTU
    GPS
    VOJY
    85
21. https://github.com/iwillwen/mindb
22. .JO%# For ALL JavaScript platform with any StoreInterface https://github.com/iwillwen/mindb
23. var id = Math.random().toString(32).substr(2); min.multi() .set('foo', 'bar') .get('foo') // DEMO .sadd('users:ids', id) .hset('user:' + id, 'name', 'Will Wen Gunn') .lpush('user:' + id + ':skills', 'JavaScript') .exec(function(err, results) { // ... console.log(results); }); Even the same as Redis! with node_redis https://github.com/mranney/node_redis
24. 簡單(?)實例 DEMO Mouse Tracking for User Interface Optimizing
25. 簡單(?)實例 DEMO Music Player & User Behavior Analyze
26. 簡單(?)實例 DEMO "OE
    NPSFll
27. 應⽤用場景 Wozlla )5.-
    (BNFT
28. 應⽤用場景 8FC
    "QQ
    
    )ZCJSE
    "QQ
29. 應⽤用場景 3JDI
    %BUB
    1BHFT
30. 應⽤用場景 "OE
    NPSFl
31. MinDB is not the first.
32. MinDB is not the first. But it is better!
33. 4XFFU
    'SJFOEMZ 'MFYJCMF
34. 4XFFU
    'SJFOEMZ 'MFYJCMF
35. .JO%#
36. .JO%# %0.
    4UPSBHF *OEFYFE%# 'JMF
    4ZTUFN
37. Even more Awesome things after this presentation.
38. 5IBOL
    ZPV
    2
    
    "