Upload
sphere-consulting-inc
View
293
Download
1
Embed Size (px)
DESCRIPTION
Kiev-rb#2
Citation preview
Ember.js
Opak Alex https://github.com/OpakAlex
why should you spend your time on it?
Roundscope
2 MVC
JS MVC
Live Demo
Real project
Ember-Admin
Rails Play
Dynamo Grails Spring
….
1 MVC
2 MVC
$(function() { ………….
});
OR
$() var relX, docw, isMouseDown, arrow = $('.selector .arrow'), daily = $('.selector-container .daily'), weekly = $('.selector-container .weekly'), monthly = $('.selector-container .monthly'), weeklyLabels = $('.bottom-labels .weekly span'), monthlyLabels = $('.bottom-labels .monthly span'); ! $(arrow).on('mousedown', function(e){ var srcX = $(this).offset().left; docw = $('body').width(); relX = e.pageX - srcX + 345; isMouseDown = true; }); !$(document).on('mousemove',function(e){ if(isMouseDown) { var maxX = $('.selector').width() - 25; var mouseX = e.pageX; var diffX = mouseX - relX; if(diffX < 0) diffX = 0; if(diffX > maxX) diffX = maxX; ! $(arrow).css('left', (diffX)+'px').text(''); ! $('.bottom-labels span').removeClass('active'); }});
Result:
Never use jQuery()
Never use $()
Ember-Admin
https://github.com/ember-admin/ember-admin.js