A require module that leverages backbone jquery and underscore to debounce and keep a running log of the window width for all components to listen to.

window-model.js

define([
  'backbone',
  'jquery',
  'underscore'
], function(Backbone, $, _) {


  // x-browser window width test
  function winWidth() {
    var w = 0;
    // IE
    if (!window.innerWidth) {
      if ( document.documentElement.clientWidth !== 0 ) {
        // strict mode
        w = document.documentElement.clientWidth;
      }
      else {
        // quirks mode
        w = document.body.clientWidth;
      }
    }
    else {
      // w3c
      w = window.innerWidth;
    }
    return w;
  };


  // Window Model
  var WindowModel = Backbone.Model.extend({
    initialize: function() {
      var self = this;
      var lazyLayout = _.debounce(function(){
        self.getWidth();
      }, 150);
      $(window).resize(lazyLayout);
      this.getWidth();
    },

    getWidth: function() {
      this.set( "width", winWidth() );
    }
  });


  // return one instantiation for all to share
  var windowModel = new WindowModel();
  return windowModel;

});