第五章 UI层的松耦合

构建软件设计的方法有两种:一种是把软件做得很简单以至于明显找不到缺陷;另一种是把它做的很复杂以至于找不到明显的缺陷。

在Web开发中,用户界面是由三个彼此隔离又相互作用的层定义的。

HTML:用来定义页面的数据和语义
CSS: 用来给页面添加样式,创建视觉特征。
JS:用来给页面添加行为,使其更具有交互性。

5.1 什么是松耦合

当你能够做到修改一个组件而不需要更改其他的组件时,你就做到了松耦合。

5.2 将JavaScript从css中抽离

5.3 将CSS从JavaScript中抽离

不要用js直接操作html元素的css,最好的方法是将要操作的css以class的方式进行切换。

5.4 将JavaScript从HTML中抽离

保持js文件独立性,禁止在html文件中直接写js。

5.5 将HTML从JavaScript中抽离

建议使用一款js模版引擎来完成
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容