рдПрдХреНрд╕реЛрд╕реНрдХреЗрд▓реЗрдЯрди - рдлрд╛рд╕реНрдЯ рдФрд░ рдЖрдзреБрдирд┐рдХ рдмреИрдХрдмреЛрди рд░рд┐рдкреНрд▓реЗрд╕рдореЗрдВрдЯ

рдЪреВрдВрдХрд┐ рдкрд┐рдЫрд▓реЗ рд╡рд░реНрд╖ рдореЗрдВ рд╣рдореЗрдВ рдкреБрд░рд╛рдиреЗ (IE8 <=) рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдХреЗ рд▓рд┐рдП Backbone.js рдкрд░ рдЖрд╡реЗрджрди рдирд╣реАрдВ рдХрд░рдирд╛ рдерд╛, "рдЕрдЧрд░ рд╣рдо рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдмреИрдХрдмреЛрди рд╕реЗ рдмрд╛рд╣рд░ рдХреА рд╕рд╛рд░реА рдирд┐рд░реНрднрд░рддрд╛ рдХреЛ рдлреЗрдВрдХ рджреЗрддреЗ рд╣реИрдВ рддреЛ рдХреНрдпрд╛ рд╣реЛрдЧрд╛?" рдХреНрдпрд╛ рдЗрд╕рд╕реЗ рдХреВрд▓рд░ рдорд┐рд▓реЗрдЧрд╛? тАЭ



рдмрди рдЧрдпрд╛ рд╣реИред



рд▓реЗрдХрд┐рди рдЬреЗрд░реЗрдореА рдПрд╢рдХреЗрдирд╛рд╕ (рдмреЗрдХрди рдХреЗ рд▓реЗрдЦрдХ) рдиреЗ рдореЗрд░реЗ рдЕрдиреБрднрд╡ рдореЗрдВ рдЕрдВрдбрд░рд╕реНрдХреЛрд░ рдХреЛ рд╡реИрдХрд▓реНрдкрд┐рдХ рдмрдирд╛рдиреЗ рд╡рд╛рд▓реЗ рдмрджрд▓рд╛рд╡ рдХреЛ рд╕реНрд╡реАрдХрд╛рд░ рдирд╣реАрдВ рдХрд┐рдпрд╛ рд╣реЛрдЧрд╛ред рд╡рд╣ рдмрд╣реБрдд рд░реВрдврд╝рд┐рд╡рд╛рджреА рд╣реИред

рдХреНрдпрд╛ рдХрд░реЗрдВ? рдЬреЙрди рдбреЗрд╡рд┐рдб-рдбрд╛рд▓реНрдЯрди рдиреЗ рдПрдХ рдРрд╕реЗ рд╣реА рдорд╛рдорд▓реЗ рдореЗрдВ, рдЕрдВрдбрд░рд╕реНрдХреЛрд░ (рдПрдХ рдЕрдиреНрдп рдЬреЗрд░реЗрдореА рдкрд░рд┐рдпреЛрдЬрдирд╛) рдХреЛ "рдХрд╛рдВрдЯрд╛" рдХрд┐рдпрд╛ рдФрд░ рдЕрдкрдиреЗ рд▓реЙрд╢ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЛ рд╡рд┐рдХрд╕рд┐рдд рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд┐рдпрд╛, рдЬреЛ рд╡рд░реНрддрдорд╛рди рдореЗрдВ npm рдбрд╛рдЙрдирд▓реЛрдб рдореЗрдВ рдЕрдВрдбрд░рд╕реНрдХреЛрд░ рдХреЛ рдкрдЫрд╛рдбрд╝ рджрд┐рдпрд╛ред

рдорд┐рд▓реЛ: рдПрдХреНрд╕реЛрд╕реНрдХреЗрд▓реЗрдЯрди



рдПрдХреНрд╕реЛрд╕реНрдХреЗрд▓реЗрдЯрди рдмреИрдХрдмрди рдХреЗ рд▓рд┐рдП рдПрдХ рддреЗрдЬ рдФрд░ рдЖрдзреБрдирд┐рдХ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрди рдХреЗ рд░реВрдк рдореЗрдВ рддреИрдирд╛рдд рд╣реИ - рд╕рднреА рдмреИрдХ-рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдкрд░реАрдХреНрд╖рдг 100% рдкреВрд░реНрдг рд╣реИрдВ ред

рдХрдбрд╝рд╛рдИ рд╕реЗ рдмреЛрд▓рддреЗ рд╣реБрдП, jQuery рдФрд░ рдЕрдВрдбрд░рд╕реНрдХреЛрд░ рдЕрднреА рднреА рдПрдХ рдПрдХреНрд╕реЛрд╕реНрдХреЗрд▓реЗрдЯрди рдХреЗ рд╕рд╛рде рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рд▓реЗрдХрд┐рди рд╡реЗ 100% рд╡реИрдХрд▓реНрдкрд┐рдХ рд╣реИрдВред

рдПрдХ рдЧреБрдЪреНрдЫрд╛ рд╕реЗ рдирд┐рд░реНрднрд░рддрд╛ рдХреЛ рдорд╛рд░рдирд╛ рдЖрдкрдХреЛ рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИ:

* рд╡рд┐рджреЗрд╢реА рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдХреЗ рдХреБрд▓ рдЖрдХрд╛рд░ рдХреЛ рдЫрд╣ рдЧреБрдирд╛ рдШрдЯрд╛рдПрдБ: 40KB рд╕реЗ рдХреЗрд╡рд▓ 7KB (gzipped)
* рдкреНрд░рддрд┐рдкрд╛рджрди рдФрд░ рд╡рд┐рдЪрд╛рд░реЛрдВ рдХреЛ рдмрдирд╛рдиреЗ рдХреЗ рд╕рдордп рдХреЛ рдкрд╛рдВрдЪ рдЧреБрдирд╛ рдХрдо рдХрд░реЗрдВ , рдЬреЛ рдзреАрдореЗ рдореЛрдмрд╛рдЗрд▓ рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдЙрдкрдпреЛрдЧреА рд╣реИ

рд╡реИрдХрд▓реНрдкрд┐рдХ рдирд┐рд░реНрднрд░рддрд╛ рдФрд░ рдЧрддрд┐ рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдПрдХреНрд╕реЛрд╕реНрдХреЗрд▓реЗрдЯрди рдореЗрдВ (рдФрд░ рдмреИрдХрдмреЛрди рдореЗрдВ рдирд╣реАрдВ) рднреА рд╣реИ:

* рд╕рд░рд▓ рдХрд╕реНрдЯрдо рдмрдирд╛рддрд╛ рд╣реИ
* рдПрдПрдордбреА рдореЙрдбреНрдпреВрд▓, рдирд┐рд░реНрднрд░рддрд╛ рдкреНрд░рдмрдВрдзрдХреЛрдВ рдмреЛрд╡рд░ рдФрд░ рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди
* рдЫреЛрдЯреЗ рдФрд░ рдЙрдкрдпреЛрдЧреА рдЫреЛрдЯреЗ рд╕реБрдзрд╛рд░реЛрдВ рдХрд╛ рдПрдХ рд╕рдореВрд╣ рдЬреЛ рд░реЛрдЬрдорд░реНрд░рд╛ рдХреЗ рд╡рд┐рдХрд╛рд╕ рдХреЛ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рдмрдирд╛рддрд╛ рд╣реИ

рдЪреИрдкрд▓рд┐рди рдХрд╛ рдПрдорд╡реАрд╕реА рдврд╛рдВрдЪрд╛ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдПрдХреНрд╕реЛрд╕реНрдХреЗрд▓реЗрдЯрди рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИред рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдореЗрдВ рдХрдардкреБрддрд▓рд┐рдпреЛрдВ рдФрд░ рдЕрдиреНрдп рд▓реЛрдХрдкреНрд░рд┐рдп рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди (рдкреБрд▓ рдЕрдиреБрд░реЛрдз рддреИрдпрд╛рд░ рдХрд░рдирд╛)ред рдЬрд▓реНрдж рд╣реА, ECMAScript 6 рдореЙрдбреНрдпреВрд▓ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдФрд░ рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рдЕрдзрд┐рдХ рдЕрдиреБрдХреВрд▓рди рднреА рджрд┐рдЦрд╛рдИ рджреЗрдВрдЧреЗред

рдореИрдВ рдЕрдкрдиреЗ рдЕрдиреБрднрд╡ рд╕реЗ рдХрд╣рддрд╛ рд╣реВрдВ рдХрд┐ рдмрд┐рдирд╛ jQuery рдХреЗ рд╡реЗрдм рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдЖрдЬ рдХреЗ рд▓рд┐рдП рдЖрд╕рд╛рди рд╣реИрдВред рдЖрдзреБрдирд┐рдХ рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдореЗрдВ DOM рдХреЗ рд╕рдорд╛рди рдЗрдВрдЯрд░рдлреЗрд╕ рдПрдХ рд╕рд┐рд░ рдХреЗ рд╕рд╛рде рдкрд░реНрдпрд╛рдкреНрдд рд╣реИрдВред рдЬрд╝рдХрд╡реЗрд░реА рдкрд╣рд▓реЗ рдХреА рддрд░рд╣ "рдЯрд╛рдЗрдо рдкреНрд░реЗрд╕рд░рд╡рд░" рдирд╣реАрдВ рд╣реИред

рдЖрдкрдХреА рдЗрдЪреНрдЫрд╛рдПрдВ рд╕реБрдирдХрд░ рд╣рдореЗрдВ рдЦреБрд╢реА рд╣реЛрдЧреАред

рд╡реЗрдмрд╕рд╛рдЗрдЯ: exosjs.com

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


All Articles