It depends on the nature of your application. And, since you did not describe it in great detail, it is an impossible question to answer. I find Backbone to be the easiest, but I work in Angular all day. Performance is more up to the coder than the framework, in my opinion.

Are you doing heavy DOM manipulation? I would use jQuery and Backbone.

Very data driven app? Angular with its nice data binding.

Game programming? None - direct to canvas; maybe a game engine.


Why oh why can I not connect to mysql?

    mysql -u root -ptest101 -h xxx.xxx.xxx.xxx
    ERROR 1130 (HY000): Host &#39;xxx.xxx.xxx.xxx&#39; is not allowed to connect to this MySQL server


In my.cnf I have the below

    # Instead of skip-networking the default is now to listen only on
    # localhost which is more compatible and is not less secure.
    bind-address		= 0.0.0.0


I also ran the below...

    &#39;UPDATE mysql.user SET Password = PASSWORD(&#39;test101&#39;) WHERE User = &#39;root&#39;;
    FLUSH PRIVILEGES;


I can access on the host machine using mysql -u root -ptest101 but not using mysql -u root -ptest101 -h xxx.xxx.xxx.xxx

Wow...why is this happening?  I am n ubuntj 12.04


    mysql&gt; SELECT host FROM mysql.user WHERE User = &#39;root&#39;;
    +---------------------------------------------+
    | host                                        |
    +---------------------------------------------+
    | %                                           |
    | 127.0.0.1                                   |
    | ::1                                         | |
    | localhost                                   |
    +---------------------------------------------+
    5 rows in set (0.00 sec)




ERROR 1130 (HY000): Host &#39;&#39; is not allowed to connect to this MySQL server

When you run `git pull` on the `master` branch, it typically pulls from `origin/master`.  I am in a different branch called `newbranch`, but I need to run a command that does a `git pull` from `origin/master` into `master` but I cannot run `git checkout` to change the selected branch until after the pull is complete.  Is there a way to do this?

To give some background, the repository stores a website.  I have made some changes in `newbranch` and deployed them by switching the website to `newbranch`.  Now those changes have been merged upstream into the `master` branch, I am trying to switch the website back to the `master` branch as well.  At this point, `newbranch` and `origin/master` are identical, but `master` is lagging behind `origin/master` and needs to be updated.  The problem is, if I do it the traditional way:

    $ git checkout master
       # Uh oh, production website has now reverted back to old version in master
    $ git pull
       # Website is now up to date again

I need to achieve the same as above (`git checkout master &amp;&amp; git pull`), but without changing the working directory to an earlier revision during the process.


How to &#39;git pull&#39; into a branch that is not the current one?

I am considering to use either Knockout or Angular or  Backbone for my personal project. I need to build some bigger, longer-running client-side interactions to go with my server-side stuff. 

I want a simple and effective way to manage data-driven user interfaces.

Which framework would you choose to solve my problem described above based on the feasibility as well as the performance aspect?

Angular.js vs Knockout.js vs Backbone.js

I am considering to use either Knockout or Angular or Backbone for my personal project. I need to build some bigger, longer-running client-side interactions to go with my server-side stuff.
I want a simple and effective way to manage data-driven user interfaces.
Which framework would you choose to solve my problem described above based on the feasibility as well as the performance aspect?

I am new to angularjs. I am wondering what is the way to allow only a valid number typed into a textbox.
For example, user can type in &quot;1.25&quot;, but cannot type in &quot;1.a&quot; or &quot;1..&quot;.  When user try to type in the next character which will make it an invalid number, he cannot type it in.

Thanks in advance.

How to allow only a number (digits and decimal point) to be typed in an input?

How can call a method defined in child scope from its parent scope?


    function ParentCntl() {
        // I want to call the $scope.get here
    }

    function ChildCntl($scope) {
        $scope.get = function() {
            return &quot;LOL&quot;;    
        }
    }


http://jsfiddle.net/wUPdW/

angularJS: How to call child scope function in parent scope

How do I extract query parameters using [ui-router][1] for AngularJS? 

In AngularJS&#39; own `$location` service I did:  

&gt; ($location.search()).uid

to extract the parameter uid from a URL. What is the corresponding code for ui-router?


  [1]: https://github.com/angular-ui/ui-router

How to extract query parameters with ui-router for AngularJS?

I have a part in my angular application on which I&#39;ve binded a controller,&lt;br/&gt;
since then I got the Argument &#39;fn&#39; is not a function Error, can anyone look at my code and explain why I got that Error?

I would be very gratefull :)

html-markup:

           


&lt;!-- language: lang-html --&gt;

    &lt;section class=&quot;col-lg-12&quot; data-ng-controller=&quot;MessageController&quot;&gt;
      &lt;fieldset&gt;
        &lt;legend&gt;{{ &#39;MESSAGES&#39; | translate }}&lt;/legend&gt;
      &lt;/fieldset&gt;
      &lt;div class=&quot;margin-left-15&quot;&gt;
        &lt;ul class=&quot;list-style-button&quot;&gt;
          &lt;li data-ng-repeat=&quot;message in MSG&quot;&gt;{{ message }}&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/section&gt;


controller:

   


&lt;!-- language: lang-js --&gt;

    (function() {
      &#39;use strict&#39;;

      var controllers = angular.module(&#39;portal.controllers&#39;);

      controllers.controller(&#39;MessageController&#39;, [&#39;$scope&#39;, &#39;MessageService&#39;, &#39;$rootScope&#39;, function MessageController($scope, MessageService, $rootScope) {
        $rootScope.MSG = MessageService.getMessages();

        $rootScope.$watch(&#39;MSG&#39;, function(newValue) {
          $scope.MSG = newValue;
        });
      }]);
    }());


Service:

    


&lt;!-- language: lang-js --&gt;

    (function() {

      &#39;use strict&#39;;

      var messageServices = angular.module(&#39;portal.services&#39;);

      messageServices.factory(&#39;MessageService&#39;, [&#39;MessageData&#39;, &#39;localStorageService&#39;, &#39;UserService&#39;], function(MessageData, localStorageService, UserService) {
        return new MessageService(MessageData, localStorageService, UserService);
      });

      function MessageService(MessageData, localStorageService, UserService) {
        this.messageData = MessageData;
        this.localStorageService = localStorageService;
        this.userService = UserService;
      }

      MessageService.prototype.getMessages = function() {
        var locale = this.userService.getUserinfoLocale();
        var messages = this.localStorageService.get(Constants.key_messages + locale);
        if (messages !== null &amp;&amp; messages !== undefined) {
          return JSON.parse(messages);
        } else {
          return this.messageData.query({
            locale: locale
          }, $.proxy(function(data, locale) {
            this.save(Constants.key_messages + locale, JSON.stringify(data));
          }, this));
        }
      };

      MessageService.prototype.save = function(key, value) {
        this.localStorageService.add(key, value);
      };

    }());


data:

    


&lt;!-- language: lang-js --&gt;

    (function() {
      &#39;use strict&#39;;

      var data = angular.module(&#39;portal.data&#39;);

      data.factory(&#39;MessageData&#39;, function($resource) {
        return $resource(Constants.url_messages, {}, {
          query: {
            method: &#39;GET&#39;,
            params: {
              locale: &#39;locale&#39;
            },
            isArray: true
          }
        });
      });
    }());


order of js files in html head:

    &lt;script src=&quot;js/lib/jquery-1.10.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/angular.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/angular-resource.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/angular-translate.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/angular-localstorage.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/jquery-cookies.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/bootstrap.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/portal.js&quot;&gt;&lt;/script&gt;

Argument &#39;fn&#39; is not a function got string

What is the best way of preventing hidden form fields being validated in AngularJS?

AngularJS: Prevent hidden form fields being validated

I&#39;ve created a very simple test case that creates a Backbone view, attaches a handler to an event, and instantiates a user-defined class. I believe that by clicking the &quot;Remove&quot; button in this sample, everything will be cleaned up and there should be no memory leaks.

A jsfiddle for the code is here: http://jsfiddle.net/4QhR2/

    // scope everything to a function
    function main() {
        
        function MyWrapper() {
            this.element = null;
        }
        MyWrapper.prototype.set = function(elem) {
            this.element = elem;
        }
        MyWrapper.prototype.get = function() {
            return this.element;
        }
        
        var MyView = Backbone.View.extend({
            tagName : &quot;div&quot;,
            id : &quot;view&quot;,
            events : {
                &quot;click #button&quot; : &quot;onButton&quot;,
            },    
            initialize : function(options) {        
                // done for demo purposes only, should be using templates
                this.html_text = &quot;&lt;input type=&#39;text&#39; id=&#39;textbox&#39; /&gt;&lt;button id=&#39;button&#39;&gt;Remove&lt;/button&gt;&quot;;        
                this.listenTo(this,&quot;all&quot;,function(){console.log(&quot;Event: &quot;+arguments[0]);});
            },
            render : function() {        
                this.$el.html(this.html_text);
                
                this.wrapper = new MyWrapper();
                this.wrapper.set(this.$(&quot;#textbox&quot;));
                this.wrapper.get().val(&quot;placeholder&quot;);
                
                return this;
            },
            onButton : function() {
                // assume this gets .remove() called on subviews (if they existed)
                this.trigger(&quot;cleanup&quot;);
                this.remove();
            }
        });
        
        var view = new MyView();
        $(&quot;#content&quot;).append(view.render().el);
    }

    main();

However, I am unclear how to use Google Chrome&#39;s profiler to verify that this is, in fact, the case. There are a gazillion things that show up on the heap profiler snapshot, and I have no idea how to decode what&#39;s good/bad. The tutorials I&#39;ve seen on it so far either just tell me to &quot;use the snapshot profiler&quot; or give me a hugely detailed manifesto on how the entire profiler works. Is it possible to just use the profiler as a tool, or do I really have to understand how the whole thing was engineered?

**EDIT:** Tutorials like these:

[Gmail memory leak fixing](https://docs.google.com/presentation/d/1wUVmf78gG-ra5aOxvTfYdiLkdGaR9OhXRnOlIcEmu2s/pub?start=false&amp;loop=false&amp;delayms=3000#slide=id.g14717ff3_0_23)

[Using DevTools](http://addyosmani.com/blog/taming-the-unicorn-easing-javascript-memory-profiling-in-devtools/)

Are representative of some of the stronger material out there, from what I&#39;ve seen. However, beyond introducing the concept of the *3 Snapshot Technique*, I find they offer very little in terms of practical knowledge (for a beginner like me). The &#39;Using DevTools&#39; tutorial doesn&#39;t work through a real example, so its vague and general conceptual description of things aren&#39;t overly helpful. As for the &#39;Gmail&#39; example:

&gt;***So you found a leak. Now what?***
&gt;
&gt;- Examine the retaining path of leaked objects in the lower half of the Profiles panel
&gt;
&gt;- If the allocation site cannot be easily inferred (i.e. event listeners):
&gt;
&gt;- Instrument the constructor of the retaining object via the JS console to save the stack trace for allocations
&gt;
&gt;- Using Closure? Enable the appropriate existing flag (i.e. goog.events.Listener.ENABLE_MONITORING) to set the creationStack property during construction

I find myself more confused after reading that, not less. And, again, it&#39;s just telling me to *do* things, not *how* to do them. From my perspective, all of the information out there is either too vague or would only make sense to someone who already understood the process.

Some of these more specific issues have been raised in [@Jonathan Naguin&#39;s answer](https://stackoverflow.com/a/19726918/20578) below.

Finding JavaScript memory leaks with Chrome

I&#39;m using jquery, backbonejs, underscorejs and bootstrap for my company project. Sometimes I got this error in chrome. 

&gt; Uncaught TypeError: Cannot read property &#39;fn&#39; of undefined

My shim is like this in my main.js

    require.config({
    paths: {
        jquery: &#39;libs/jquery/jquery&#39;,
        underscore: &#39;libs/underscore/underscore&#39;,
        backbone: &#39;libs/backbone/backbone&#39;,
        backboneeventbinder: &#39;libs/backbone.eventbinder.min&#39;,
        bootstrap: &#39;libs/bootstrap&#39;,
        jquerytablesorter: &#39;libs/tablesorter/jquery.tablesorter&#39;,
        tablesorter: &#39;libs/tablesorter/tables&#39;,
        ajaxupload: &#39;libs/ajax-upload&#39;,
        templates: &#39;../templates&#39;
    },
    shim: {
        &#39;backbone&#39;: {
            deps: [&#39;underscore&#39;, &#39;jquery&#39;],
            exports: &#39;Backbone&#39;
        },
        &#39;underscore&#39;: {
            exports: &#39;_&#39;
        },
    }
    });
     require([&#39;app&#39;, ], function(App) {
      App.initialize();
    });

I already insert .noConflict() for jquery, underscorejs and backbonejs.

My app.js

    // Filename: app.js
    define([&#39;jquery&#39;, &#39;underscore&#39;, &#39;backbone&#39;, &#39;backboneeventbinder&#39;, &#39;bootstrap&#39;, &#39;ajaxupload&#39;, &#39;router&#39;, // Request router.js
    ], function($, _, Backbone, Bootstrap, Backboneeventbinder, Ajaxupload, Router) {
        $.noConflict();
        _.noConflict();
        Backbone.noConflict();
        var initialize = function() {
                Router.initialize();
            };
        return {
            initialize: initialize
        };
    });

This is screenshot from my chrome
![enter image description here][1]

Its kind like related to bootstrap.

Thanks a lot in advance.


  [1]: http://i.stack.imgur.com/dVvat.png

Bootstrap - Uncaught TypeError: Cannot read property &#39;fn&#39; of undefined

&gt; if you need to read or clone all of a model’s data attributes, use its
&gt; toJSON() method. This method returns a copy of the attributes as an
&gt; object (not a JSON string despite its name). (When JSON.stringify() is
&gt; passed an object with a toJSON() method, it stringifies the return
&gt; value of toJSON() instead of the original object. The examples in the
&gt; previous section took advantage of this feature when they called
&gt; JSON.stringify() to log model instances.)

http://addyosmani.github.io/backbone-fundamentals/#backbone-basics

Can anyone tell me the difference between both these ways of `representing an object` in `JSON` notation. I am just confused whether these to achieve the same or there is a difference.

Difference between toJSON() and JSON.Stringify()

I try to clone an array of objects with nested objects.

Something like:

    var data = [
        { id: 1, values: { a: &#39;a&#39;, b: &#39;b&#39; } },
        { id: 2, values: { c: &#39;c&#39;, d: &#39;d&#39; } }
    ];

#_.Clone

With the [`_.clone`][1] method and the `isDeep` parameter at `true`:

    var clone = _.clone(data, true);
    
    data[1].values.d = &#39;x&#39;;
    
    console.log( _.isEqual(data, clone) ); // true, clone[1].values.d == &#39;x&#39;

I expected `clone[1].values.d == &#39;d&#39;` :

&gt; If isDeep is true nested objects will also be cloned, otherwise they
&gt; will be assigned by reference.

What is wrong?

#_.CloneDeep

In addition, when I try with the [`_.cloneDeep`][2] method, I get an error:

    var clone = _.cloneDeep(data);
    
    // Uncaught TypeError: Object function u(n){return n instanceof u?n:new o(n)}
    // has no method &#39;cloneDeep&#39;

Why this error?

#$.extend

With [`$.extend`][3] the clone has no reference to the original object as expected:

    var clone = $.extend(true, {}, data);

    console.log( _.isEqual(data, clone) ); // false, clone[1].values.d == &#39;d&#39; 


  [1]: http://lodash.com/docs#clone
  [2]: http://lodash.com/docs#cloneDeep
  [3]: http://api.jquery.com/jquery.extend/

Lodash .clone and .cloneDeep behaviors

What is the REST-ful way of deleting multiple items?

My use case is that I have a Backbone Collection wherein I need to be able to delete multiple items at once. The options seem to be:

1. Send a DELETE request for every single record (which seems like a bad idea if there are potentially dozens of items);
2. Send a DELETE where the ID&#39;s to delete are strung together in the URL (i.e., &quot;/records/1;2;3&quot;);
3. In a non-REST way, send a custom JSON object containing the ID&#39;s marked for deletion.

All options are less than ideal.

This seems like a gray area of the REST convention.

Delete multiple records using REST

I am using the select2 control, [loading data][1] via ajax. This requires the use of the `&lt;input type=hidden..&gt;` tag.

Now, I want to retrieve the selected text. (The `value` property in the `data-bind` expression sotres the `id` only)

I have tried `$(&quot;.select2-chosen&quot;).text()`, but this breaks when I have multiple select2 controls on the page.


  [1]: http://ivaynberg.github.io/select2/#data

Content Type	Original Author	Original Content on Stackoverflow
Question	Beaver21	View Question on Stackoverflow
Solution 1 - Angularjs	aet	View Answer on Stackoverflow

Angular.js vs Knockout.js vs Backbone.js

Angularjs Problem Overview

Angularjs Solutions

Solution 1 - Angularjs

How to 'git pull' into a branch that is not the current one?

ERROR 1130 (HY000): Host '' is not allowed to connect to this MySQL server

Attributions