| // app/components/x-file-input.js | |
| import Ember from 'ember'; | |
| export default Ember.Component.extend({ | |
| tagName: 'input', | |
| type: 'file', | |
| attributeBindings: ['type', 'value'], | |
| addChangeListenerToElement: Ember.on('didInsertElement', function() { |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
Memory Optimization (Christer Ericson, GDC 2003)
http://realtimecollisiondetection.net/pubs/GDC03_Ericson_Memory_Optimization.ppt
Cache coherency primer (Fabian Giesen)
https://fgiesen.wordpress.com/2014/07/07/cache-coherency/
Code Clinic 2015: How to Write Code the Compiler Can Actually Optimize (Mike Acton)
http://gdcvault.com/play/1021866/Code-Clinic-2015-How-to
| # speed up pluck | |
| class ActiveRecord::Relation | |
| class RailsDateTimeDecoder < PG::SimpleDecoder | |
| def decode(string, tuple=nil, field=nil) | |
| if Rails.version >= "4.2.0" | |
| @caster ||= ActiveRecord::Type::DateTime.new | |
| @caster.type_cast_from_database(string) | |
| else |
I have moved this over to the Tech Interview Cheat Sheet Repo and has been expanded and even has code challenges you can run and practice against!
\
| /** | |
| * | |
| * Here's a thing that will look through all the text nodes of a document, and | |
| * upon encountering an emoji codepoint, will replace it with an image. | |
| * For now, those images are pulled from GitHub, which isn't very nice, so I | |
| * need to find a more suitable host. | |
| * | |
| * Much of this code was gleaned from staring at the minified GitHub JS. | |
| * | |
| * Copyright (c) 2013 Mark Wunsch. Licensed under the MIT License. |