如何实现UI层的松耦合

UI层的松耦合主要是指html、css、js的松耦合

1、  将js代码从css中分离,即不使用expression

2、  将css从js中分离,尽量不要在js中直接操作css。如果需要操作,可以使用添加或删除class的方法(class在css中定义好),避免在出现bug时,定位不到出错位置

3、  将js从html中抽离

4、  将html从js中抽离,当遇到需要在js中使用html模板时

a)         从服务器加载

b)         将模板储存于客户端,即html文档当中,以无法渲染的方式存储

                         i.              以注释的形式

                       ii.              以script的形式,将script的type设置为浏览器无法解读的形式,如:type=“text/mySomeTpl”

原文地址:https://www.cnblogs.com/charling/p/3379781.html