关于前端组件化开发的一点思考

前端开发与其余程序开发的共性在于,一样要求“高内聚,低耦合,易读写,可复用”。前端

“高内聚”是指将在逻辑上能够归类为一个单元的代码封装在一块儿,尽可能保障一块代码集合主要解决一个需求,在前端开发中,最多见的即是将一个逻辑单元的代码使用IIFE函数进行封装。程序员

能够说,保障代码高内聚即在必定程度上知足了代码“低耦合”的要求,由于低耦合便是要求一个逻辑单元的代码块在改动时,不会形成其余逻辑单元代码块的变更,在前端开发中,便是要求各代码块不要过多共享某变量或对象,在不得以的状况下,必定要清晰注释。编程

“易读写”是指保持代码的可读,可修改性,即在必定时期后,后来的开发者依然能够凭借阅读代码的方式,了解你的编程思路,并根据新的需求,修改你留下的代码。这里牵扯到良好的代码缩进,命名规范,注释等。函数

“可复用”是指处于节省程序员生命的目的,听从DRY原则,在一个项目中,抽象出功能相似的业务需求,经过组件化的方式编写代码,实现只写一次,处处使用的使人愉快的目的。组件化

--------------------------------------------------------对象

组件的构成:blog

  1. 代码层面: HTML(结构)+ JS(逻辑) + CSS(样式)开发

  2. 使用层面: 需求配置参数 + 实例化相应组件对象变量

下面贴一张我本身总结的关于组件化开发的脑图:配置

相关文章
相关标签/搜索