![弌仍亳从仂仄 仄仆仂亞仂 亳仍亳亶
onRender: ->
bindings = Backbone.ModelBinder.createDefaultBindings(@el, 'name')
delete bindings['resume_salary']
delete bindings['position_specialization_ids_string']
delete bindings['new_specialization_ids_string']
bindings['resume.positions.0.position.still_working'] = [
selector: '[name=position_still_working]'
,
selector: '[name=position_date_end]'
elAttribute: 'disabled'
direction: 'ModelToView'
]
bindings['resume.positions.0.position.employer.id'] = selector: '[name=position_employer_id]'
bindings['resume.positions.0.position.employer.name'] = [
selector: '[name=position_employer_id]'
elAttribute: 'data-name'
direction: 'ModelToView'
]
bindings['resume.positions.0.position.name'] = selector: '[name=position_name]'
bindings['resume.positions.0.position.date_begin'] = selector: '[name=position_date_begin]'
bindings['resume.positions.0.position.date_end'] = selector: '[name=position_date_end]'
bindings['resume.positions.0.position.industry.id'] = selector: '[name=position_industry_id]'
bindings['resume.positions.0.position.metric_size'] = selector: '[name=position_size]'
bindings['resume.positions.0.position.metric_grade'] = selector: '[name=position_grade]'
bindings['resume.positions.0.position.specialization_ids_string'] = [](https://image.slidesharecdn.com/fireyourfront-end-131226090935-phpapp01/85/Fire-your-front-end-12-320.jpg)
![个亳仍
ng-repeat = 'object in contextObjects'
舒仆 从仂仍仍亠从亳亶, 从 仂弍亳仄 亳仍舒亳亠亶 亟舒仆仆.
ng-repeat = 'object in objects | objectsByContext: context'
if(trees && context && (context_id = context.id || context.template_id)) {
var tempTrees = [];
!
angular.forEach(trees, function (tree) {
if ( tree.context_percents && _.contains(Object.keys(tree.context_percents),
context_id.toString()) ) {
tempTrees.push(tree);
}
});
!
return _(tempTrees);
} else {
return _(trees);](https://image.slidesharecdn.com/fireyourfront-end-131226090935-phpapp01/85/Fire-your-front-end-24-320.jpg)
![个亳仍 2
{{tree.change > 0 ? ('+' + tree.change) : tree.change}}%
if 从 亳仍舒仄 仗亳 于于仂亟亠 亟舒仆仆.
{{ tree | changeByContext: context | addPlus }}%
鍖lter('changeByContext', function(){
return function(tree, context) {
if ( context && context.id ) {
if (tree.old_context_percents) {
var result = tree.context_percents[context.id.toString()] tree.old_context_percents[context.id.toString()];
!
return result;
}
} else {
return tree.percent_change;
}](https://image.slidesharecdn.com/fireyourfront-end-131226090935-phpapp01/85/Fire-your-front-end-26-320.jpg)
More Related Content
Similar to Fire your front end (20)
Fire your front end
- 2. 舒亰舒弍舒于舒亠亠 仍亳 于 亟仍 于亠弍舒?
- 3. 仂舒 仆舒亳仆舒.
- 4. 丐亠仗亠 仂 仗仂仂.
- 5. 舒 frontend 仗亳亠 从舒亢亟亶 亟亠仆 从仂亟 仆舒 jquery 亳仍亳 于舒仆亳仍仆仂仄 js?
- 7. 舒仄 仆亠 亰仆舒从仂仄 舒弍弍亠于亳舒 RIA 亳 SPA?
- 9. 仂亞 2013 亞仂亟舒. 舒于亠 MVC JS 亠亶仄于仂从仂于.
- 11. Backbone?
- 12. 弌仍亳从仂仄 仄仆仂亞仂 亳仍亳亶 onRender: -> bindings = Backbone.ModelBinder.createDefaultBindings(@el, 'name') delete bindings['resume_salary'] delete bindings['position_specialization_ids_string'] delete bindings['new_specialization_ids_string'] bindings['resume.positions.0.position.still_working'] = [ selector: '[name=position_still_working]' , selector: '[name=position_date_end]' elAttribute: 'disabled' direction: 'ModelToView' ] bindings['resume.positions.0.position.employer.id'] = selector: '[name=position_employer_id]' bindings['resume.positions.0.position.employer.name'] = [ selector: '[name=position_employer_id]' elAttribute: 'data-name' direction: 'ModelToView' ] bindings['resume.positions.0.position.name'] = selector: '[name=position_name]' bindings['resume.positions.0.position.date_begin'] = selector: '[name=position_date_begin]' bindings['resume.positions.0.position.date_end'] = selector: '[name=position_date_end]' bindings['resume.positions.0.position.industry.id'] = selector: '[name=position_industry_id]' bindings['resume.positions.0.position.metric_size'] = selector: '[name=position_size]' bindings['resume.positions.0.position.metric_grade'] = selector: '[name=position_grade]' bindings['resume.positions.0.position.specialization_ids_string'] = [
- 13. Ember?
- 14. 仂仆仂于亠亠, 仆仂 于 亠 仍亳从仂仄 仄仆仂亞仂 亳仍亳亶.
- 15. Angular?
- 17. 舒仄亶 舒亰?
- 18. 丐仂仍从仂 亠仍亳 于 仗仂仆磿亳 从舒从 亠亞仂 亞仂仂于亳.
- 21. 仂亟亠仍 仂 仆亠 仄仂亟亠仍.
- 23. Keep It Simple Stupid.
- 24. 个亳仍 ng-repeat = 'object in contextObjects' 舒仆 从仂仍仍亠从亳亶, 从 仂弍亳仄 亳仍舒亳亠亶 亟舒仆仆. ng-repeat = 'object in objects | objectsByContext: context' if(trees && context && (context_id = context.id || context.template_id)) { var tempTrees = []; ! angular.forEach(trees, function (tree) { if ( tree.context_percents && _.contains(Object.keys(tree.context_percents), context_id.toString()) ) { tempTrees.push(tree); } }); ! return _(tempTrees); } else { return _(trees);
- 26. 个亳仍 2 {{tree.change > 0 ? ('+' + tree.change) : tree.change}}% if 从 亳仍舒仄 仗亳 于于仂亟亠 亟舒仆仆. {{ tree | changeByContext: context | addPlus }}% 鍖lter('changeByContext', function(){ return function(tree, context) { if ( context && context.id ) { if (tree.old_context_percents) { var result = tree.context_percents[context.id.toString()] tree.old_context_percents[context.id.toString()]; ! return result; } } else { return tree.percent_change; }
- 29. Bower
- 30. CSS 舒仆亳仄舒亳亳 .competence @include transition (border 1.0s ease-in-out) white-space: nowrap padding: 5px margin: 5px border: solid 2px rgba(250, 92, 93, 0.2) border-radius: 5px 鍖oat: left z-index: 1 cursor: pointer ! &.ng-enter @include animation(bounceIn 1s) ! &.ng-leave @include animation(bounceOut 1s)
- 31. SASS http://sass-lang.com/ Bourbon http://bourbon.io/ Animate.css https://daneden.me/animate/