クライアントサイドJavaScriptã§ã®ãƒ“ューã®ä½œã‚Šæ–¹4㤠- id:anatooã®ãƒ–ãƒã‚°è¿½è¨˜: 指摘ã«ã‚ˆã‚Šã€UIã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆåž‹ã‚’è¿½åŠ ã—ãŸ(thx @kanreisa)。 クライアントサイドJavaScriptã§ã®ãƒ“ューã®ä½œã‚Šæ–¹ã‚’大別ã™ã‚‹ã¨ã€3ã¤4ã¤ã‚る。 DOMæ“作型 テンプレートエンジン型 UIオブジェクト型 データãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°åž‹ ã“ã“ã§ã„ã†ãƒ“ューã®ä½œã‚Šæ–¹ã¨ã¯ã€æœ‰ã‚Šä½“ã«ã„ã†ã¨JavaScriptã‹ã‚‰ã©ã†ã‚„ã£ã¦DOMè¦ç´ を生æˆã—ãŸã‚Šã™ã‚‹ã‹ã©ã†ã‹ã€‚イベントリスナーã®ç™»éŒ²ã¨ã‹ã‚‚å«ã‚€ã€‚ DOMæ“作型 昔ãªãŒã‚‰ã®ã‚„り方。jQueryã¨ã‹ä½¿ã£ã¦ç›´æŽ¥DOMæ“作ã—ã¦ãƒ“ューを作る。 // 例ãˆã°ã€<div class='hoge'>fugafuga</div> ã¿ãŸã„ãªDOMを表示ã™ã‚‹ var myView = $("<div class='hoge'/>"); myView.text('fugafuga'); // body以下ã«æŒ¿å…¥ $(body).append(myView); 長所
{{#tags}}- {{label}}
{{/tags}}