如何实现UI层的松耦合
2013-10-21 00:10
197 查看
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”
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”
相关文章推荐
- 实体类如何与算法实现松耦合
- 如何实现一个与数据库表字段松耦合的j2ee应用
- 如何实现一个与数据库表字段松耦合的j2ee应用
- 如何使用IOC和DI实现松耦合应用程序
- 如何实现一个与数据库表字段松耦合的j2ee应用
- 如何实现一个与数据库表字段松耦合的j2ee应用
- 如何实现一个与数据库表字段松耦合的j2ee应用
- 如何实现一个与数据库表字段松耦合的j2ee应用
- 如何利用RadioButtonList实现datagrid列的单选
- 如何用JAVA实现数字转换为大写?
- 详解如何实现最基本的AJAX框架
- 介绍如何通过加密算法实现数据的完整性、机密性及身份验证
- 如何通过自定义注解实现AOP切点定义
- 如何在Cocos2D游戏中实现A*寻路算法(五)
- 在App中混合HTML5开发App如何实现的。在App中使用HTML5的优缺点是什么?
- vue中如何实现变量和字符串拼接
- ajax如何实现、readyState五中状态的含义
- python 每天如何定时启动爬虫任务(实现方法分享)
- 如何实现列表页显示newstext(或newstext从副表搬到主表)?
- 进程间的通信如何实现