前端模块化,组件和,工程化的理解

版权声明:转载请注明出处: https://blog.csdn.net/qq_38262910/article/details/85273231

前端工程化
前端工程化我认为就是将前端项目当成一项系统工程进行分析、组织和构建从而达到项 目结构清晰、分工明确、团队配合默契、开发效率提高的目的。
工程化是一种思想而不是某种技术(当然为了实现工程化我们会用一些技术)
在一个大型web项目中往往有更加复杂的结构和非常多的页面需要很多人甚至是多个团队配合才能把项目做完,我们需要有更加严谨和复杂的工程化思维去组织结构。从更高层面的项目组织来看我们要做项目的各种规范、技术选型、项目构建优化等等,在代码层面我们还需要用到JS/CSS模块机、UI组件化等开发方式。再用一句通俗的话来概括前端工程化:前端工程化就是用做工程的思维看待和开发自己的项目,而不再是直接撸起袖子一个页面一个页面开写
前端模块化
具体什么是模块化呢,还是举简单的例子,我们要写一个实现A功能的JS代码,这个功能在项目其他位置也需要用到,那么我们就可以把这个功能看成一个模块采用一定的方式进行模块化编写,既能实现复用还可以分而治之。
前端组件化
页面上的每个独立的、可视/可交互区域视为一个组件;
组件化将页面视为一个容器,页面上各个独立部分例如:头部、导航、焦点图、侧边栏、底部等视为独立组件,不同的页面根据内容的需要,去盛放相关组件即可组成完整的页面。

猜你喜欢

转载自blog.csdn.net/qq_38262910/article/details/85273231