A good workflow to find memory leaks is the three snapshot technique, first used by Loreena Lee and the Gmail team to solve some of their memory problems. The steps are, in general: Take a heap snapshot. Do stuff. Take another heap snapshot. Repeat the same stuff. Take another heap snapshot. Filter objects allocated between … Read more
Most of (all of?) the frameworks that you’re looking at solve the same problems, but they do it in slightly different ways with slightly different goals. I think it’s fair to say that all of these projects would solve the problems in these categories: Provide sensible set of defaults Reduce boilerplate code Provide application structure … Read more
Two-way binding just means that: When properties in the model get updated, so does the UI. When UI elements get updated, the changes get propagated back to the model. Backbone doesn’t have a “baked-in” implementation of #2 (although you can certainly do it using event listeners). Other frameworks like Knockout do wire up two-way binding … Read more
This is a great question. Backbone is great because of the lack of assumptions it makes, but it does mean you have to (decide how to) implement things like this yourself. After looking through my own stuff, I find that I (kind of) use a mix of scenario 1 and scenario 2. I don’t think … Read more
This should do the trick: <% if (typeof(date) !== “undefined”) { %> <span class=”date”><%= date %></span> <% } %> Remember that in underscore.js templates if and for are just standard javascript syntax wrapped in <% %> tags.
There is a nice run down/comparison of various MVx JS frameworks here http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/ it’s followed by a good discussion in the comments too. I think I’ve seen Gordon (who wrote it) on here so maybe you’ll get a reply from him. I’d say if you are looking to learn this style of application development then … Read more
Here’s a function for this use case: function getFormData($form){ var unindexed_array = $form.serializeArray(); var indexed_array = {}; $.map(unindexed_array, function(n, i){ indexed_array[n[‘name’]] = n[‘value’]; }); return indexed_array; } Usage: var $form = $(“#form_data”); var data = getFormData($form);
At Boundless, we’ve gone deep with option #2 and rolled it out to thousands of students. Our server is a JSON REST API (Scala + MongoDB), and all of our client code is served straight out of CloudFront (ie: www.boundless.com is just an alias for CloudFront). Pros: Cutting-edge/exciting A lot of bang for your buck: … Read more
This happened to me when I was being lazy and included a script tag as part of the content that was being returned. As such: Partial HTML Content: <div> SOME CONTENT HERE </div> <script src=”https://stackoverflow.com/scripts/script.js”></script> It appears, at least in my case, that if you return HTML content like that via xhr, you will cause … Read more
Backbone.js is basically an uber-light framework that allows you to structure your Javascript code in an MVC (Model, View, Controller) fashion where… Model is part of your code that retrieves and populates the data, View is the HTML representation of this model (views change as models change, etc.) and optional Controller that in this case … Read more