JavaScript32 Javascript Slider http://www.blueshoes.org/en/javascript/slider/ http://www.blueshoes.org/_bsJavascript/components/slider/examples/example1.html http://docs.jquery.com/UI/Slider http://carpe.ambiprospect.com/slider/archive/v1.3/ Javascript Slider Javascript Slider BY CARPE DESIGN Find later versions here. The CARPE Slider is easy to incorporate in your web site. It's designed with DHTML, a combination of (X)HTML,.. 2019. 7. 16. Advanced Javascript # JavaScript data types Primitive and objects number string boolean undefined null # Object literal notation ● { Wrapped in curly braces } ● ,-delimited properties ● key:value pairs ● var obj = {a: 1, "b c d": 2}; # Array literal notation var array = [ "Square", "brackets", "wrap", "the", "comma-delimited", "elements" ]; # JSON ● JavaScript Object Notation ● Uses object and array literals ● Quot.. 2019. 7. 16. IndexedDB # IndexedDB [source : https://jsfiddle.net/softm/Lxfh1spc/](https://jsfiddle.net/softm/Lxfh1spc/ "softm.tistory.com") ※ 참고 https://code.tutsplus.com/tutorials/working-with-indexeddb--net-34673 https://horajjan.blog.me/220974929135 https://deardiary11.blog.me/220204501837 https://bitsofco.de/an-overview-of-client-side-storage/ http://blog.naver.com/horajjan/220300960759 https://www.w3.org/TR/Inde.. 2019. 7. 12. Virtual DOM 3 # Virtual DOM 3 ##### [source : https://jsfiddle.net/softm/h9e7daqo/](https://jsfiddle.net/softm/h9e7daqo/) ```html RELOAD ``` ```css ``` ```javascript ``` 2019. 7. 12. Virtual DOM 2 # Virtual DOM 2 ##### [source : https://jsfiddle.net/softm/cgqnzewm/](https://jsfiddle.net/softm/cgqnzewm/) ```html ``` ```javascript /** @jsx h */ function h(type, props, ...children) { return { type, props, children }; } function createElement(node) { if (typeof node === 'string') { return document.createTextNode(node); } const $el = document.createElement(node.type); node.children .map(create.. 2019. 7. 12. Virtual DOM 1 # Virtual DOM 1 ##### [source : https://jsfiddle.net/softm/18xv32hy/ ](https://jsfiddle.net/softm/18xv32hy/) ```javascript /** @jsx h */ function h(type, props, ...children) { return { type, props, children }; } const a = ( item 1 item 2 ); console.log(a); ``` 2019. 7. 12. 이전 1 2 3 4 5 6 다음
