| { | |
| "name": "serverify", | |
| "version": "0.0.0", | |
| "description": "Simple web server powered by Node.js, Express.js and Nodemailer", | |
| "main": "server.js", | |
| "scripts": { | |
| "start": "node server.js", | |
| "test": "echo \"Error: no test specified\" && exit 1" | |
| }, | |
| "dependencies": { |
| /* | |
| * Rendering our component server side | |
| */ | |
| var React = require('react'); | |
| var App = require('../lib/components/todo-item'); | |
| var data = { title: 'Hello world!' }; | |
| var renderedComponent = ReactDOMServer.renderToString(<App data={data} />); | |
| // Time complexity: O(n) | |
| // Space complexity: O(n) | |
| const memo = new Map(); | |
| function fibonacci(n) { | |
| if (memo.has(n)) { | |
| return memo.get(n); | |
| } | |
| function Counter() { | |
| this.count = 0; | |
| this.observers = []; | |
| } | |
| Counter.prototype.increment = function () { | |
| this.count++; | |
| this.notify({ count: this.count }); | |
| }; |
| function Node(data) { | |
| this.data = data; | |
| this.next = null | |
| } | |
| function LinkedList() { | |
| this.head = null; | |
| this.length = 0; | |
| } |
| // Recursively | |
| // From `n`, all the way down to 1 | |
| function factorial(n) { | |
| if (n < 2) { | |
| return 1; | |
| } | |
| return n * factorial(n - 1); | |
| } |
| const numbers = [13, 5, -3, 7, 6, 4, 1, 17, 0, -1, -2]; | |
| function sort(arr) { | |
| const sorted = arr.slice(); | |
| let swapped; | |
| do { | |
| swapped = false; | |
| for (let i = 0, l = sorted.length; i < l; i++) { |
This snippet is useful for debugging things like who's setting focus on a particular element.
DevTools > Source tab > Top left panel > Select snippet > New snippet
Disclaimer: this snippet only breaks when <HTMLElement>.focus() is called -- if you want to break on focus events, Safari's debugger lets you set DOM event breakpoints.
When multiple selectors are targeting the same element, the browser needs to know which one to apply. This is where the cascading aspect of CSS and specificity come into play. It's important to understand how specificity is calculated, so that you'll be able to figure out which style will actually end being applied in the browser.
(
inline styles,
IDs,
classes | attributes | pseudo-classes,
elements | pseudo-elements