フロントエンドコンポーネント化の3つの方法:

1474 ワード

1.プリコンパイル言語は開発段階で、より完璧なサードパーティプログラム言語でhtml、css、jsコードを生成する.欠点:cssはsass、lessがあります;jsにはCoffeeScript,Type Scriptyがあります.HTMLは?長所:言語に欠陥がある場合は、これらの欠陥を隠すためにもう一つの言語をセットします.将来:hex言語...
 
2.cssとhtmlはhtmlファイルに書く
そして
{
type:"get",
dataType:"text",
url:"module.html",
async:true,
cache:true
}

この構成ではajax getがhtmlを要求し,要求されたテキストをdomノードに変換すればよい.短所:要求が多すぎる.利点:htmlコードとcssコードの修正が便利です.将来:複数のhttpリクエストは、同じtcp接続で実行でき、ブラウザのページキャッシュポリシーがアップグレードされます.この案はいいですね.
 
3.cssとhtml、jsはすべて1つのjsファイルに書きます
方法1、
var $html = $('<div class="moduleHtml"></div>'),
$css = $('<style>.moduleHtml{}</style>');

$("head").append($css);
$("body").append($html);

 
方式2ではdomは木構造であり、jsonも木構造であるため、jsonでhtmlを生成することができる.cssは積層構造であるため,jsonも積層構造を表すことができ,jsonでcssを生成することができる.どうやら、reactはそうしているようです.
欠点:htmlコードとcssコードの修正が不便です.長所:書類だけで関東に侵入する.将来:将来は今.