如何实现UI层的松耦合

时间:2023-12-16 10:59:44

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”