рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдмреНрд▓реЙрдХ

рд╣реИрд▓реЛ, рд╣реЗрдмреНрд░реИрдЪреИрдЯреЗрд▓!

рдЗрд╕ рджреЗрд░ рдШрдВрдЯреЗ рдореЗрдВ, рдореЗрд░реЗ рджрд┐рдорд╛рдЧ рдореЗрдВ рдПрдХ рдмрд╣реБрдд рд╣реА рдЕрдЬреАрдм рд╡рд┐рдЪрд╛рд░ рдЖрдпрд╛ред рдмрд┐рдирд╛ рдХрд┐рд╕реА рд╣рд┐рдЪрдХрд┐рдЪрд╛рд╣рдЯ рдХреЗ, рдореИрдВрдиреЗ рдЗрд╕ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рдЫреЛрдЯреА рдкреЛрд╕реНрдЯ рд▓рд┐рдЦрдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛ред
рдЦреИрд░, рдЕрднреА рднреА рдореЗрд░реЗ рдкрд╛рд╕ WebRTC рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рджреВрд╕рд░рд╛ рд▓реЗрдЦ рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдордп рдФрд░ рдКрд░реНрдЬрд╛ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдкреЛрд╕реНрдЯ-рдиреЛрдЯ рдХреЗ рд▓рд┐рдП рдореИрдВрдиреЗ рдорд╕реНрддрд┐рд╖реНрдХ рдФрд░ рд╕рдордп рд╕рдВрд╕рд╛рдзрдиреЛрдВ рдХреЛ рдЦреЛрдЬрдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛ред

рд╡рд┐рдЪрд╛рд░ рдХрд╛ рд╕рд╛рд░, рдпрд╛ рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рд╕рд╡рд╛рд▓ - рдХреЛрдИ рднреА (рдЬрд┐рд╕реЗ рдореИрдВ рдорд┐рд▓рд╛) рдХреЛрдб рдХреЗ рдЕрд▓рдЧ-рдЕрд▓рдЧ рдмреНрд▓реЙрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ (рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдЕрдЧрд░ рдЕрдиреНрдп рднрд╛рд╡реЛрдВ рдХреЗ рд╕рд╛рде рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЖрджрд┐) рдЙрдирдХреЗ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЕрдиреБрдкреНрд░рдпреЛрдЧреЛрдВ рдореЗрдВ?

рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдХреЛрдб рдХрд╛ рдПрдХ рдмреНрд▓реЙрдХ рдХреИрд╕реЗ рдмрдирд╛рдПрдВ?


рдЖрд░рд╛рдо рд╕реЗ! {} рдПрдХ рдЕрднрд┐рд╡реНрдпрдХреНрддрд┐ рдХреА рд╢реБрд░реБрдЖрдд рдореЗрдВ рдПрдХ рдмреНрд▓реЙрдХ (рдПрдХ рд╡рд╕реНрддреБ рдирд╣реАрдВ) рдорд╛рдирд╛ рдЬрд╛рддрд╛ рд╣реИред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП:
{ console.log('Hello from a block'); } 

рдПрдХ рдмреНрд▓реЙрдХ рдХреИрд╕реЗ рдЙрдкрдпреЛрдЧреА рд╣реЛ рд╕рдХрддрд╛ рд╣реИ?


рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ, рдХреЛрдб рдХреЗ рдмреНрд▓реЙрдХ рдЕрдкрдирд╛ рд╕реНрд╡рдпрдВ рдХрд╛ рджрд╛рдпрд░рд╛ (рд╕реНрдХреЛрдк) рдирд╣реАрдВ рдмрдирд╛рддреЗ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рд╣рдо рдХрд┐рд╕реА рдФрд░ рдЪреАрдЬ рдореЗрдВ рдЙрдкрдпреЛрдЧрд┐рддрд╛ рдХреА рддрд▓рд╛рд╢ рдХрд░реЗрдВрдЧреЗред
рд╕рдмрд╕реЗ рдкреНрд░рд╛рдердорд┐рдХ рдЕрдиреБрдкреНрд░рдпреЛрдЧ рдХреЛрдб рдХреЗ рддрд╛рд░реНрдХрд┐рдХ рднрд╛рдЧреЛрдВ рдХрд╛ рдкреГрдердХреНрдХрд░рдг рд╣реИред рд╣рд╛рдБ, рдХреНрдпрд╛! рдмреНрд▓реЙрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рд▓реЗрдмрд▓ рдХреЗ рд╕рд╛рде рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
 MyBlock: { console.log('This is MyBlock'); } 

рдЗрд╕ рд╕реНрдерд┐рддрд┐ рдореЗрдВ рдЙрд╕рд╕реЗ рдХреЛрдИ рдорддрд▓рдм рдирд╣реАрдВ рд╣реИред рдРрд╕реА рд╕рдлрд▓рддрд╛ рдХреЗ рд╕рд╛рде, рдЖрдк рд▓реЗрдмрд▓ рдХреЛ рдПрдХ рдЯрд┐рдкреНрдкрдгреА рд╕реЗ рдмрджрд▓ рд╕рдХрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдпрд╣ рдХрд┐рддрдирд╛ рд╕реБрдВрджрд░ рджрд┐рдЦрддрд╛ рд╣реИред
рд▓реЗрдХрд┐рди рд╕рдорд╕реНрдпрд╛ рд╕реАрдорд┐рдд рд▓реЗрдмрд▓ рдореЗрдВ рдмрдиреА рд╣реБрдИ рд╣реИред

рдПрдХ рдЕрдиреБрднрд╡реА рдФрд░ рдмрд╣реБрдд рдкреНрд░реЛрдЧреНрд░рд╛рдорд░ рдпрд╣ рдирд╣реАрдВ рдХрд╣ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдХреЛрдб рдХреЗ рд╕рднреА рддрд╛рд░реНрдХрд┐рдХ рдмреНрд▓реЙрдХреЛрдВ / рднрд╛рдЧреЛрдВ рдХреЛ рдЕрд▓рдЧ-рдЕрд▓рдЧ рдХрд╛рд░реНрдпреЛрдВ рдореЗрдВ рд▓рдЧрд╛рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред рд▓реЗрдХрд┐рди рдореИрдВ рддреБрд░рдВрдд рдЕрд╕рд╣рдордд рд╣реЛрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░реВрдВрдЧрд╛ред рдЖрдЗрдП рдПрдХ рдЬреАрд╡рди рдЙрджрд╛рд╣рд░рдг рджреЗрдЦреЗрдВ?
рдорд╛рди рд▓реАрдЬрд┐рдП рдХрд┐ рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдмреИрдХрдмреЛрди рдПрдкреНрд▓рд┐рдХреЗрд╢рди рд╣реИред рдкреНрд░рддреНрдпреЗрдХ рджреГрд╢реНрдп рдХреЛ рд╢реБрд░реВ рдХрд░рддреЗ рд╕рдордп, рдореБрдЭреЗ рдорд╛рдирдХ рдХреНрд░рд┐рдпрд╛рдПрдВ рдХрд░рдиреА рдЪрд╛рд╣рд┐рдП: рд╡реИрд╢реНрд╡рд┐рдХ рдШрдЯрдирд╛рдУрдВ рдХреА рд╕рджрд╕реНрдпрддрд╛, рдореЙрдбрд▓ рдХреА рд╕рджрд╕реНрдпрддрд╛ рдпрд╛ рдмрджрд▓рд╛рд╡реЛрдВ рдХрд╛ рд╕рдВрдЧреНрд░рд╣, рдЖрджрд┐ред
 Backbone.View.extend({ initialize: function () { this.model.on('change', this.render); this.model.on('add', this.onAdd); this.model.on('change:type', this.onResetType); app.subscribe('reload', this.render, this); app.subscribe('remove', this.remove, this); app.subscribe('vodka', this.drink, this); } }); 

рдХрд┐рд╕реА рдХрд╛рд░рдг рд╕реЗ, рдореИрдВ рдЗрд╕реЗ рдЕрд▓рдЧ рдХрд╛рд░реНрдп рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ред рдореБрдЭреЗ рдЗрд╕ рддрдереНрдп рдХреА рдЖрджрдд рд╣реИ рдХрд┐ рдкреНрд░рд╛рд░рдВрднрд┐рдХ рд╡рд┐рдзрд┐ рдореЗрдВ рдореИрдВ рддреБрд░рдВрдд рд╕рднреА рдЖрд╡рд╢реНрдпрдХ рдШрдЯрдирд╛рдУрдВ рдХреЗ рд▓рд┐рдП рд╕рджрд╕реНрдпрддрд╛ рджреЗрдЦ рд╕рдХрддрд╛ рд╣реВрдВред
рддреЛ рдореБрдЭреЗ рдХреЛрдб рдХреЗ рдЗрд╕ рджреНрд░рд╡реНрдпрдорд╛рди рдХреЛ рдХреЛрдб рдХреЗ рдЕрд▓рдЧ-рдЕрд▓рдЧ рд▓реЙрдЬрд┐рдХрд▓ рдмреНрд▓реЙрдХ рдореЗрдВ рдПрдХ рд╡рд┐рдзрд┐ рдФрд░ рджрд╛рдпрд░реЗ рдХреЗ рджрд╛рдпрд░реЗ рдореЗрдВ рдХреНрдпреЛрдВ рдирд╣реАрдВ рдмрд╛рдВрдЯрдирд╛ рдЪрд╛рд╣рд┐рдП?
 Backbone.View.extend({ initialize: function () { ModelEvents: { this.model.on('change', this.render); this.model.on('add', this.onAdd); this.model.on('change:type', this.onResetType); } AppEvents: { app.subscribe('reload', this.render, this); app.subscribe('remove', this.remove, this); app.subscribe('vodka', this.drink, this); } } }); 


рдХрдорд┐рдпреЛрдВ


рдореБрдЭреЗ рдпрд╣ рднреА рдкрддрд╛ рдирд╣реАрдВ рд╣реИ рдХрд┐ рдХреЛрдб рдкреГрдердХреНрдХрд░рдг рдХреА рдЗрд╕ рдкрджреНрдзрддрд┐ рдХреЗ рдиреБрдХрд╕рд╛рди рдХреНрдпрд╛ рд╣реЛ рд╕рдХрддреЗ рд╣реИрдВред рд╢рд╛рдпрдж рдПрдХ рдореМрдХрд╛ рд╣реИ рдХрд┐ рдХреЛрдИ рднреНрд░рдорд┐рдд рд╣реЛ рд╕рдХрддрд╛ рд╣реИ - рдХрд┐рд╕реА рдСрдмреНрдЬреЗрдХреНрдЯ рдХреЗ рд╕рд╛рде рдХреЛрдб рдмреНрд▓реЙрдХ рдХреЛ рднреНрд░рдорд┐рдд рдХрд░реЗрдВред рд▓реЗрдХрд┐рди рдореЗрд░рд╛ рдРрд╕рд╛ рдЭреБрдХрд╛рд╡ рдирд╣реАрдВ рд╣реИред

рдирд┐рд╖реНрдХрд░реНрд╖: рдРрд╕реЗ рдмреНрд▓реЙрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╕рднреА рдХреЗ рд▓рд┐рдП рдПрдХ рдмрд╛рдд рд╣реИред рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ, рдмреНрд▓реЙрдХ - рдЬреИрд╕рд╛ рдЖрдк рдЪрд╛рд╣рддреЗ рд╣реИрдВред рд▓реЗрдХрд┐рди рдореИрдВ рдЕрднреА рднреА рдРрд╕реЗ рдмреНрд▓реЙрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдПрдХ рджрд┐рд▓рдЪрд╕реНрдк рдЖрд╡реЗрджрди рдЦреЛрдЬрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред

рдзреНрдпрд╛рди рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдк рд╕рднреА рдХрд╛ рдзрдиреНрдпрд╡рд╛рджред

Source: https://habr.com/ru/post/In176951/


All Articles