मास्कज - एचएमवी * ढांचा

आधे से अधिक वर्षों से MaskJS को विकसित करने के बाद, हम DOM टेम्पलेट इंजन को एक बहुत शक्तिशाली, लेकिन उसी समय उत्पादक वेब ढांचे में बदलने में कामयाब रहे। लेख आपको संभवतः दिलचस्प विकास दृष्टिकोणों से परिचित कराएगा। मुझे यकीन है कि DOM इवेंट के बजाय सिग्नल और स्लॉट के उपयोग के बारे में पढ़ना दिलचस्प होगा। और कैसे घटक हमारे जीवन को आसान बनाते हैं। मुखौटा आसानी से पहले से ही पूरी हो चुकी परियोजना में एकीकृत है, और यहां तक ​​कि किसी भी अन्य ढांचे के साथ एक साथ इस्तेमाल किया जा सकता है। मुख्य अंतर संभवतः render flow , जहां प्रक्रिया में एक दस्तावेज़ फ्रैगमेंट / कंट्रोलर / "बाइंडिंग" चरणों में बनाया जाता है। वास्तव में सभी लचीलेपन को व्यक्त करना मुश्किल है, लेकिन मैं कोशिश करूंगा, और मैं आपको बिल्ली के लिए आमंत्रित करता हूं।


मास्कज @ गीठब
वार्मिंग के लिए एक छोटा टूडू उदाहरण । मास्क-फिडल वेबकिट पर सबसे अच्छा काम करता है

राय

अंकन

यदि कोई नहीं जानता है, तो टेम्पलेट सीएसएस / कम / सैस के समान एक सिंटैक्स का उपयोग करते हैं। हाल ही में, विभिन्न कीड़े तय किए गए हैं, इसलिए इंजन अब स्थिर होना चाहिए।

 p { div#info.dark > 'Single Child' button data-user='123' style='cursor:pointer;' > span > 'Submit' input type=hidden value=x; } 

जैसा कि आप देख सकते हैं, हमने टैग से "<>" हटा दिया और समापन टैग हटा दिए, और इसके बजाय ब्लॉक सामान्य "{}" कोष्ठक के साथ हाइलाइट किए गए हैं। (सादगी के लिए, एक बच्चे के साथ एक ब्लॉक ">" संक्रमण के साथ चयनकर्ता की तरह नहीं दिखता है, लेकिन बच्चों के बिना - यह एक अर्धविराम के साथ बंद हो जाता है)। पाठ को शाब्दिक रूप में रखा गया है, जैसे कि जावास्क्रिप्ट में। इस तरह के एक चालाक परिवर्तन के साथ, हमने आसानी से मार्कअप को संरचना पर केंद्रित कर दिया - जो वास्तव में html की अतिरेक से अधिक अनुप्रयोग वास्तुकला में मांग है, जिसका उद्देश्य पाठ को चिह्नित करना है। यह कई html भक्तों को आश्चर्यचकित करता है, लेकिन चलो इसका सामना करते हैं - हम, और शायद आपकी तरह, कई स्थानीयकरण के साथ अनुप्रयोग विकसित कर रहे हैं। हमारे पास विचारों में कोई पाठ नहीं है - केवल स्थानीयकरण के साथ काम करने की कुंजी है, फिर हाइपरटेक्स्ट मार्कअप सिंटैक्स क्यों पूछा जाता है?
और इंडेंटेशन पैटर्न के विपरीत, मुखौटा आसानी से छोटा होता है और न्यूनतम स्थान लेता है।

गति

यह MaskJS के विकास में मुख्य प्राथमिकता है - मोबाइल उपकरणों पर अधिकतम प्रदर्शन की पेशकश करना। Html के साथ अधिक या कम तुलनीय गति प्राप्त करना संभव था, और वेबकिट इंजन के मामले में, यहां तक ​​कि इसे बढ़ाना, विशेष रूप से मोबाइल प्लेटफार्मों के लिए। और इसलिए नहीं क्योंकि वेबकिट में html पार्सिंग धीमा है, लेकिन क्योंकि str.charCodeAt और document.createElement बहुत तेज हैं)। और सबसे महत्वपूर्ण बात, MaskJS वास्तुकला में नियंत्रकों / प्रक्षेप / डोम घटनाओं / डेटा बाइंडिंग के लिए ओवरहेड न्यूनतम है। नतीजतन, हमें अब टेम्पलेट्स संकलित करने की आवश्यकता नहीं है, और यह विकास की खुशी के लिए एक बड़ा प्लस है। यदि रुचि है, तो आप github पर रीडमी में jsperf.com के कई लिंक पाएंगे।

लचीलापन

MaskJS एक काफी एक्स्टेंसिबल सिस्टम है। हम किसी भी टैग के लिए नियंत्रकों को परिभाषित कर सकते हैं और नए बना सकते हैं, वास्तव में नियंत्रकों ( एच एमवीसी) की पूरी पदानुक्रम इस सुविधा के लिए बनाई गई है। हम हैंडलर को किसी भी विशेषता के लिए परिभाषित कर सकते हैं। हम उन उपयोगिताओं को भी परिभाषित कर सकते हैं, जो किसी टेम्पलेट में किसी मॉडल को प्रक्षेपित करते समय, डेटा को बदल देंगे या फिर से परिभाषित करेंगे। और मैं आपको याद दिलाता हूं कि क्लाइंट पर मुखौटा सीधे DocumentFragment में प्रदान किया गया है, इसलिए हम हमेशा DOM तत्वों के साथ काम करते हैं।
सभी नियंत्रकों को आईओसी कंटेनरों की समानता के माध्यम से बनाया जाता है, और यदि आप "जानते हैं", तो आप खुद ही समझ जाते हैं कि उन्हें ("गीला हो जाना") को फिर से परिभाषित करना या नकल करना कितना आसान होगा।
क्या आपके पास एक jQuery विजेट (या समतुल्य) है और क्या आप इसे घर में डालने के बाद हर बार इसे शुरू करने से थक गए हैं? उदाहरण के लिए, सर्वर से किसी अन्य टेम्पलेट इंजन का उपयोग करके प्रतिक्रिया आई - आपने एक दृश्य बनाया, इसे DOM में डाला और फिर आवश्यक तत्वों पर चला गया। और आरंभीकृत विजेट्स । मास्कजेएस के साथ, आप अपने विजेट पर एक रैप टैग बनाते हैं, और मुखौटा आपके लिए सब कुछ करेगा:

 mask.registerHandler(':timer', Compo({ //     template: '.cotainer > .someInnerPanel', slots: { domInsert: function(){ //        " ", //  ,    -  } } onRenderEnd: function(){ this.$.mySuperTimer({ timespan: this.attr.timespan << 0 }); /**   -    ,         / ,       ,     .            (int) ,  undefined  . */ } }); // =  // ... :timer timespan="5000"; 

अब, आप इस टैग का उपयोग टेम्पलेट में उतना ही कर सकते हैं, जितना आप चाहते हैं, लेकिन अब आपको इसे प्रारंभ करने की आवश्यकता नहीं है। टाइमर बनाने का एक छोटा सा उदाहरण:

 $.getJSON(url).done(function(collection){ jmask("ul > % each=timers > li > :timer timespan='~[timespan]'; ", collection).appendTo(document.body); }); 

डिजाइन पैटर्न

कई अलग-अलग वास्तु समाधान हैं, लेकिन संचार और निर्भरता को कम करने के लिए सभी का एक सामान्य लक्ष्य है। MaskJS में, मुख्य ध्यान MVC से V ( दृश्य ) पर है, और हम मॉडल से सार करने की कोशिश कर रहे हैं। मुखौटा को कोई फर्क नहीं पड़ता कि आपका व्यवसाय परत कैसा दिखता है और यह कहां से आता है। और इसका मतलब है कि सभी वर्ग, डेटा और कोई भी व्यावसायिक तर्क प्रस्तुति और नियंत्रकों से स्वतंत्र हैं - और न केवल वास्तुशिल्प रूप से, बल्कि समग्र रूप से मास्कज लाइब्रेरी से भी। एक मॉडल या तो एक डेटा सेंट्रिक (लगभग - json सेवा प्रतिक्रिया) या एक जटिल डोमेन मॉडल हो सकता है। लेकिन किसी भी मामले में, यह अलग है और इस प्रकार विकसित करना और परीक्षण करना आसान है।
आगे, मैं विभिन्न एमवीसी परिदृश्यों के छोटे उदाहरण दूंगा, कुछ अतिरंजित होंगे - इसलिए कड़ाई से न्याय न करें, मैं केवल बेहतर दृश्यता के उद्देश्य से ऐसा करता हूं।

• यहाँ हम देखें:

   mask.render(" div > 'A' "); 

  
  
• मॉडल से एक पत्र प्रदर्शित करके गतिशीलता जोड़ें ( var model = { letter: 'A' } ):

   mask.render(" div > '~[letter]' ", model) 

  - (डेटा) मॉडल / देखें
  
• हम मॉडल को प्रतिनिधित्व से जोड़ेंगे ताकि यदि मॉडल में अक्षर बदल जाए, तो प्रतिनिधित्व अपडेट हो जाए:
  

   mask.render(" div > '~[bind: letter]' ", model); 

  - यहाँ मॉडल / देखें / ViewModel है
  
• यदि हमें दृश्य के लिए डेटा को बदलने या पूरक करने की आवश्यकता है, तो हमें मॉडल / दृश्य / एडाप्टर प्राप्त होता है:
  

   mask.registerHandler(':myModelAdapter', { renderStart: function(model){ _extendModelFromLocalStorage(model); } }); mask.render(" :myModelAdapter > div > '~[letter]' ", model); 

  
  
• अगर हमें मॉडल से अलग देखने की जरूरत है तो हमें मॉडल / व्यू / प्रस्तुतकर्ता मिल जाएगा
  

   mask.registerHandler(':myPresenter', Compo({ onRenderStart: function(model){ this.letter = _handle(model); this.model = this; } }); mask.render(" :myPresenter > div > '~[letter]' ", model); 

  
  
• यदि आप चिट्ठी को क्लिक पर "बी" में बदलना चाहते हैं - हाय मॉडल / व्यू / कंट्रोलर:
  

   mask.registerHandler(':letterChanger', Compo({ events: { 'click: div' : function(event){ this.model.letter = 'B'; //     -     // this.$.text('B'); /* this.$ = jQuery/Zepto wrapper */ } } }); mask.render(" :letterChanger > div > '~[bind: letter]' "); 

  
  
• अगर आपको मॉडल को पूरक करने की जरूरत है + क्लिक का जवाब - और अब पदानुक्रम - HMVC
  

   mask.render(':myAdapter > :letterChanger > div > “~[bind: letter]" '); 

  
  
• यदि आपको नियंत्रक में दृश्य को छिपाने की आवश्यकता है, तो हम सामान्य इनकैप्सुलेशन प्राप्त करते हैं - (यह निश्चित रूप से एक वास्तुशिल्प डिजाइन पैटर्न नहीं है, लेकिन मास्कजेएस में एक बहुत महत्वपूर्ण बिंदु है)
  

   mask.registerHandler(':letter', Compo({ template: ":letterChanger > div > '~[bind: letter]' " }); mask.render(" :myAdapter > :letter; " , model); 

  
  
  क्या आप जानते हैं कि एनकैप्सुलेशन की पूरी शक्ति के लिए विभिन्न लोडरों का उपयोग करना बुरा नहीं है, जिससे नियंत्रकों, उनके अभ्यावेदन और शैलियों को अलग-अलग फ़ाइलों में रखा जा सकता है। घटक रचना का एक सरल उदाहरण:
  

   header { #logo; :menu; :userInfo; } :viewManager { :userView; :aboutView; } :pageActivity; :notifier; :footer; 

  
  घटक नाम केवल निरूपण के बेहतर अर्थ के लिए एक बृहदान्त्र से शुरू होते हैं।
  
  

लेकिन इन सभी एमवी * में मुख्य बात उनके नाम नहीं हैं, खासकर जब से सब कुछ बहुत दूर है (मुझे उम्मीद है कि मैं किसी को नाराज नहीं कर रहा हूं?)। और सार यह है कि हम विभिन्न प्रयोजनों के लिए नियंत्रक कैसे बनाते हैं। और जैसा कि आप देख रहे हैं, हम निर्भरता को सीधे दृष्टिकोण से इंगित करते हैं - जिससे नियंत्रक खुद को लोड कर रहे हैं और केवल अपने तत्काल कार्यों से निपटने के लिए उन्हें छोड़ रहे हैं।

घटक / (नियंत्रक) / (विजेट)

एएसटी

MaskDOM

पार्सर व्यू को एक नोड ट्री में बदल देता है। फिर एक "बिल्डर" इसके माध्यम से गुजरता है और मॉडल को प्रक्षेपित करता है - HTMLElements और नियंत्रकों (मनमाना टैग) बनाता है। MaskJS अपने मानक निर्माण में एक और अच्छी लाइब्रेरी के साथ आता है - jmask @ github । यह मास्कडोम पेड़ के साथ काम करने में मदद करता है, यह jQuery सिंटैक्स का उपयोग करता है और जहां भी आपको गतिशील रूप से मास्क का पेड़ बनाने या इसे बदलने की आवश्यकता होती है, वहां उपयोग करने के लिए सुविधाजनक है, उदाहरण के लिए, ऑनरेंडरस्टार्ट घटक:

 //.. onRenderStart: function() { jmask(this).tag('div').addClass('pixel').wrappAll('.container data-id=dialog'); // eq. == jmask(this).wrappAll('.pixel > .container data-id=dialog'); } 

यदि आप कहीं डोम बनाने के लिए jQuery का उपयोग करते हैं, तो मुखौटा इसे उसी तरह से संभाल लेगा, और कई बार तेज , एक छोटा उदाहरण

 $('<div><span></span></div>').addClass('container').data('foo','bar').children('span').text('2013').appendTo('body') //    jmask jmask('div > span').addClass('container').data('foo','bar').children('span').text('2013').appendTo(document.body) jmask('.container foo=bar > span > "~[text]"').appendTo(document.body, { year: 2013 }) 

नियंत्रणकर्ता वृक्ष

बिल्डर घटकों से एक पेड़ भी बनाता है, इसलिए आप चयनकर्ताओं के माध्यम से अन्य नियंत्रक पा सकते हैं

 mask.registerHandler(':page', Compo({ // ... foo: function(){ // ... //  find     this.find(':scroller').scroller.refresh(); this.closest(':item[data-id=5]]').bar(); //  jmask     jmask(this).find(':listItem').each(function(x) { x.bar() }) } }); 

सिग्नल / स्लॉट

मास्क-कम्पो @ गीथूब

एक घटक में सभी घटनाओं की सूची के साथ एक हैश ऑब्जेक्ट हो सकता है जिसे वह संसाधित करना चाहता है -

 var _myCompo = Compo({ constructor: function(){ this.name = 'C'; }, events: { 'touchstart: .pane': function(event){ this instanceof _myCompo // -> true }, //... } }); 

लेकिन इस तरह, हम मार्कअप (सीएसएस कक्षाएं) से जुड़े होते हैं - और इसका मतलब है - दृश्य के कार्यान्वयन के लिए बाध्य, जो दृश्य के प्रतिस्थापन को जटिल करता है। और यह अच्छा नहीं है। कई चौखटे में, आप नियंत्रक विधियों को सीधे दृश्य से कॉल कर सकते हैं, लेकिन यह भी ऐसा नहीं है, हालांकि मास्कजेएस टेम्पलेट्स में अभिव्यक्ति का समर्थन करते हैं - div > '~[: controllerMethod("test") ]' कंट्रोलमैथोड div > '~[: controllerMethod("test") ]' (मैं ध्यान देता हूं कि मुखौटा अपनी अभिव्यक्ति पार्सर और मूल्यांकनकर्ता है बिना / नए समारोह / eval के साथ )। यह बेहतर है जब दृश्य नियंत्रक पेड़ को संकेत भेजता है, तत्व के "मालिक" से शुरू होता है - और वहां, जो कोई भी इसे चाहता है, तर्क को लागू करता है।

 mask.registerHandler(':myCompo', Compo({ constructor: function(){ this.name = 'C'; }, slots : { greet: function(sender){ // sender   dom    event object,     alert(this.name); // "C" // return false -  ,          . }, //... } })); mask.render(" :myCompo > .panel x-signal='click: greet'; "); 

slots ऑब्जेक्ट में स्लॉट्स की घोषणात्मक घोषणा को नोटिस करें - इसके द्वारा, हम स्पष्ट रूप से कंट्रोलर लॉजिक को अलग करते हैं, और जब संबंधित सिग्नल ट्रिगर होते हैं तो मास्क खुद इन हैंडलर को कॉल करेगा।
इसके अतिरिक्त, हम किसी भी समय एक स्लॉट या सिग्नल को निष्क्रिय कर सकते हैं, और साथ ही, नियंत्रकों के इस "दायरे" में इस सिग्नल को भेजने वाले सभी तत्वों को स्थिति प्राप्त होगी : अक्षम ।

पाइप्स

साधारण संकेत केवल घटक पेड़ के ऊपर या नीचे चलते हैं, और दो घटकों को जोड़ने के लिए जो पदानुक्रम के बाहर झूठ बोलते हैं, आपको ट्यूबों का उपयोग करने की आवश्यकता है।

 mask.registerHandler(':userInfo', Compo({ pipes: { // pipe name user: { logout: function(){ this.model.authenticated = false; } } } })); // = template.mask = menu { #logout x-pipe-signal='click: user.logout' > button > 'Sign out' // .... } section #content { //   "user"       % use="user" > :userInfo type='brief' ; // .. } section #footer { // bind to "user.authenticated" prop %% if="user.authenticated" > % each="user.keys" > "~[.]" } 

इस उदाहरण में, मैंने प्रस्तुति को थोड़ा जटिल करने की कोशिश की।

सभी संकेत नियंत्रक से स्वयं भी भेजे जा सकते हैं:

  this.emitIn('name', args...); //  this.emitOut('name', args...); //  Compo.pipe('user').emit('logout'); //       "". 

बाइंडिंग

नकाब-बंधन @ गीठब
"बाइंडिंग" के बिना एक वेब फ्रेमवर्क कैसे हो सकता है? सब कुछ शैली की सर्वश्रेष्ठ परंपराओं में है: वन- / टू-वे बाइंडिंग, कस्टम बाइंडिंग प्रोवाइडर, ऐरे म्यूटेटर, वैलिडेटर।
एक उदाहरण मास्क पर देखा जा सकता है -कोशिश | बाइंडिंग । बाइंडिंग स्वाभाविक रूप से बहुत उत्पादक होती है, क्योंकि रेंडर समय में वे केवल घर के तत्वों के लिंक को बचाते हैं और defineProperty/ __defineSetter__ माध्यम से मॉडल से defineProperty/ __defineSetter__ । और हां - आपने सही रूप से देखा कि पुराने ब्राउज़र समर्थित नहीं हैं - लेकिन मानक प्रदाता को फिर से परिभाषित करके, आप फॉर्म setX/getX , या अन्य टेम्पलेट्स जैसे .get("x")/.set("x") कार्यों से setX/getX सकते हैं। वास्तव में, यदि आवश्यक हो, तो प्रतिबंधों को दरकिनार किया जा सकता है।
दिलचस्प अंक:

• हम अभिव्यक्ति का उपयोग कर सकते हैं, एक उदाहरण:
  

    div style='height: ~[bind: item.age * index + 10]px' 

  इस पर निर्भर करता है कि आयु या सूचकांक कैसे बदल जाएगा - यह div पैनल की ऊंचाई होगी
  
• dom events / (jquery) custom events / सिग्नल्स के आधार पर टू-वे बाइंडिंग।
• मॉडल पूर्ण होने के लिए, द्वि-दिशात्मक बाइंडिंग में घटक हो सकते हैं :validate । एक मॉडल मूल्य निर्दिष्ट करने से पहले, प्रदाता पहले इसकी जांच करेगा, और एक त्रुटि के मामले में, उपयोगकर्ता को इसके बारे में सूचित करेगा और अंतिम सही मूल्य पर लौटने की पेशकश करेगा। इसलिए हमारा मॉडल समग्र है।
  

   input #device-type type=value > :dualbind value="age" { :validate match="^[az]{2}-[\d]{4}$" message=" ... pattern: xx-1234" } 

  
  
• जैसा कि आपने देखा होगा कि मास्क में एक मानक % घटक होता है जो तर्क को लागू करता है if/else/each/repeat/use और इसी तरह। तो, बाइंडिंग मॉड्यूल में इन चीजों के लिए एक तरफ़ा बंधन भी लागू किया जाता है:
  

   %% if="state == true" { %% each=userList { // ... template 

  
  
  

डिज़ाइन

यह न केवल बड़े और उत्पादक अनुप्रयोगों को लिखने के लिए महत्वपूर्ण है, बल्कि इसका सबसे अधिक लाभ उठाने के लिए भी है। सबसे छोटे ( :customCheckBox ) से सबसे बड़े ( :inbox ) तक के विकास को घटकों में विभाजित करके, हम हमेशा आवश्यक पर ध्यान केंद्रित करते हैं। बग को पकड़ने के लिए, सिस्टम नियंत्रक में debugger और log विशेषताएँ हैं:

 .user { % debugger; .user-status > '~[bind:info.status]' %% log="info.status"; } 

• debugger - रेंडर फ़्लो के दौरान हम रुक जाते हैं और स्टैक कंपोनेंट, मौजूदा मॉडल और html एलिमेंट देख सकते हैं।
  
• log - कंसोल को आउटपुट डेटा। हम मॉडल और कंट्रोलर दोनों को एक्सेस कर सकते हैं।
  

हॉट रीलोड प्लगिन

... शामिल करने के लिए
आपने पृष्ठ को पुनः लोड किए बिना संसाधनों के "गर्म" अपडेट के साथ किसी को आश्चर्यचकित नहीं किया - और कार्यान्वयन बल्कि तुच्छ है, लेकिन स्क्रिप्ट इतनी सरल नहीं हैं। यहां, क्लोजर, डोम इवेंट्स, इत्यादि को ध्यान में रखा जाना चाहिए। हम सभी मॉड्यूलों को लोड करने के लिए IncludeJS लाइब्रेरी का उपयोग करते हैं, और प्रत्येक स्क्रिप्ट फ़ाइल पुनः लोड विधि को निर्यात कर सकती है। IncludeJS.Builder में शामिल है। IncludeJS.Builder एक सर्वर है जो मांगी गई फाइलों में बदलाव पर नज़र रखता है और IncludeJS माध्यम से IncludeJS । स्क्रिप्ट अपने आप में काफी सरल है। लेकिन MaskJS, बदले में, reload plugin में mask.registerHandler को ओवरराइड mask.registerHandler है - इसमें यह उन सभी घटकों को लिखता है जो पंजीकृत हैं और उन्हें वर्तमान स्क्रिप्ट के पथ से संबद्ध करता है। प्लगइन भी नियंत्रक निर्माण घटना के लिए सदस्यता लेता है, और वर्तमान मॉडल और नियंत्रक के लिए एक लिंक बचाता है। इस प्रकार, जब हमें सॉकेट के माध्यम से फ़ाइल परिवर्तन के बारे में एक सूचना मिलती है, तो हमारे पास उन घटकों के नामों की एक सूची होती है जो यह फ़ाइल बनाता है, साथ ही (instances) की एक सूची भी। और फिर तकनीकी चीज प्रत्येक नियंत्रक के remove/dispose को कॉल करना है, और उनके स्थान पर अद्यतन घटकों को इनिशियलाइज़ करना है। सिग्नल और स्लॉट का उपयोग करते हुए, माता-पिता को अपडेट किए गए घटकों की डोम घटनाओं की सदस्यता लेने की आवश्यकता नहीं है - सिग्नल ऐसा करेगा। यदि कंपोनेंट मास्क मार्कअप को अलग से लोड करता है और हमने इसमें कुछ बदलाव किया है, तो IncludeJS इसे customCompo.js फाइल में बदलाव के रूप में customCompo.js । इनजेईजेएस का विषय काफी क्षमतावान है और इसकी सभी क्षमताओं के बारे में कुछ और समय है। लेकिन तथ्य यह है कि मास्कजेएस आर्किटेक्चर आपको मक्खी पर घटकों को बदलने की अनुमति देता है, विशेष रूप से विकास को सरल करता है, खासकर अगर घटक एन क्लिक्स (लगभग कहीं संवाद में) के पीछे छिपा हुआ है।

Node.js और TODO

MaskJS वर्तमान में भी नोड में काम करता है। काम के सिद्धांत समान हैं, केवल मास्क डोम बनाने के बाद, एक html डोम बनाया जाता है, जो बदले में एक स्ट्रिंग बफर में बदल जाता है। और क्लाइंट पर, सभी घटकों को इनिशियलाइज़ किया जाएगा और पूरा करने के लिए उन्हें ऑनरेंडर विधि में आवश्यक DOM तत्व प्राप्त होंगे।
रूटिंग को नियंत्रकों से नहीं, कई रूपरेखाओं में, बल्कि अभ्यावेदन से जोड़ा जाता है। क्या आपको याद है? दृश्य स्वयं आवश्यक नियंत्रकों को आरंभ करता है। आप तुरंत मास्टर पेज तकनीक और अधिक का उपयोग कर सकते हैं।
इस क्षेत्र में काम अभी तक पूरा नहीं हुआ है, फिर भी कुछ बारीकियों से निपटना आवश्यक होगा। लेकिन लक्ष्य ग्राहक के रूप में काम करने के लिए घटकों / नियंत्रकों / विगेट्स के लिए है (सबसे पहले), लेकिन यह भी ग्राहक पर पूरा होने के साथ बैकएंड पर प्रदान करने की संभावना के साथ।
मैं कुछ प्रकार के सीएसएस ढांचे पर घटकों से एक आवरण बनाना चाहूंगा। मुखौटा समय पर मार्कअप को सरल करेगा - सीएसएस कक्षाएं और div wrappers छिपाएं)। और मेनू / कैलेंडर / संवाद आदि के निर्माण को सरल बनाएं।

FIN

यह शायद सभी मुख्य बिंदु हैं। मैंने अभी तक बहुत कुछ नहीं बताया है, लेकिन मुझे उम्मीद है कि यह कम से कम स्पष्ट था कि क्या चर्चा की जा रही है, क्योंकि मेरे पास कोई कहानीकार नहीं है, लेकिन बहुत सारी सामग्री है, इसलिए ध्यान केंद्रित करना मुश्किल है।
कृपया टिप्पणियों में न लिखें - "IKS ढांचे को देखें!" - हम मुख्य धारा का अनुसरण कर रहे हैं, लेकिन गहरी टिप्पणियों के लिए, मैं बहुत खुश हूँ।


मैं भी कई व्यावहारिक सलाह के लिए rma4ok habrayuzar धन्यवाद देना चाहूंगा। मैंने बहुत कुछ ध्यान में रखने की कोशिश की। मुझे किसी अन्य सलाह या सुझाव पर भी खुशी होगी। यदि आप अन्य भाषाओं / रूपरेखाओं से दिलचस्प तकनीक जानते हैं - तो कृपया अपना ज्ञान साझा करें)। आप विकास से भी जुड़ सकते हैं।

सौभाग्य है।