| if (typeof window.localStorage == 'undefined' || typeof window.sessionStorage == 'undefined') (function () { | |
| var Storage = function (type) { | |
| function createCookie(name, value, days) { | |
| var date, expires; | |
| if (days) { | |
| date = new Date(); | |
| date.setTime(date.getTime()+(days*24*60*60*1000)); | |
| expires = "; expires="+date.toGMTString(); |
| // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ | |
| // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating | |
| // requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel | |
| // MIT license | |
| (function() { | |
| var lastTime = 0; | |
| var vendors = ['ms', 'moz', 'webkit', 'o']; |
| /* | |
| Relies on jQuery, underscore.js, Async.js (https://github.com/caolan/async), and zip.js (http://gildas-lormeau.github.com/zip.js). | |
| Tested only in Chrome on OS X. | |
| Call xlsxParser.parse(file) where file is an instance of File. For example (untested): | |
| document.ondrop = function(e) { | |
| var file = e.dataTransfer.files[0]; | |
| excelParser.parse(file).then(function(data) { | |
| console.log(data); |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Building a router</title> | |
| <script> | |
| // Put John's template engine code here... | |
| (function () { | |
| // A hash to store our routes: |
There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.
However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.
| /** @jsx React.DOM */ | |
| var AsyncComponent = React.createClass({ | |
| getInitialState: function() { | |
| return { | |
| } | |
| }, | |
| render: function() { | |
| return <div></div> |
| //----- The ECMAScript 6 meta object protocol (MOP) implemented in ES5 | |
| // This is how getting a property is handled internally. | |
| // Double underscore (__) implies internal operation. | |
| Object.prototype.__Get__ = function (propKey, receiver) { | |
| receiver = receiver || this; | |
| var desc = this.__GetOwnProperty__(propKey); | |
| if (desc === undefined) { | |
| var parent = this.__GetPrototypeOf__(); | |
| if (parent === null) return undefined; |
| const CANCEL = Symbol(); | |
| class CancellationToken { | |
| constructor() { | |
| this.cancelled = false; | |
| } | |
| throwIfCancelled() { | |
| if (this.isCancelled()) { |
| var pureRender = (Component) => { | |
| Object.assign(Component.prototype, { | |
| shouldComponentUpdate (nextProps, nextState) { | |
| return !shallowEqual(this.props, nextProps) || | |
| !shallowEqual(this.state, nextState); | |
| } | |
| }); | |
| }; | |
| module.exports = pureRender; |
| function pureRenderMixin(Component) { | |
| Component.prototype.shouldComponentUpdate(nextProps, nextState) { | |
| return !shallowEqual(this.props, nextProps) || | |
| !shallowEqual(this.state, nextState); | |
| } | |
| return Component; | |
| } | |
| class MyComponent extends React.Component {} |
