1// JS Tip of the Day
2// Using Array Methods in DOM Collections
3
4const nodes = Array.from(document.body.childNodes);
5const textNodes = nodes.filter(node => node.nodeType === 3);

1// JS Tip of the Day
2// How to avoid to adding a new object property with Proxy
3
4let handler = {
5  set: (target, key, value) => {
6      if(!target.hasOwnProperty(key)) {
7        throw new Error('You cannot add a new property!');
8      }
9      target[key] = value;
10      return true;
11  }
12}
13
14const hero = { name: 'Batman' };
15
16const heroProxy = new Proxy(hero, handler);
17
18console.log(heroProxy); // { name: 'Batman' }
19heroProxy.name = 'Superman'; 
20console.log(heroProxy); // { name: 'Batman' }
21heroProxy.partner = 'Robin'; // Error: You cannot add a new property!

1// JS Tip of the Day
2// How to detect localStorage updates between browser tabs or window
3
4// Browser Tab or Window - http://example.com
5window.addEventListener('storage', (event) => { // or you may use window.onstorage
6  console.log(event.key, event.newValue, event.oldValue, event.url);
7  // Hero, Batman, null, http://example.com/heroes
8});
9
10
11// Another Browser Tab or Window - http://example.com/heroes
12localStorage.setItem('hero', 'Batman');

1// JS Tip of the Day
2// Convert Binary string to text (with a secret and awesome message!)
3
4const awesomeBinaryMessage = "01001001 00100111 01101101 00100000 01101110 01101111 01110111 00100000 01101111 01100110 01100110 01101001 01100011 01101001 01100001 01101100 01101100 01111001 00100000 01100001 00100000 01000111 01101111 01101111 01100111 01101100 01100101 00100000 01000100 01100101 01110110 01100101 01101100 01101111 01110000 01100101 01110010 00100000 01000101 01111000 01110000 01100101 01110010 01110100 00100001";
5
6const awesomeMessage = awesomeBinaryMessage.split(' ')
7   .map(bin => {
8     return String.fromCharCode(parseInt(bin, 2)) // Binary char to Text char
9   }) 
10   .join('');
11
12// 🎉🎉🎉🎉🎉 You have to execute this snippet to read the message! 🎉🎉🎉🎉🎉
13console.log(awesomeMessage); 

1// JS Tip of the Day
2// Two types of Interval
3
4// No consideration on the end of the execution
5const interval = setInterval(() => {
6 // ...
7}, 1000);
8
9// Sure that the execution has finished
10const myInterval = () => {
11  // ...
12  setTimeout(myInterval, 1000)
13}
14setTimeout(myInterval, 1000);