前端开发流程与组件化

1组件化开发

组件分开发是很是重要的工程优手段。也是react开发必备技能。前端光有JS/CSS的模块化仍是不够的。对于UI组件一样迫切的需求

前端组件化开发理念：

 

 

如上图所示这就是前端组件开发理念，下面咱们来总结一下

一、页面上的每一个独立的可视。可交互区域视为做一个组件;

二、每一个组件对应一个工程目录，组件所需的各类资源(JS、Image、CSS)都在这个目录下就近维护;

三、因为组件具备独立性，所以组件与组件之间能够，自由组合;

四、页面只不过是组件的容器，负责组合组件造成功能完整的界面;

五、当不须要某个组件或者想要替换组件时，能够整个目录删除/替换

 

注：每二项中就近维护原则是工程化的体现。每一个开发者都清楚知道，本身所开发维护的功能模块。由于代码必须存在于对应的组件目录，当前目录包函 CSS、JS、HTML、Image

 

根据上述描述咱们将构造一个项目的基本流程

项目初期前端静态页面只包函CSS、HTML

 

目录名称：frontEnd

less文件结构对应生成css文件