рдореЛрдЗрд▓ - рдПрдХ рдореНрдпреВрдЯреВрд▓-рдЖрдзрд╛рд░рд┐рдд рдореЛрдмрд╛рдЗрд▓ рдврд╛рдВрдЪрд╛


рд▓рдВрдмреЗ рд╕рдордп рддрдХ рдЬреЗрдПрд╕ рдлреНрд░реЗрдорд╡рд░реНрдХ рдореВрдЯреНрд╕ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╣реИрдмрд░ рдХреА рдЦрдмрд░ рдкрд░ рдХреБрдЫ рднреА рдирд╣реАрдВ рд╕реБрдирд╛ рдЧрдпрд╛ рдерд╛ред рдЗрд╕ рдмреАрдЪ, рдпрд╣ рдЕрдкрдиреЗ рд╡рд┐рдХрд╛рд╕ рдХреЛ рдЬрд╛рд░реА рд░рдЦрддрд╛ рд╣реИред рдлрд┐рд▓рд╣рд╛рд▓, рдирд╡реАрдирддрдо рдХрд░реНрдиреЗрд▓ рд╕рдВрд╕реНрдХрд░рдг 1.4.5 рд╣реИред

рд╣рд╛рд▓рд╛рдБрдХрд┐, рдЕрдм рд╣рдо рдХреБрдЫ рдФрд░ рдмрд╛рдд рдХрд░ рд░рд╣реЗ рд╣реИрдВред 20 рдЕрдкреНрд░реИрд▓ рдХреА рд╢реБрд░реБрдЖрдд рдореЗрдВ, рдбреЗрд╡рд▓рдкрд░реНрд╕ рдиреЗ рдЯреНрд╡реАрдЯ рдХрд┐рдпрд╛ рдХрд┐ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХреЛрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реБрдП, рдореЛрдмрд╛рдЗрд▓ рдЙрдкрдХрд░рдгреЛрдВ рдХреЗ рд▓рд┐рдП рдПрдХ рд░реВрдкрд░реЗрдЦрд╛ рдХрд╛ рд╡рд┐рдХрд╛рд╕ рд╢реБрд░реВ рд╣реЛ рдЧрдпрд╛ рдерд╛ред
Update.1 - MooTools рдХреЗ рдирд┐рд░реНрдорд╛рддрд╛ рдЗрд╕реЗ рд╡рд┐рдХрд╕рд┐рдд рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рдзрдиреНрдпрд╡рд╛рдж рдореИрдЧреНрдореЛрд░реЛ рдиреЗ рдПрдХ рдЕрд╢реБрджреНрдзрд┐ рдкрд░ рдзреНрдпрд╛рди рджрд┐рдпрд╛ред

рддреЛ moobilejs.com ред

рд▓реЗрдЦрдХреЛрдВ рдХреЗ рдЕрдиреБрд╕рд╛рд░, рд╡рд┐рдХрд╛рд╕ рдЕрднреА рднреА рдХрд╛рдлреА рдХрдЪреНрдЪрд╛ рд╣реИ, рд╕рдВрд╕реНрдХрд░рдг 0.1.1 *ред рд╣рд╛рд▓рд╛рдБрдХрд┐, рдбреЗрдореЛ рдпрд╣рд╛рдБ рдпрд╛ рдЗрд╕ рддрд░рд╣ рджреЗрдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ: goo.gl/dWreE
рдПрдХ рдкрд░реАрдХреНрд╖рдг iPhone 3 рдЬреА рдкрд░ рд╕рдм рдХреБрдЫ рдХрдо рдпрд╛ рдЬреНрдпрд╛рджрд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рд╕реБрдВрджрд░ рдмрджрд▓рд╛рд╡, рдЕрд▓рд░реНрдЯ рдФрд░ рдШрдЯрдирд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдмрд╛рдзреНрдпрдХрд╛рд░реА рдЯреИрдк (рдЯреИрдкрд╕реНрдЯрд╛рд░реНрдЯ, рдЯреИрдореНрдкреЛрд╡, рдЯреИрдкреЗрдВрдб), рдЯрдЪрдореЛрд╡, рдкрд┐рдВрдЪ, рд╕реНрд╡рд╛рдЗрдк рдФрд░ рдЕрдиреНрдп ред
рдХреЗрд╡рд▓ BUT , рдбреЗрдореЛ рдкреЗрдЬ рдпрд╣ рдкрддрд╛ рд▓рдЧрд╛рдирд╛ рдирд╣реАрдВ рдЪрд╛рд╣рддрд╛ рдерд╛ рдХрд┐ рдпрд╣ рдЕрд╕рд▓реА рдбрд┐рд╡рд╛рдЗрд╕ рдкрд░ рдЪрд▓ рд░рд╣рд╛ рд╣реИ, рдФрд░ рдбреЗрд╕реНрдХрдЯреЙрдк рдкрд░ рдЙрд╕реА рдореЛрдб рдореЗрдВ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдЕрд░реНрдерд╛рддред рдкреГрд╖реНрда рдкрд░ рдПрдХ рдПрдореБрд▓реЗрдЯрд░ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ (рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рдПрдХ рд╡рд┐рд╢реЗрд╖рддрд╛ рдкреНрд░рддреАрдд рд╣реЛрддреА рд╣реИ)ред

рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдХреЗрд╡рд▓ WebKit- рдЖрдзрд╛рд░рд┐рдд рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕рдорд░реНрдерд┐рдд рд╣реИрдВ:

рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдкреИрдХреЗрдЬ рдбреЗрд╡рд▓рдкрд░ рдХреА рд╡рд┐рддрд░рдг рдХрд┐рдЯ рдореЗрдВ рд╢рд╛рдорд┐рд▓ рд╣реИрдВ:

рдирд┐рдпрдВрддреНрд░рдХреЛрдВ рдФрд░ рд╡рд┐рдЪрд╛рд░реЛрдВ рдХреЗ рд╕рд╛рде MVC рджреГрд╖реНрдЯрд┐рдХреЛрдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдирд┐рдпрдВрддреНрд░рдХ рд╕реЗ рджреГрд╢реНрдп рд▓реЛрдб рдХрд░реЗрдВ:

this.view = Moobile.View.at('templates/views/hello-world-view.html'); 

рд╡рд░реНрдЧреЛрдВ рдХрд╛ рд╡рд░реНрдгрди рдХрд░рддреЗ рд╕рдордп, MooTools рдХреЗ рдлрд╛рдпрджреЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдпрд╣рд╛рдВ рдирд┐рдпрдВрддреНрд░рдХ рд╡рд┐рд╡рд░рдг рдХрд╛ рдПрдХ рд╣рд┐рд╕реНрд╕рд╛ рд╣реИ:

 var HelloWorldViewController = new Class({ Extends: Moobile.ViewController, ... }); 

HTML рдореЗрдВ рд╣рд░ рдЬрдЧрд╣, рд▓реЛрдХрдкреНрд░рд┐рдп HTML5 рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдбреЗрдЯрд╛ рдореЗрдВ рдбреЗрдЯрд╛ рд╕рдВрдЧреНрд░рд╣реАрдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ- *

 <div data-role="button" data-name="hello-world-button">Hello World</div> 

MooTools рдХрд╛ рдордЬрдмреВрдд рдмрд┐рдВрджреБ рд╣рдореЗрд╢рд╛ рдСрдмреНрдЬреЗрдХреНрдЯ рдХреА рд╢реИрд▓реА рдЧреБрдгреЛрдВ рдХреЛ рдмрджрд▓рдХрд░ рдПрдиреАрдореЗрд╢рди рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рддрджрдиреБрд╕рд╛рд░, рдЗрд╕ рдкреНрд░рдХрд╛рд░ рдХреЗ рдЕрдЪреНрдЫреЗ рдЕрд╡рд╕рд░ рдореЛрдмрд╛рдЗрд▓ рдореЗрдВ рднреА рдЙрдкрд▓рдмреНрдз рд╣реИрдВред
рдлрд┐рд▓рд╣рд╛рд▓, рдореБрдЦреНрдп рджреГрд╖реНрдЯрд┐рдХреЛрдг рдХрд╛ рдЙрдкрдпреЛрдЧ рд╕рдВрдХреНрд░рдордг рд╣реИ, рдЬреЛ рдкреГрд╖реНрдареЛрдВ рдХреЗ рдмреАрдЪ рдиреЗрд╡рд┐рдЧреЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрдИ рдбреЗрдореЛ рдЙрджрд╛рд╣рд░рдгреЛрдВ рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

рдЙрдкрд▓рдмреНрдз рдирд┐рдпрдВрддреНрд░рдгреЛрдВ рдореЗрдВ, рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╣реИрдВ:

рдЕрдм рддрдХ рдХреЗ рд╕рдВрд╡рд╛рджреЛрдВ рдореЗрдВ рд╕реЗ рдХреЗрд╡рд▓
рд╕рдВрд╡рд╛рдж

рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рд▓реЛрдЧ рд╕рдлрд▓ рд╣реЛрдВрдЧреЗ, рдФрд░ рдиреЗрдЯрд╡рд░реНрдХ рддреЗрдЬ, рдЖрд╕рд╛рди рдФрд░ рд╢рдХреНрддрд┐рд╢рд╛рд▓реА рдЗрдВрдЬрди рд╕реЗ рд╕рдореГрджреНрдз рд╣реЛрдЧрд╛ред

Update.2 - рдирд╛рдо рдмрджрд▓ рджрд┐рдпрд╛ рддрд╛рдХрд┐ рдЯреЛрдкреА рд╕рдореНрдорд╛рдирд┐рдд torkve рд╕реЗ рдЙрдбрд╝ рди рдЬрд╛рдП ред рдкреНрд░рд╛рд░рдВрднрд┐рдХ рд╕рдВрд╕реНрдХрд░рдг рдЗрд╕ рдкреНрд░рдХрд╛рд░ рдерд╛: "рдореВрдЯреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛, рдореЛрдмрд╛рдЗрд▓ рдврд╛рдВрдЪреЗ рдХрд╛ рд╡рд┐рдХрд╛рд╕ - рдореЛрдЗрд▓, рд╢реБрд░реВ рд╣реЛ рдЧрдпрд╛ рд╣реИред"

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


All Articles