Cheat Sheet | 速查表

屏幕尺寸 768 992 1200 ' ' ' ' ' ' ' ' ' <---------^------------^------------------^---------> xs sm md lg (phone) (tablet) (laptop) (desktop) Min: @media (min-width: @screen-sm-min) // >= 768px (小屏幕 平板) @media (min-width: @screen-md-min) // >= 992px (中等屏幕 桌面显示器) @media (min-width: @screen-lg-min) // >= 1200px (大屏幕 大桌面显示器) Max: @media (max-width: @screen-xs-max) { // < 768px (超小屏幕 手机) @media (max-width: @screen-sm-max) { // < 992px (小屏幕 平板) @media (max-width: @screen-md-max) { // < 1200px (中等屏幕 桌面显示器) 栅格 .container .container-fluid .col-xs-1 .col-sm-1 .col-md-1 .col-lg-1 .col-md-offset-1 Mixins: @includemake-xs-column(12); @includemake-sm-column(6); @includemake-md-column(3); @includemake-lg-column(3); @includemake-sm-column-offset(1); @includemake-sm-column-push(1); @includemake-sm-column-pull(1); 响应

绑定事件 .on('event', callback) .on('event', callback, context) .on({ 'event1': callback, 'event2': callback }) .on('all', callback) .once('event', callback) // 添加只执行一次的自定义事件 解绑事件 object.off('change', onChange) // just the `onChange` callback object.off('change') // all 'change' callbacks object.off(null, onChange) // `onChange` callback for all events object.off(null, null, context) // all callbacks for `context` all events object.off() // all 事件 object.trigger('event') view.listenTo(object, event, callback) view.stopListening() 事件列表 Collection: add (model, collection, options) remove (model, collection, options) reset (collection, options) sort (collection, options) Model: change (model, options) change:[attr] (model, value, options) destroy (model, collection, options) error (model, xhr, options) Model and collection: request (model, xhr, options) sync (model, resp, options) Router: route:[name] (params) route (router, route, params) 视图 定义视图 // All attributes are