If they could view it in scale, they would realize it was malformed. He gives the example of Greek statuary, which was crafted larger on the top than on the bottom so that viewers on the ground would see it correctly.

The second is intentionally distorted in order to make the copy appear correct to viewers. The first is a faithful reproduction, attempted to copy precisely the original. In his Sophist, Plato speaks of two kinds of image-making.

Simulacra have long been of interest to philosophers. Plato was referring to an optical illusion such as this in his discussion of simulacra. The delete keyword will not trigger a DOM update.Mole & Thomas, Human Statue of Liberty (1919)-12,000 people in the flame of the torch, 6,000 in the rest of the shape.Array mutator methods are overridden with optimized implementations, which are faster and simpler than diffing changes between DOM trees. Based on whether a value at an index has changed, Simulacra.js will remove, insert, or mutate a DOM element corresponding to the value. When a bound key is assigned, it gets internally casted into an array if it is not an array already, and the values of the array are compared with previous values. Based on a value in the bound state object, it clones template elements and applies the change function on the cloned elements, and appends them near the marker or adjacent nodes. On initialization, Simulacra.js replaces bound elements from the template with empty text nodes (markers) for memoizing their positions. Generally, elements should be rendered based on their value alone, external inputs should be avoided. Nodes are updated if and only if their values change, that is each value has a 1:1 correspondence to the DOM.

This is also important for implementing animations, since it determines whether elements are created, updated, or removed. For arrays, it is almost always more efficient to use the proper array mutator methods ( push, splice, pop, etc). Here's some sample state: var state = ), the former will assume that the entire object changed and remove and append a new element, while the latter will re-use the same element and check the differences in the key values. The shape of the state is important since it has a straightforward mapping to the DOM, and arrays are iterated over to output multiple DOM elements. Using the tag is optional, any DOM element will suffice. This makes it straightforward to start with a static HTML page and add interactive parts. Simulacra.js uses plain HTML for templating, and it does not introduce its own template language.

Simulacra definition