DOMæ“作ã®æœ€é©åŒ–ã«ã‚ˆã‚‹JavaScriptãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ï¼ˆå¾Œç·¨ï¼‰é€£è¼‰ã€ŒWebサイト・アプリ高速化テクニック徹底解説ã€ã®ç¬¬5回ã¯ã€å‰å›žã®ã€ŒDOMæ“作ã®æœ€é©åŒ–ã«ã‚ˆã‚‹JavaScriptãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ï¼ˆå‰ç·¨ï¼‰ã€ã«ç¶šã後編ã§ã™ã€‚後編ã§ã¯ã€createElement()ãªã©ã®DOMæ“作メソッドを使ã£ãŸã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„ã€ãƒ‘フォーマンスを劣化ã•ã›ã‚‹ã‚ˆãã‚るパターンã«ã¤ã„ã¦è©³ã—ã解説ã—ã¾ã™ã€‚ CodeIQã¨ã®é€£å‹•ä¼ç”»ï¼ ã“ã®è¨˜äº‹ã§å¦ã¹ã‚‹JavaScriptãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã€å®Ÿéš›ã«CodeIQã®å•é¡Œã§è©¦ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚‚ã†æ—¢ã«è‡ªä¿¡ãŒã‚ã‚‹æ–¹ã¯è…•è©¦ã—ã«ã€ã‚‚ã—ãã¯ç†è§£åº¦ãƒã‚§ãƒƒã‚¯ã®ãŸã‚ã®å¾©ç¿’ã¨ã—ã¦æ˜¯éžã”活用ãã ã•ã„ï¼ã“ã¡ã‚‰ã‹ã‚‰å•é¡Œã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ï¼ å‰å›žã¯ã€DOMæ“作ãŒé…ã„åŽŸå› ã¨ä»•çµ„ã¿ã«ã¤ã„ã¦ç°¡å˜ã«èª¬æ˜Žã—ã€ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®ã‚µãƒ³ãƒ—ルをã„ãã¤ã‹è§£èª¬ã—ã¾ã—ãŸã€‚ãã®ä¸ã§ã€innerHTMLを利用ã—ãŸã‚³ãƒ¼ãƒ‰ã‚’サンプルã«ã‚ã’ã¦ã„ã¾ã™ãŒã€innerHTMLを利用ã™ã‚‹å ´åˆã€ã„ãã¤ã‹ã®
JavaScriptã§HTMLをダイナミックã«æ›¸ãæ›ãˆã‚‹ã€€å¾Œç·¨
ä¸ƒç« ç¬¬å››å›žã€€ãƒŽãƒ¼ãƒ‰ã‚’ã¾ã¨ã‚ã¦æ‰±ã†ï¼šDocumentFragment — JavaScriptåˆç´šè€…ã‹ã‚‰ä¸ç´šè€…ã«ãªã‚ㆠ— uhyohyo.net
{{#tags}}- {{label}}
{{/tags}}