straker
/ two-way-binding.js
Last active
October 14, 2024 19:31
Simple and small two-way data binding between DOM and data
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * @param {object} scope - Object that all bound data will be attached to. | |
| */ | |
| function twoWayBind(scope) { | |
| // a list of all bindings used in the DOM | |
| // @example | |
| // { 'person.name': [<input type="text" data-bind="person.name"/>] } | |
| var bindings = {}; | |
| // each bindings old value to be compared for changes |
straker
/ wrapper.js
Last active
October 20, 2022 11:31
Simple wrapper around DOM functions to make DOM interactions a bit easier to work with
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function(Node, Element, HTMLCollection, Array) { | |
| /** | |
| * Wrap addEventListener to handle multiple event types and be chainable. | |
| * @param {string} types - Space-separated event types. | |
| * @param {function} listener | |
| * @param {boolean} useCapture | |
| * @returns {Node} | |
| * | |
| * @example | |
| * document.querySelector('a') |