前端组件化的三种⽅案：1.预编译语⾔
在开发阶段，⽤更完善的第三⽅程序语⾔，⽣成html，css，js代码。
缺点：css有sass，less；js有CoffeeScript，TypeScripty；HTML呢？
优点：如果语⾔有缺陷，那我就再套⼀层语⾔来隐藏这些缺陷。
将来：据说hex语⾔...
2.css和html写在html⽂件⾥
然后以
{css和html和js怎么结合
type:"get",
dataType:"text",
url:"module.html",
async:true,
cache:true
}
这个配置，ajax get请求html，
再把请求过来的⽂本，转换为dom节点即可。
缺点：请求过多。
优点：html代码和css代码修改起来⽅便。
将来：多个http请求可以在同⼀个tcp连接进⾏，浏览器的页⾯缓存策略升级。这个⽅案不错。
3.css和html，js都写在⼀个js⽂件
⽅式⼀，
var $html = $('<div class="moduleHtml"></div>'),
$css = $('<style>.moduleHtml{}</style>');
$("head").append($css);
$("body").append($html);
⽅式⼆，
因为dom是⼀个树形结构，json也是⼀个树形结构，于是可以⽤json⽣成html。
因为css是⼀个层叠结构，json也能表达层叠结构，于是可以⽤json⽣成css。
貌似，好像，react就是这么做。
缺点：html代码和css代码修改起来不⽅便。
优点：单⽂件闯关东。
将来：将来就是当下。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。